dothtml-interfaces 0.4.7 → 1.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 (27) hide show
  1. package/README.md +3 -3
  2. package/package.json +6 -4
  3. package/src/bindings/{i-binding.d.ts → i-binding.ts} +11 -11
  4. package/src/bindings/{i-observer.d.ts → i-observer.ts} +2 -2
  5. package/src/bindings/{i-reactive.d.ts → i-reactive.ts} +4 -4
  6. package/src/bindings/i-ref.ts +5 -0
  7. package/src/bindings/{i-watcher.d.ts → i-watcher.ts} +52 -38
  8. package/src/{i-dot-component.d.ts → i-dot-component.ts} +113 -84
  9. package/src/{i-dot.d.ts → i-dot.ts} +1041 -1047
  10. package/src/{i-event-bus.d.ts → i-event-bus.ts} +10 -10
  11. package/src/{index.d.ts → index.ts} +14 -14
  12. package/src/styles/at-rules/{i-at-color-profile-builder.d.ts → i-at-color-profile-builder.ts} +4 -4
  13. package/src/styles/at-rules/{i-at-counter-style-builder.d.ts → i-at-counter-style-builder.ts} +14 -14
  14. package/src/styles/at-rules/{i-at-font-family-builder.d.ts → i-at-font-family-builder.ts} +18 -18
  15. package/src/styles/at-rules/{i-at-font-palette-values.d.ts → i-at-font-palette-values.ts} +5 -5
  16. package/src/styles/at-rules/{i-at-keyframes-builder.d.ts → i-at-keyframes-builder.ts} +7 -7
  17. package/src/styles/at-rules/{i-at-page-builder.d.ts → i-at-page-builder.ts} +19 -19
  18. package/src/styles/complex-css-types/{i-filter-prop.d.ts → i-filter-prop.ts} +19 -19
  19. package/src/styles/complex-css-types/{i-shadow-prop.d.ts → i-shadow-prop.ts} +11 -11
  20. package/src/styles/complex-css-types/{i-transformation-prop.d.ts → i-transformation-prop.ts} +32 -32
  21. package/src/styles/{css-types.d.ts → css-types.ts} +141 -142
  22. package/src/styles/{i-css-prop.d.ts → i-css-prop.ts} +295 -295
  23. package/src/styles/{i-dot-css.d.ts → i-dot-css.ts} +218 -214
  24. package/src/styles/mapped-types/{angle-prop.d.ts → angle-prop.ts} +15 -15
  25. package/src/styles/mapped-types/{color-props.d.ts → color-props.ts} +60 -60
  26. package/src/styles/mapped-types/{length-prop.d.ts → length-prop.ts} +21 -20
  27. package/src/bindings/i-ref.d.ts +0 -4
