-
Notifications
You must be signed in to change notification settings - Fork 4
/
HtmlProperties.ts
741 lines (657 loc) · 17.2 KB
/
HtmlProperties.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
// tslint:disable:max-file-line-count
import * as hooks from './hooks'
import { HtmlElementEvents, VNodeEvents } from './VNodeEventTypes'
import { VNodeStyle } from './VirtualNode'
import { VNode } from '../index'
export interface NodeProperties {
nodeValue?: string | null
textContent?: string | null
}
export interface ElementProperties extends NodeProperties {
className?: string
id?: string
innerHTML?: string
scrollLeft?: number
scrollTop?: number
slot?: string
}
export interface HTMLElementProperties extends ElementProperties {
accessKey?: string
contentEditable?: string
dir?: string
draggable?: boolean
hidden?: boolean
hideFocus?: boolean
innerText?: string
lang?: string
outerText?: string
spellcheck?: boolean
tabIndex?: boolean
title?: string
}
export interface VNodeProperties<
T extends HTMLElement,
EventMap extends VNodeEvents<T, HTMLElementEventMap> = VNodeEvents<T, HTMLElementEventMap>
> extends HTMLElementProperties {
// key for dom diffing
key?: string | number
// classes
class?: { [className: string]: Boolean }
// attributes for setAttribute()
attrs?: { [attributeName: string]: any }
// styling
style?: VNodeStyle
// events
on?: EventMap
listener?: EventListener
// declarative focusing
focus?: boolean
scope?: string
// hooks
init?: hooks.InitHook
create?: hooks.CreateHook<T>
update?: hooks.UpdateHook<T>
insert?: hooks.InsertHook<T>
remove?: hooks.RemoveHook<T>
destroy?: hooks.DestroyHook<T>
prepatch?: hooks.PrepatchHook<T>
postpatch?: hooks.PostpatchHook<T>
}
export interface HTMLAnchorElementProperties
extends VNodeProperties<HTMLAnchorElement, HtmlElementEvents<HTMLAnchorElement>> {
Methods?: string
charset?: string
coords?: string
download?: string
hash?: string
host?: string
hostname?: string
href?: string
hreflang?: string
name?: string
pathname?: string
port?: string
protocol?: string
rel?: string
rev?: string
search?: string
shape?: string
target?: string
text?: string
type?: string
urn?: string
}
export interface HTMLAppletElementProperties
extends VNodeProperties<HTMLAppletElement, HtmlElementEvents<HTMLAppletElement>> {
align?: string
alt?: string
altHtml?: string
archive?: string
border?: string
code?: string
codeBase?: string
codeType?: string
data?: string
declare?: boolean
height?: string
hspace?: number
name?: string
object?: string | null
standby?: string
type?: string
vspace?: number
width?: number
}
export interface HTMLAreaElementProperties
extends VNodeProperties<HTMLAreaElement, HtmlElementEvents<HTMLAreaElement>> {
alt?: string
coords?: string
download?: string
hash?: string
host?: string
hostname?: string
href?: string
noHref?: string
pathname?: string
port?: string
protocol?: string
rel?: string
search?: string
shape?: string
target?: string
}
export interface HTMLAudioElementProperties
extends VNodeProperties<HTMLAudioElement, HtmlElementEvents<HTMLAudioElement>> {}
export interface HTMLBRElementProperties
extends VNodeProperties<HTMLBRElement, HtmlElementEvents<HTMLBRElement>> {
clear?: string
}
export interface HTMLBaseElementProperties
extends VNodeProperties<HTMLBaseElement, HtmlElementEvents<HTMLBaseElement>> {
href?: string
target?: string
}
export interface HTMLBaseFontElementProperties
extends VNodeProperties<HTMLBaseFontElement, HtmlElementEvents<HTMLBaseFontElement>> {
face?: string
size?: number
}
export interface HTMLBodyElementProperties
extends VNodeProperties<HTMLBodyElement, VNodeEvents<HTMLBodyElement, HTMLBodyElementEventMap>> {
aLink?: any
background?: string
bgColor?: any
bgProperties?: string
link?: any
noWrap?: boolean
text?: any
vLink?: any
}
export interface HTMLButtonElementProperties
extends VNodeProperties<HTMLButtonElement, HtmlElementEvents<HTMLButtonElement>> {
autofocus?: boolean
disabled?: boolean
formAction?: string
formEnctype?: string
formMethod?: string
formNoValidate?: string
formTarget?: string
name?: string
status?: any
type?: string
value?: string
}
export interface HTMLCanvasElementProperties
extends VNodeProperties<HTMLCanvasElement, HtmlElementEvents<HTMLCanvasElement>> {
height?: number
width?: number
}
export interface HTMLDListElementProperties
extends VNodeProperties<HTMLDListElement, HtmlElementEvents<HTMLDListElement>> {
compact?: boolean
}
export interface HTMLDataElementProperties
extends VNodeProperties<HTMLDataElement, HtmlElementEvents<HTMLDataElement>> {
value?: string
}
export interface HTMLDataListElementProperties
extends VNodeProperties<HTMLDataListElement, HtmlElementEvents<HTMLDataListElement>> {
options?: HTMLCollectionOf<HTMLOptionElement>
}
export interface HTMLDirectoryElementProperties extends VNodeProperties<HTMLDirectoryElement> {
compact?: boolean
}
export interface HTMLDivElementProperties extends VNodeProperties<HTMLDivElement> {
align?: string
noWrap?: boolean
}
export interface HTMLEmbedElementProperties extends VNodeProperties<HTMLEmbedElement> {
height?: string
hidden?: any
msPlayToDisabled?: boolean
msPlayToPreferredSourceUri?: string
msPlayToPrimary?: boolean
name?: string
src?: string
units?: string
width?: string
}
export interface HTMLFieldSetElementProperties extends VNodeProperties<HTMLFieldSetElement> {
align?: string
disabled?: boolean
name?: string
}
export interface HTMLFontElementProperties extends VNodeProperties<HTMLFontElement> {
face?: string
}
export interface HTMLFormElementProperties extends VNodeProperties<HTMLFormElement> {
acceptCharset?: string
action?: string
autocomplete?: string
encoding?: string
enctype?: string
method?: string
name?: string
noValidate?: boolean
target?: string
}
export interface HTMLFrameElementProperties
extends VNodeProperties<
HTMLFrameElement,
VNodeEvents<HTMLFrameElement, HTMLFrameSetElementEventMap>
> {
border?: string
borderColor?: any
frameBorder?: string
frameSpacing?: any
height?: string | number
longDesc?: string
marginHeight?: string
marginWidth?: string
name?: string
noResize?: boolean
scrolling?: string
src?: string
width?: string | number
}
export interface HTMLFrameSetElementProperties
extends VNodeProperties<
HTMLFrameSetElement,
VNodeEvents<HTMLFrameSetElement, HTMLFrameSetElementEventMap>
> {
border?: string
borderColor?: string
cols?: string
frameBorder?: string
frameSpacing?: any
name?: string
rows?: string
}
export interface HTMLHRElementProperties extends VNodeProperties<HTMLHRElement> {
align?: string
noShade?: boolean
width?: number
}
export interface HTMLHeadElementProperties extends VNodeProperties<HTMLHeadElement> {
profile?: string
}
export interface HTMLHeadingElementProperties extends VNodeProperties<HTMLHeadingElement> {
align?: string
}
export interface HTMLHtmlElementProperties extends VNodeProperties<HTMLHtmlElement> {
version?: string
}
export interface HTMLIFrameElementProperties
extends VNodeProperties<
HTMLIFrameElement,
VNodeEvents<HTMLIFrameElement, HTMLFrameSetElementEventMap>
> {
align?: string
allowFullscreen?: boolean
allowPaymentRequest?: boolean
border?: string
frameBorder?: string
frameSpacing?: any
height?: string
hspace?: number
longDesc?: string
marginHeight?: string
marginWidth?: string
name?: string
noResize?: boolean
scrolling?: string
src?: string
vspace?: number
width?: string
}
export interface HTMLImageElementProperties extends VNodeProperties<HTMLImageElement> {
align?: string
alt?: string
border?: string
crossOrigin?: string | null
height?: number
hspace?: number
isMap?: boolean
longDesc?: string
lowsrc?: string
msPlayToDisabled?: boolean
msPlayToPreferredSourceUri?: string
msPlayToPrimary?: boolean
name?: string
sizes?: string
src?: string
srcset?: string
useMap?: string
vspace?: number
width?: number
}
export interface HTMLInputElementProperties extends VNodeProperties<HTMLInputElement> {
accept?: string
align?: string
alt?: string
autocomplete?: string
autofocus?: boolean
border?: string
checked?: boolean
defaultChecked?: boolean
defaultValue?: string
disabled?: boolean
formAction?: string
formEnctype?: string
formMethod?: string
formNoValidate?: string
formTarget?: string
height?: string
hspace?: number
indeterminate?: boolean
max?: string
maxLength?: number
min?: string
minLength?: number
multiple?: boolean
name?: string
pattern?: string
placeholder?: string
readOnly?: string
required?: boolean
selectionDirection?: string
selectionEnd?: number
selectionStart?: number
size?: number
src?: string
status?: boolean
step?: string
type?: string
useMap?: string
value?: string
valueAsDate?: Date
valueAsNumber?: number
vspace?: number
webkitdirectory?: boolean
width?: string
}
export interface HTMLLIElementProperties extends VNodeProperties<HTMLLIElement> {
type?: string
value?: number
}
export interface HTMLLabelElementProperties extends VNodeProperties<HTMLLabelElement> {
htmlFor?: string
}
export interface HTMLLegendElementProperties extends VNodeProperties<HTMLLegendElement> {
align?: string
}
export interface HTMLLinkElementProperties extends VNodeProperties<HTMLLinkElement> {
charset?: string
disabled?: boolean
href?: string
hreflang?: string
media?: string
rel?: string
rev?: string
target?: string
type?: string
import?: Document
integrity?: string
}
export interface HTMLMapElementProperties extends VNodeProperties<HTMLMapElement> {
name?: string
}
export interface HTMLMarqueeElementProperties
extends VNodeProperties<
HTMLMarqueeElement,
VNodeEvents<HTMLMarqueeElement, HTMLMarqueeElementEventMap>
> {
behavior?: string
bgColor?: any
direction?: string
height?: string
hspace?: number
loop?: number
scrollAmount?: number
scrollDelay?: number
trueSpeed?: boolean
vspace?: number
width?: string
}
export interface HTMLMediaElementProperties
extends VNodeProperties<
HTMLMediaElement,
VNodeEvents<HTMLMediaElement, HTMLMediaElementEventMap>
> {
autoplay?: boolean
controls?: boolean
crossOrigin?: string | null
currentTime?: number
defaultMuted?: boolean
defaultPlaybackRate?: number
loop?: boolean
msAudioCategory?: string
msAudioDeviceType?: string
msPlayToDisabled?: boolean
msPlayToPreferredSourceUri?: string
msPlayToPrimary?: string
msRealTime?: boolean
muted?: boolean
playbackRate?: number
preload?: string
readyState?: number
src?: string
srcObject?: MediaStream | null
volume?: number
}
export interface HTMLMenuElementProperties extends VNodeProperties<HTMLMenuElement> {
compact?: boolean
type?: string
}
export interface HTMLMetaElementProperties extends VNodeProperties<HTMLMetaElement> {
charset?: string
content?: string
httpEquiv?: string
name?: string
scheme?: string
url?: string
}
export interface HTMLMeterElementProperties extends VNodeProperties<HTMLMeterElement> {
high?: number
low?: number
max?: number
min?: number
optimum?: number
value?: number
}
export interface HTMLModElementProperties extends VNodeProperties<HTMLModElement> {
cite?: string
dateTime?: string
}
export interface HTMLOListElementProperteis extends VNodeProperties<HTMLOListElement> {
compact?: boolean
start?: number
type?: string
}
export interface HTMLObjectElementProperties extends VNodeProperties<HTMLObjectElement> {
align?: string
alt?: string
altHtml?: string
archive?: string
border?: string
code?: string
codeBase?: string
codeType?: string
data?: string
declare?: boolean
height?: string
hspace?: number
msPlayToDisabled?: boolean
msPlayToPreferredSourceUri?: string
msPlayToPrimary?: boolean
name?: string
standby?: string
type?: string
useMap?: string
vspace?: number
width?: string
}
export interface HTMLOptGroupElementProperties extends VNodeProperties<HTMLOptGroupElement> {
defaultSelected?: boolean
disabled?: boolean
label?: string
selected?: boolean
value?: string
}
export interface HTMLOptionElementProperties extends VNodeProperties<HTMLOptionElement> {
defaultSelected?: boolean
disabled?: boolean
label?: string
selected?: boolean
text?: string
value?: string
}
export interface HTMLOutputElementProperties extends VNodeProperties<HTMLOutputElement> {
defaultValue?: string
name?: string
value?: string
}
export interface HTMLParagraphElementProperties extends VNodeProperties<HTMLParagraphElement> {
align?: string
clear?: string
}
export interface HTMLParamElementProperties extends VNodeProperties<HTMLParamElement> {
name?: string
type?: string
value?: string
valueType?: string
}
export interface HTMLPictureElementProperties extends VNodeProperties<HTMLPictureElement> {}
export interface HTMLPreElementProperties extends VNodeProperties<HTMLPreElement> {
width?: number
}
export interface HTMLProgressElementProperties extends VNodeProperties<HTMLProgressElement> {
max?: number
value?: number
}
export interface HTMLQuoteElementProperties extends VNodeProperties<HTMLQuoteElement> {
cite?: string
}
export interface HTMLScriptElementProperties extends VNodeProperties<HTMLScriptElement> {
async?: boolean
charset?: string
crossOrigin?: string | null
defer?: boolean
event?: string
htmlFor?: string
src?: string
text?: string
type?: string
integrity?: string
}
export interface HTMLSelectElementProperties extends VNodeProperties<HTMLSelectElement> {
autofocus?: boolean
disabled?: boolean
length?: number
multiple?: boolean
name?: string
required?: boolean
selectedIndex?: number
selectedOptions?: HTMLCollectionOf<HTMLOptionElement>
size?: number
value?: string
}
export interface HTMLSourceElementProperties extends VNodeProperties<HTMLSourceElement> {
media?: string
msKeySystem?: string
sizes?: string
src?: string
srcset?: string
type?: string
}
export interface HTMLSpanElementProperties extends VNodeProperties<HTMLSpanElement> {}
export interface HTMLStyleElementProperties extends VNodeProperties<HTMLStyleElement> {
disabled?: boolean
media?: string
type?: string
}
export interface HTMLTableCaptionElementProperties
extends VNodeProperties<HTMLTableCaptionElement> {
align?: string
vAlign?: string
}
export interface HTMLTableCellElementProperties extends VNodeProperties<HTMLTableCellElement> {
abbr?: string
align?: string
axis?: string
bgColor?: any
colSpan?: number
headers?: string
height?: any
noWrap?: boolean
rowSpan?: number
scope?: string
width?: string
}
export interface HTMLTableColElementProperties extends VNodeProperties<HTMLTableColElement> {
align?: string
span?: number
width?: any
}
export interface HTMLTableDataCellElementProperties
extends VNodeProperties<HTMLTableDataCellElement> {}
export interface HTMLTableElementProperties extends VNodeProperties<HTMLTableElement> {
align?: string
bgColor?: any
border?: string
borderColor?: any
caption?: HTMLTableCaptionElement
cellPadding?: string
cellSpacing?: string
cols?: number
frame?: string
height?: any
rows?: HTMLCollectionOf<HTMLTableRowElement>
rules?: string
summary?: string
tBodies?: HTMLCollectionOf<HTMLTableSectionElement>
tFoot?: HTMLTableSectionElement
tHead?: HTMLTableSectionElement
width?: string
}
export interface HTMLTableHeaderCellElementProperties
extends VNodeProperties<HTMLTableHeaderCellElement> {
scope?: string
}
export interface HTMLTableRowElementProperties extends VNodeProperties<HTMLTableRowElement> {
align?: string
bgColor?: any
cells?: HTMLCollectionOf<HTMLTableDataCellElement | HTMLTableHeaderCellElement>
height?: any
}
export interface HTMLTableSectionElementProperties
extends VNodeProperties<HTMLTableSectionElement> {
align?: string
rows?: HTMLCollectionOf<HTMLTableRowElement>
}
export interface HTMLTemplateElementProperties extends VNodeProperties<HTMLTemplateElement> {}
export interface HTMLTextAreaElementProperties extends VNodeProperties<HTMLTextAreaElement> {
autofocus?: boolean
cols?: number
defaultValue?: string
disabled?: boolean
maxLength?: number
minLength?: number
name?: string
placeholder?: string
readOnly?: boolean
required?: boolean
rows?: number
selectionEnd?: number
selectedStart?: number
status?: any
value?: string
wrap?: string
}
export interface HTMLTimeElementProperties extends VNodeProperties<HTMLTimeElement> {
dateTime?: string
}
export interface HTMLTitleElementProperties extends VNodeProperties<HTMLTitleElement> {
text?: string
}
export interface HTMLTrackElementProperties extends VNodeProperties<HTMLTrackElement> {
default?: boolean
kind?: string
label?: string
src?: string
srclang?: string
}
export interface HTMLUListElementProperties extends VNodeProperties<HTMLUListElement> {
compact?: boolean
type?: string
}
export interface HTMLUnknownElementProperties extends VNodeProperties<HTMLUnknownElement> {}
export interface HTMLVideoElementProperties extends VNodeProperties<HTMLVideoElement> {
height?: number
msHorizontalMirror?: boolean
msStereo3DPackingMode?: string
msStereo3DRenderMode?: string
msZoom?: boolean
poster?: string
width?: number
}