package/src/styles/{i-css-prop.d.ts → i-css-prop.ts} RENAMED
@@ -1,296 +1,296 @@
1
-
2
- import { GKV, ValueOrReactive } from "./css-types";
3
- import IFilterProp from "./complex-css-types/i-filter-prop";
4
- import IShadowProp from "./complex-css-types/i-shadow-prop";
5
- import ITransformationProp from "./complex-css-types/i-transformation-prop";
6
- import ColorProp from "./mapped-types/color-props";
7
- import LengthProp from "./mapped-types/length-prop";
8
- import { IBinding } from "../bindings/i-binding";
9
- import { IWatcher } from "../bindings/i-watcher";
10
-
11
- type BackgroundPositionShorthand2D = string;
12
- type BackgroundRepeatValues2d = "no-repeat"|"repeat"|"space"|"round";
13
- type BorderShorthand = string;
14
- type BorderStyles = "dotted"|"dashed"|"solid"|"double"|"groove"|"ridge"|"inset"|"outset"|"none"|"hidden";
15
- type FlexShorthand = string;
16
- type FlexFlowShorthand = string;
17
-
18
- // This needs to be built in pieces. There's only so much I can do at once.
19
- // Some of this was generated using AI. Each item needs to be manually checked.
20
- // Once it's checked, we can add a ✔️ to the end of the line.
21
- export default interface IDotcssProp extends
22
- LengthProp<"blockSize"> ,
23
- LengthProp<"borderBottomLeftRadius">,
24
- LengthProp<"borderBottomRightRadius">,
25
- LengthProp<"borderBottomWidth">,
26
- LengthProp<"borderLeftWidth">,
27
- LengthProp<"borderRightWidth">,
28
- LengthProp<"borderTopLeftRadius">,
29
- LengthProp<"borderTopRightRadius">,
30
- LengthProp<"borderTopWidth">,
31
- LengthProp<"bottom">,
32
- LengthProp<"height">,
33
- LengthProp<"left">,
34
- LengthProp<"marginBottom">,
35
- LengthProp<"marginLeft">,
36
- LengthProp<"marginRight">,
37
- LengthProp<"marginTop">,
38
- LengthProp<"maxHeight">,
39
- LengthProp<"maxWidth">,
40
- LengthProp<"minHeight">,
41
- LengthProp<"minWidth">,
42
- LengthProp<"outlineOffset">,
43
- LengthProp<"outlineWidth", 1, "medium"|"thin"|"thick">,
44
- LengthProp<"paddingBottom">,
45
- LengthProp<"paddingLeft">,
46
- LengthProp<"paddingRight">,
47
- LengthProp<"paddingTop">,
48
- LengthProp<"right">,
49
- LengthProp<"textIndent">,
50
- LengthProp<"top">,
51
- LengthProp<"width">,
52
- LengthProp<"lineHeight">,
53
- LengthProp<"fontSize">,
54
- LengthProp<"flexBasis">,
55
- LengthProp<"wordSpacing", 1, "normal">,
56
- LengthProp<"borderImageWidth", 1|2|3|4>,
57
- LengthProp<"borderRadius", 1|2|3|4>,
58
- LengthProp<"borderWidth", 1|2|3|4>,
59
- LengthProp<"margin", 1|2|3|4>,
60
- LengthProp<"padding", 1|2|3|4>,
61
- LengthProp<"backgroundSize", 1|2, "contain"|"cover"|"auto">,
62
- LengthProp<"gap", 1|2>,
63
-
64
- ColorProp<"color">,
65
- ColorProp<"backgroundColor">,
66
- ColorProp<"borderBottomColor">,
67
- ColorProp<"borderColor">,
68
- ColorProp<"borderLeftColor">,
69
- ColorProp<"borderRightColor">,
70
- ColorProp<"borderTopColor">,
71
- ColorProp<"textDecorationColor">,
72
- ColorProp<"outlineColor">,
73
- ColorProp<"columnRuleColor">
74
- {
75
-
76
- //url:
77
- backgroundImage?: ValueOrReactive<string>;
78
- borderImage?: ValueOrReactive<string>;
79
- listStyleImage?: ValueOrReactive<string>;
80
- content?: ValueOrReactive<string>;
81
-
82
- //complex:
83
- transform?: ValueOrReactive<string>|ITransformationProp|Array<ITransformationProp>;
84
- filter?: ValueOrReactive<string>|IFilterProp;
85
- backdropFilter?: ValueOrReactive<string>|IFilterProp;
86
-
87
- //misc numeric:
88
- opacity?: ValueOrReactive<number|string>;
89
-
90
- //misc:
91
- all?: GKV;
92
- appearance?: GKV|"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"; // ✔️
93
- aspectRatio?: ValueOrReactive<string>|{auto?:ValueOrReactive<boolean>, ratio: [ValueOrReactive<number>, ValueOrReactive<number>]|ValueOrReactive<number>}; // TODO: test case.
94
-
95
- background?: GKV|string; // TODO: shorthand. Requires advanced typing.
96
- backgroundAttachment?: GKV|"scroll"|"fixed"|"local"; // ✔️
97
- backgroundBlendMode?: GKV|Array<IBinding<any, string>|IWatcher<string>|"darken"|"luminocity"|"normal">; // ✔️
98
- backgroundPosition?: GKV|BackgroundPositionShorthand2D;
99
- backgroundRepeat?: GKV|BackgroundRepeatValues2d;
100
- backgroundClip?: GKV|string;
101
- backgroundOrigin?: GKV|"padding-box"|"border-box"|"content-box";
102
-
103
- borderImageOutset?: GKV|string;
104
- borderImageRepeat?: GKV|BackgroundRepeatValues2d;
105
- borderImageSlice?: GKV|string;
106
- borderImageSource?: GKV|string;
107
-
108
- // TODO: probably should break this down better.
109
- border?: GKV|BorderShorthand;
110
- borderBottom?: GKV|BorderShorthand;
111
- borderLeft?: GKV|BorderShorthand;
112
- borderRight?: GKV|BorderShorthand;
113
- borderTop?: GKV|BorderShorthand;
114
-
115
- borderBottomStyle?: GKV|BorderStyles;
116
- borderLeftStyle?: GKV|BorderStyles;
117
- borderRightStyle?: GKV|BorderStyles;
118
- borderStyle?: GKV|BorderStyles;
119
- borderTopStyle?: GKV|BorderStyles;
120
-
121
- boxDecorationBreak?: GKV|string;
122
- boxShadow?: GKV|Array<IShadowProp>; // TODO tests.
123
- clear?: GKV|string;
124
- clip?: GKV|string;
125
- display?: GKV|"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"; // ✔️
126
- float?: GKV|"left"|"right"|"none"|"inline-start"|"inline-end"; // ✔️
127
- box?: GKV|string; // Can't find docs on this on MSDN.
128
- overflow?: GKV|"visible"|"hidden"|"clip"|"scroll"|"auto"; // ✔️
129
- overflowX?: GKV|"visible"|"hidden"|"clip"|"scroll"|"auto"; // ✔️
130
- overflowY?: GKV|"visible"|"hidden"|"clip"|"scroll"|"auto"; // ✔️
131
- position?: GKV|"static"|"relative"|"fixed"|"absolute"|"sticky"; // ✔️
132
- visibility?: GKV|string;
133
- verticalAlign?: GKV|string;
134
- zIndex?: ValueOrReactive<number>;
135
- alignContent?: GKV|string;
136
- alignItems?: GKV|string;
137
- alignSelf?: GKV|string;
138
- flex?: GKV|FlexShorthand;
139
- //flexBasis?: BasicCommonValues|FlexBasisNames;
140
- flexDirection?: GKV|"row"|"row-reverse"|"column"|"column-reverse"; // ✔️
141
- flexFlow?: GKV|FlexFlowShorthand;
142
- flexGrow?: GKV|ValueOrReactive<number>; // ✔️
143
- flexShrink?: GKV|ValueOrReactive<number>; // ✔️
144
- flexWrap?: GKV|"nowrap"|"wrap"|"wrap-reverse"; // ✔️
145
- grid?: GKV|string;
146
- gridArea?: GKV|string;
147
- gridAutoColumns?: GKV|string;
148
- gridautoRows?: GKV|string;
149
- gridColumn?: GKV|string;
150
- gridColumnEnd?: GKV|string;
151
- gridColumnGap?: GKV|string;
152
- gridColumnStart?: GKV|string;
153
- gridGap?: GKV|string;
154
- gridRow?: GKV|string;
155
- gridRowEnd?: GKV|string;
156
- gridRowGap?: GKV|string;
157
- gridRowStart?: GKV|string;
158
- gridTemplate?: GKV|string;
159
- gridTemplateAreas?: GKV|string;
160
- gridTemplateColumns?: GKV|string;
161
- gridTemplateRows?: GKV|string;
162
- imageOrientation?: GKV|"from-image"|"none"|"flip"|string; // Note: flip may optionally be accompanied with an angle. This is a complex type.
163
- justifyContent?: GKV|"flex-start"|"flex-end"|"center"|"space-between"|"space-around"|"space-evenly"|"start"|"end"|"left"|"right"|"safe flex-start"|"safe flex-end"|"safe center"|"safe space-between"|"safe space-around"|"safe space-evenly"|"unsafe flex-start"|"unsafe flex-end"|"unsafe center"|"unsafe space-between"|"unsafe space-around"|"unsafe space-evenly";
164
- order?: GKV|number; // ✔️
165
- hangingPunctuation?: GKV|"none"|"first"|"last"|"allow-end"|"force-end";
166
- hyphens?: GKV|"none"|"manual"|"auto";
167
- letterSpacing?: GKV|"normal"|"initial";
168
- lineBreak?: GKV|"auto"|"loose"|"normal"|"strict"|"anywhere";
169
- overflowWrap?: GKV|"normal"|"break-word"|"anywhere";
170
- tabSize?: GKV|"auto";
171
- textAlign?: GKV|"left"|"right"|"center"|"justify"|"start"|"end"|"match-parent";
172
- textAlignLast?: GKV|"auto"|"left"|"right"|"center"|"justify"|"start"|"end"|"match-parent";
173
- textCombineUpright?: GKV|"none"|"all"|"digits"|"upright";
174
- textJustify?: GKV|"auto"|"inter-word"|"inter-character"|"none";
175
- textTransform?: GKV|"none"|"capitalize"|"uppercase"|"lowercase"|"full-width"|"full-size-kana";
176
- whiteSpace?: GKV|"normal"|"nowrap"|"pre"|"pre-wrap"|"pre-line"|"break-spaces";
177
- wordBreak?: GKV|"normal"|"break-all"|"keep-all"|"break-word";
178
- wordWrap?: GKV|"normal"|"break-word"|"anywhere";
179
- textDecoration?: GKV|"none"|"underline"|"overline"|"line-through"|"blink";
180
- textDecorationLine?: GKV|"none"|"underline"|"overline"|"line-through"|"blink";
181
- textDecorationStyle?: GKV|"solid"|"double"|"dotted"|"dashed"|"wavy";
182
- textShadow?: GKV|string; // Complex.
183
- textUnderlinePosition?: GKV|"auto"|"under"|"left"|"right";
184
- font?: GKV|string;
185
- fontFamily?: GKV|string;
186
- fontFeatureSettings?: GKV|"normal";
187
- fontKerning?: GKV|"auto"|"normal"|"none";
188
- fontLanguageOverride?: GKV|"normal";
189
- fontSizeAdjust?: GKV|"none"|"auto";
190
- fontStretch?: GKV|ValueOrReactive<number>|`${string}%`|"normal"|"ultra-condensed"|"extra-condensed"|"condensed"|"semi-condensed"|"semi-expanded"|"expanded"|"extra-expanded"|"ultra-expanded";
191
- fontStyle?: GKV|"normal"|"italic"|"oblique";
192
- fontSynthesis?: GKV|string;
193
- fontVariant?: GKV|"normal"|"small-caps";
194
- fontVariantAlternates?: GKV|string;
195
- fontVariantCaps?: GKV|"all-small-caps"|"petite-caps"|"all-petite-caps"|"unicase"|"titling-caps";
196
- fontVariantEastAsian?: GKV|string;
197
- fontVariantLigatures?: GKV|string;
198
- fontVariantNumeric?: GKV|string;
199
- fontVariantPosition?: GKV|string;
200
- fontWeight?: GKV|ValueOrReactive<number>|"normal"|"bold"|"bolder"|"lighter";
201
- direction?: GKV|"ltr"|"rtl";
202
- textOrientation?: GKV|string;
203
- unicodeBidi?: GKV|string;
204
- userSelect?: GKV|string;
205
- writingMode?: GKV|string;
206
- borderCollapse?: GKV|string;
207
- borderSpacing?: GKV|string;
208
- captionSide?: GKV|string;
209
- emptyCells?: GKV|string;
210
- tableLayout?: GKV|string;
211
- counterIncrement?: GKV|string;
212
- counterReset?: GKV|string;
213
- listStyle?: GKV|string;
214
- listStylePosition?: GKV|string;
215
- listStyleType?: GKV|string;
216
- animation?: GKV|string;
217
- animationDelay?: GKV|string;
218
- animationDirection?: GKV|string;
219
- animationDuration?: GKV|string;
220
- animationFillMode?: GKV|string;
221
- animationIterationCount?: GKV|string;
222
- animationName?: GKV|string;
223
- animationPlayState?: GKV|string;
224
- animationTimingFunction?: GKV|string;
225
- backfaceVisibility?: GKV|"visible"|"hidden";
226
- perspective2d?: GKV|string;
227
- perspectiveOrigin?: GKV|string;
228
- transformOrigin?: GKV|string;
229
- transformStyle?: GKV|string;
230
- transition?: GKV|string;
231
- transitionProperty?: GKV|string;
232
- transitionDuration?: GKV|string;
233
- transitionTimingFunction?: GKV|string;
234
- transitionDelay?: GKV|string;
235
- boxSizing?: GKV|string;
236
- cursor?: GKV|string;
237
- imeMode?: GKV|string;
238
- navDown?: GKV|string;
239
- navIndex?: GKV|string;
240
- navLeft?: GKV|string;
241
- navRight?: GKV|string;
242
- navUp?: GKV|string;
243
- outline?: GKV|BorderShorthand;
244
- //outlineOffset?: BasicCommonValues|string; // Now animated.
245
- outlineStyle?: GKV|BorderStyles;
246
- resize?: GKV|string;
247
- textOverflow?: GKV|"clip"|"ellipsis";
248
- breakAfter?: GKV|"auto"|"avoid"|"always"|"all"|"avoid-page"|"page"|"left"|"right"|"recto"|"verso";
249
- breakBefore?: GKV|"auto"|"avoid"|"always"|"all"|"avoid-page"|"page"|"left"|"right"|"recto"|"verso";
250
- breakInside?: GKV|"auto"|"avoid"|"avoid-page"|"avoid-column"|"avoid-region";
251
- columnCount?: GKV|"auto"|"initial"|"inherit"|"unset"|"balance"|"auto-fill"|"auto-fit";
252
- columnFill?: GKV|"auto"|"balance"|"balance-all"|"balance-none";
253
- columnGap?: GKV|string;
254
- columnRule?: GKV|string;
255
- columnRuleStyle?: GKV|string;
256
- columnRuleWidth?: GKV|string;
257
- columnSpan?: GKV|string;
258
- columnWidth?: GKV|string;
259
- columns?: GKV|string;
260
- widows?: GKV|string;
261
- orphans?: GKV|string;
262
- pageBreakAfter?: GKV|string;
263
- pageBreakBefore?: GKV|string;
264
- pageBreakInside?: GKV|string;
265
- marks?: GKV|string;
266
- quotes?: GKV|string;
267
- imageRendering?: GKV|string;
268
- imageResolution?: GKV|string;
269
- objectFit?: GKV|string;
270
- objectPosition?: GKV|string;
271
- mask?: GKV|string;
272
- maskType?: GKV|string;
273
- mark?: GKV|string;
274
- markAfter?: GKV|string;
275
- markBefore?: GKV|string;
276
- phonemes?: GKV|string;
277
- rest?: GKV|string;
278
- restAfter?: GKV|string;
279
- restBefore?: GKV|string;
280
- voiceBalance?: GKV|string;
281
- voiceDuration?: GKV|string;
282
- voicePitch?: GKV|string;
283
- voicePitchRange?: GKV|string;
284
- voiceRate?: GKV|string;
285
- voiceStress?: GKV|string;
286
- voiceVolume?: GKV|string;
287
- pointerEvents?: GKV|"auto"|"none";
288
-
289
- // Deprecated.
290
- // marqueeDirection?: "up"|"down"|"left"|"right"|BasicCommonValues;
291
- // marqueePlayCount?: ValueOrReactive<number>|BasicCommonValues;
292
- // marqueeSpeed?: "slow"|"normal"|"fast"|BasicCommonValues;
293
- // marqueeStyle?: BasicCommonValues|string;
294
- }
295
-
1
+
2
+ import { GKV, ValueOrReactive } from "./css-types";
3
+ import IFilterProp from "./complex-css-types/i-filter-prop";
4
+ import IShadowProp from "./complex-css-types/i-shadow-prop";
5
+ import ITransformationProp from "./complex-css-types/i-transformation-prop";
6
+ import ColorProp from "./mapped-types/color-props";
7
+ import LengthProp from "./mapped-types/length-prop";
8
+ import { IBinding } from "../bindings/i-binding";
9
+ import { IWatcher } from "../bindings/i-watcher";
10
+
11
+ type BackgroundPositionShorthand2D = string;
12
+ type BackgroundRepeatValues2d = "no-repeat"|"repeat"|"space"|"round";
13
+ type BorderShorthand = string;
14
+ type BorderStyles = "dotted"|"dashed"|"solid"|"double"|"groove"|"ridge"|"inset"|"outset"|"none"|"hidden";
15
+ type FlexShorthand = string;
16
+ type FlexFlowShorthand = string;
17
+
18
+ // This needs to be built in pieces. There's only so much I can do at once.
19
+ // Some of this was generated using AI. Each item needs to be manually checked.
20
+ // Once it's checked, we can add a ✔️ to the end of the line.
21
+ export default interface IDotcssProp extends
22
+ LengthProp<"blockSize"> ,
23
+ LengthProp<"borderBottomLeftRadius">,
24
+ LengthProp<"borderBottomRightRadius">,
25
+ LengthProp<"borderBottomWidth">,
26
+ LengthProp<"borderLeftWidth">,
27
+ LengthProp<"borderRightWidth">,
28
+ LengthProp<"borderTopLeftRadius">,
29
+ LengthProp<"borderTopRightRadius">,
30
+ LengthProp<"borderTopWidth">,
31
+ LengthProp<"bottom">,
32
+ LengthProp<"height">,
33
+ LengthProp<"left">,
34
+ LengthProp<"marginBottom">,
35
+ LengthProp<"marginLeft">,
36
+ LengthProp<"marginRight">,
37
+ LengthProp<"marginTop">,
38
+ LengthProp<"maxHeight">,
39
+ LengthProp<"maxWidth">,
40
+ LengthProp<"minHeight">,
41
+ LengthProp<"minWidth">,
42
+ LengthProp<"outlineOffset">,
43
+ LengthProp<"outlineWidth", 1, "medium"|"thin"|"thick">,
44
+ LengthProp<"paddingBottom">,
45
+ LengthProp<"paddingLeft">,
46
+ LengthProp<"paddingRight">,
47
+ LengthProp<"paddingTop">,
48
+ LengthProp<"right">,
49
+ LengthProp<"textIndent">,
50
+ LengthProp<"top">,
51
+ LengthProp<"width">,
52
+ LengthProp<"lineHeight">,
53
+ LengthProp<"fontSize">,
54
+ LengthProp<"flexBasis">,
55
+ LengthProp<"wordSpacing", 1, "normal">,
56
+ LengthProp<"borderImageWidth", 1|2|3|4>,
57
+ LengthProp<"borderRadius", 1|2|3|4>,
58
+ LengthProp<"borderWidth", 1|2|3|4>,
59
+ LengthProp<"margin", 1|2|3|4>,
60
+ LengthProp<"padding", 1|2|3|4>,
61
+ LengthProp<"backgroundSize", 1|2, "contain"|"cover"|"auto">,
62
+ LengthProp<"gap", 1|2>,
63
+
64
+ ColorProp<"color">,
65
+ ColorProp<"backgroundColor">,
66
+ ColorProp<"borderBottomColor">,
67
+ ColorProp<"borderColor">,
68
+ ColorProp<"borderLeftColor">,
69
+ ColorProp<"borderRightColor">,
70
+ ColorProp<"borderTopColor">,
71
+ ColorProp<"textDecorationColor">,
72
+ ColorProp<"outlineColor">,
73
+ ColorProp<"columnRuleColor">
74
+ {
75
+
76
+ //url:
77
+ backgroundImage?: ValueOrReactive<string>;
78
+ borderImage?: ValueOrReactive<string>;
79
+ listStyleImage?: ValueOrReactive<string>;
80
+ content?: ValueOrReactive<string>;
81
+
82
+ //complex:
83
+ transform?: ValueOrReactive<string>|ITransformationProp|Array<ITransformationProp>;
84
+ filter?: ValueOrReactive<string>|IFilterProp;
85
+ backdropFilter?: ValueOrReactive<string>|IFilterProp;
86
+
87
+ //misc numeric:
88
+ opacity?: ValueOrReactive<number|string>;
89
+
90
+ //misc:
91
+ all?: GKV;
92
+ appearance?: GKV|"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"; // ✔️
93
+ aspectRatio?: ValueOrReactive<string>|{auto?:ValueOrReactive<boolean>, ratio: [ValueOrReactive<number>, ValueOrReactive<number>]|ValueOrReactive<number>}; // TODO: test case.
94
+
95
+ background?: GKV|string; // TODO: shorthand. Requires advanced typing.
96
+ backgroundAttachment?: GKV|"scroll"|"fixed"|"local"; // ✔️
97
+ backgroundBlendMode?: GKV|Array<IBinding<any, string>|IWatcher<string>|"darken"|"luminocity"|"normal">; // ✔️
98
+ backgroundPosition?: GKV|BackgroundPositionShorthand2D;
99
+ backgroundRepeat?: GKV|BackgroundRepeatValues2d;
100
+ backgroundClip?: GKV|string;
101
+ backgroundOrigin?: GKV|"padding-box"|"border-box"|"content-box";
102
+
103
+ borderImageOutset?: GKV|string;
104
+ borderImageRepeat?: GKV|BackgroundRepeatValues2d;
105
+ borderImageSlice?: GKV|string;
106
+ borderImageSource?: GKV|string;
107
+
108
+ // TODO: probably should break this down better.
109
+ border?: GKV|BorderShorthand;
110
+ borderBottom?: GKV|BorderShorthand;
111
+ borderLeft?: GKV|BorderShorthand;
112
+ borderRight?: GKV|BorderShorthand;
113
+ borderTop?: GKV|BorderShorthand;
114
+
115
+ borderBottomStyle?: GKV|BorderStyles;
116
+ borderLeftStyle?: GKV|BorderStyles;
117
+ borderRightStyle?: GKV|BorderStyles;
118
+ borderStyle?: GKV|BorderStyles;
119
+ borderTopStyle?: GKV|BorderStyles;
120
+
121
+ boxDecorationBreak?: GKV|string;
122
+ boxShadow?: GKV|Array<IShadowProp>; // TODO tests.
123
+ clear?: GKV|string;
124
+ clip?: GKV|string;
125
+ display?: GKV|"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"; // ✔️
126
+ float?: GKV|"left"|"right"|"none"|"inline-start"|"inline-end"; // ✔️
127
+ box?: GKV|string; // Can't find docs on this on MSDN.
128
+ overflow?: GKV|"visible"|"hidden"|"clip"|"scroll"|"auto"; // ✔️
129
+ overflowX?: GKV|"visible"|"hidden"|"clip"|"scroll"|"auto"; // ✔️
130
+ overflowY?: GKV|"visible"|"hidden"|"clip"|"scroll"|"auto"; // ✔️
131
+ position?: GKV|"static"|"relative"|"fixed"|"absolute"|"sticky"; // ✔️
132
+ visibility?: GKV|string;
133
+ verticalAlign?: GKV|string;
134
+ zIndex?: ValueOrReactive<number>;
135
+ alignContent?: GKV|string;
136
+ alignItems?: GKV|string;
137
+ alignSelf?: GKV|string;
138
+ flex?: GKV|FlexShorthand;
139
+ //flexBasis?: BasicCommonValues|FlexBasisNames;
140
+ flexDirection?: GKV|"row"|"row-reverse"|"column"|"column-reverse"; // ✔️
141
+ flexFlow?: GKV|FlexFlowShorthand;
142
+ flexGrow?: GKV|ValueOrReactive<number>; // ✔️
143
+ flexShrink?: GKV|ValueOrReactive<number>; // ✔️
144
+ flexWrap?: GKV|"nowrap"|"wrap"|"wrap-reverse"; // ✔️
145
+ grid?: GKV|string;
146
+ gridArea?: GKV|string;
147
+ gridAutoColumns?: GKV|string;
148
+ gridautoRows?: GKV|string;
149
+ gridColumn?: GKV|string;
150
+ gridColumnEnd?: GKV|string;
151
+ gridColumnGap?: GKV|string;
152
+ gridColumnStart?: GKV|string;
153
+ gridGap?: GKV|string;
154
+ gridRow?: GKV|string;
155
+ gridRowEnd?: GKV|string;
156
+ gridRowGap?: GKV|string;
157
+ gridRowStart?: GKV|string;
158
+ gridTemplate?: GKV|string;
159
+ gridTemplateAreas?: GKV|string;
160
+ gridTemplateColumns?: GKV|string;
161
+ gridTemplateRows?: GKV|string;
162
+ imageOrientation?: GKV|"from-image"|"none"|"flip"|string; // Note: flip may optionally be accompanied with an angle. This is a complex type.
163
+ justifyContent?: GKV|"flex-start"|"flex-end"|"center"|"space-between"|"space-around"|"space-evenly"|"start"|"end"|"left"|"right"|"safe flex-start"|"safe flex-end"|"safe center"|"safe space-between"|"safe space-around"|"safe space-evenly"|"unsafe flex-start"|"unsafe flex-end"|"unsafe center"|"unsafe space-between"|"unsafe space-around"|"unsafe space-evenly";
164
+ order?: GKV|number; // ✔️
165
+ hangingPunctuation?: GKV|"none"|"first"|"last"|"allow-end"|"force-end";
166
+ hyphens?: GKV|"none"|"manual"|"auto";
167
+ letterSpacing?: GKV|"normal"|"initial";
168
+ lineBreak?: GKV|"auto"|"loose"|"normal"|"strict"|"anywhere";
169
+ overflowWrap?: GKV|"normal"|"break-word"|"anywhere";
170
+ tabSize?: GKV|"auto";
171
+ textAlign?: GKV|"left"|"right"|"center"|"justify"|"start"|"end"|"match-parent";
172
+ textAlignLast?: GKV|"auto"|"left"|"right"|"center"|"justify"|"start"|"end"|"match-parent";
173
+ textCombineUpright?: GKV|"none"|"all"|"digits"|"upright";
174
+ textJustify?: GKV|"auto"|"inter-word"|"inter-character"|"none";
175
+ textTransform?: GKV|"none"|"capitalize"|"uppercase"|"lowercase"|"full-width"|"full-size-kana";
176
+ whiteSpace?: GKV|"normal"|"nowrap"|"pre"|"pre-wrap"|"pre-line"|"break-spaces";
177
+ wordBreak?: GKV|"normal"|"break-all"|"keep-all"|"break-word";
178
+ wordWrap?: GKV|"normal"|"break-word"|"anywhere";
179
+ textDecoration?: GKV|"none"|"underline"|"overline"|"line-through"|"blink";
180
+ textDecorationLine?: GKV|"none"|"underline"|"overline"|"line-through"|"blink";
181
+ textDecorationStyle?: GKV|"solid"|"double"|"dotted"|"dashed"|"wavy";
182
+ textShadow?: GKV|string; // Complex.
183
+ textUnderlinePosition?: GKV|"auto"|"under"|"left"|"right";
184
+ font?: GKV|string;
185
+ fontFamily?: GKV|string;
186
+ fontFeatureSettings?: GKV|"normal";
187
+ fontKerning?: GKV|"auto"|"normal"|"none";
188
+ fontLanguageOverride?: GKV|"normal";
189
+ fontSizeAdjust?: GKV|"none"|"auto";
190
+ fontStretch?: GKV|ValueOrReactive<number>|`${string}%`|"normal"|"ultra-condensed"|"extra-condensed"|"condensed"|"semi-condensed"|"semi-expanded"|"expanded"|"extra-expanded"|"ultra-expanded";
191
+ fontStyle?: GKV|"normal"|"italic"|"oblique";
192
+ fontSynthesis?: GKV|string;
193
+ fontVariant?: GKV|"normal"|"small-caps";
194
+ fontVariantAlternates?: GKV|string;
195
+ fontVariantCaps?: GKV|"all-small-caps"|"petite-caps"|"all-petite-caps"|"unicase"|"titling-caps";
196
+ fontVariantEastAsian?: GKV|string;
197
+ fontVariantLigatures?: GKV|string;
198
+ fontVariantNumeric?: GKV|string;
199
+ fontVariantPosition?: GKV|string;
200
+ fontWeight?: GKV|ValueOrReactive<number>|"normal"|"bold"|"bolder"|"lighter";
201
+ direction?: GKV|"ltr"|"rtl";
202
+ textOrientation?: GKV|string;
203
+ unicodeBidi?: GKV|string;
204
+ userSelect?: GKV|string;
205
+ writingMode?: GKV|string;
206
+ borderCollapse?: GKV|string;
207
+ borderSpacing?: GKV|string;
208
+ captionSide?: GKV|string;
209
+ emptyCells?: GKV|string;
210
+ tableLayout?: GKV|string;
211
+ counterIncrement?: GKV|string;
212
+ counterReset?: GKV|string;
213
+ listStyle?: GKV|string;
214
+ listStylePosition?: GKV|string;
215
+ listStyleType?: GKV|string;
216
+ animation?: GKV|string;
217
+ animationDelay?: GKV|string;
218
+ animationDirection?: GKV|string;
219
+ animationDuration?: GKV|string;
220
+ animationFillMode?: GKV|string;
221
+ animationIterationCount?: GKV|string;
222
+ animationName?: GKV|string;
223
+ animationPlayState?: GKV|string;
224
+ animationTimingFunction?: GKV|string;
225
+ backfaceVisibility?: GKV|"visible"|"hidden";
226
+ perspective2d?: GKV|string;
227
+ perspectiveOrigin?: GKV|string;
228
+ transformOrigin?: GKV|string;
229
+ transformStyle?: GKV|string;
230
+ transition?: GKV|string;
231
+ transitionProperty?: GKV|string;
232
+ transitionDuration?: GKV|string;
233
+ transitionTimingFunction?: GKV|string;
234
+ transitionDelay?: GKV|string;
235
+ boxSizing?: GKV|string;
236
+ cursor?: GKV|string;
237
+ imeMode?: GKV|string;
238
+ navDown?: GKV|string;
239
+ navIndex?: GKV|string;
240
+ navLeft?: GKV|string;
241
+ navRight?: GKV|string;
242
+ navUp?: GKV|string;
243
+ outline?: GKV|BorderShorthand;
244
+ //outlineOffset?: BasicCommonValues|string; // Now animated.
245
+ outlineStyle?: GKV|BorderStyles;
246
+ resize?: GKV|string;
247
+ textOverflow?: GKV|"clip"|"ellipsis";
248
+ breakAfter?: GKV|"auto"|"avoid"|"always"|"all"|"avoid-page"|"page"|"left"|"right"|"recto"|"verso";
249
+ breakBefore?: GKV|"auto"|"avoid"|"always"|"all"|"avoid-page"|"page"|"left"|"right"|"recto"|"verso";
250
+ breakInside?: GKV|"auto"|"avoid"|"avoid-page"|"avoid-column"|"avoid-region";
251
+ columnCount?: GKV|"auto"|"initial"|"inherit"|"unset"|"balance"|"auto-fill"|"auto-fit";
252
+ columnFill?: GKV|"auto"|"balance"|"balance-all"|"balance-none";
253
+ columnGap?: GKV|string;
254
+ columnRule?: GKV|string;
255
+ columnRuleStyle?: GKV|string;
256
+ columnRuleWidth?: GKV|string;
257
+ columnSpan?: GKV|string;
258
+ columnWidth?: GKV|string;
259
+ columns?: GKV|string;
260
+ widows?: GKV|string;
261
+ orphans?: GKV|string;
262
+ pageBreakAfter?: GKV|string;
263
+ pageBreakBefore?: GKV|string;
264
+ pageBreakInside?: GKV|string;
265
+ marks?: GKV|string;
266
+ quotes?: GKV|string;
267
+ imageRendering?: GKV|string;
268
+ imageResolution?: GKV|string;
269
+ objectFit?: GKV|string;
270
+ objectPosition?: GKV|string;
271
+ mask?: GKV|string;
272
+ maskType?: GKV|string;
273
+ mark?: GKV|string;
274
+ markAfter?: GKV|string;
275
+ markBefore?: GKV|string;
276
+ phonemes?: GKV|string;
277
+ rest?: GKV|string;
278
+ restAfter?: GKV|string;
279
+ restBefore?: GKV|string;
280
+ voiceBalance?: GKV|string;
281
+ voiceDuration?: GKV|string;
282
+ voicePitch?: GKV|string;
283
+ voicePitchRange?: GKV|string;
284
+ voiceRate?: GKV|string;
285
+ voiceStress?: GKV|string;
286
+ voiceVolume?: GKV|string;
287
+ pointerEvents?: GKV|"auto"|"none";
288
+
289
+ // Deprecated.
290
+ // marqueeDirection?: "up"|"down"|"left"|"right"|BasicCommonValues;
291
+ // marqueePlayCount?: ValueOrReactive<number>|BasicCommonValues;
292
+ // marqueeSpeed?: "slow"|"normal"|"fast"|BasicCommonValues;
293
+ // marqueeStyle?: BasicCommonValues|string;
294
+ }
295
+
296
296
  // export default IDotcssProp;