foldkit 0.11.0-canary.0 → 0.13.0-canary.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.
- package/dist/html.d.ts +1443 -773
- package/dist/html.d.ts.map +1 -1
- package/dist/html.js +348 -332
- package/package.json +1 -1
package/dist/html.js
CHANGED
|
@@ -1,118 +1,7 @@
|
|
|
1
1
|
import { Array, Data, Effect, Match, Predicate, Ref, String, flow, pipe } from 'effect';
|
|
2
2
|
import { h } from 'snabbdom';
|
|
3
3
|
import { Dispatch } from './runtime';
|
|
4
|
-
export const { Key
|
|
5
|
-
export const Key = (value) => Key_({ value });
|
|
6
|
-
export const Class = (value) => Class_({ value });
|
|
7
|
-
export const Id = (value) => Id_({ value });
|
|
8
|
-
export const Title = (value) => Title_({ value });
|
|
9
|
-
export const Lang = (value) => Lang_({ value });
|
|
10
|
-
export const Dir = (value) => Dir_({ value });
|
|
11
|
-
export const Tabindex = (value) => Tabindex_({ value });
|
|
12
|
-
export const Hidden = (value) => Hidden_({ value });
|
|
13
|
-
export const OnClick = (message) => OnClick_({ message });
|
|
14
|
-
export const OnDblClick = (message) => OnDblClick_({ message });
|
|
15
|
-
export const OnMouseDown = (message) => OnMouseDown_({ message });
|
|
16
|
-
export const OnMouseUp = (message) => OnMouseUp_({ message });
|
|
17
|
-
export const OnMouseEnter = (message) => OnMouseEnter_({ message });
|
|
18
|
-
export const OnMouseLeave = (message) => OnMouseLeave_({ message });
|
|
19
|
-
export const OnMouseOver = (message) => OnMouseOver_({ message });
|
|
20
|
-
export const OnMouseOut = (message) => OnMouseOut_({ message });
|
|
21
|
-
export const OnMouseMove = (message) => OnMouseMove_({ message });
|
|
22
|
-
export const OnKeyDown = (f) => OnKeyDown_({ f });
|
|
23
|
-
export const OnKeyUp = (f) => OnKeyUp_({ f });
|
|
24
|
-
export const OnKeyPress = (f) => OnKeyPress_({ f });
|
|
25
|
-
export const OnFocus = (message) => OnFocus_({ message });
|
|
26
|
-
export const OnBlur = (message) => OnBlur_({ message });
|
|
27
|
-
export const OnInput = (f) => OnInput_({ f });
|
|
28
|
-
export const OnChange = (f) => OnChange_({ f });
|
|
29
|
-
export const OnSubmit = (message) => OnSubmit_({ message });
|
|
30
|
-
export const OnReset = (message) => OnReset_({ message });
|
|
31
|
-
export const OnScroll = (message) => OnScroll_({ message });
|
|
32
|
-
export const OnWheel = (message) => OnWheel_({ message });
|
|
33
|
-
export const OnCopy = (message) => OnCopy_({ message });
|
|
34
|
-
export const OnCut = (message) => OnCut_({ message });
|
|
35
|
-
export const OnPaste = (message) => OnPaste_({ message });
|
|
36
|
-
export const Value = (value) => Value_({ value });
|
|
37
|
-
export const Checked = (value) => Checked_({ value });
|
|
38
|
-
export const Selected = (value) => Selected_({ value });
|
|
39
|
-
export const Placeholder = (value) => Placeholder_({ value });
|
|
40
|
-
export const Name = (value) => Name_({ value });
|
|
41
|
-
export const Disabled = (value) => Disabled_({ value });
|
|
42
|
-
export const Readonly = (value) => Readonly_({ value });
|
|
43
|
-
export const Required = (value) => Required_({ value });
|
|
44
|
-
export const Autofocus = (value) => Autofocus_({ value });
|
|
45
|
-
export const Spellcheck = (value) => Spellcheck_({ value });
|
|
46
|
-
export const Autocorrect = (value) => Autocorrect_({ value });
|
|
47
|
-
export const Autocapitalize = (value) => Autocapitalize_({ value });
|
|
48
|
-
export const InputMode = (value) => InputMode_({ value });
|
|
49
|
-
export const EnterKeyHint = (value) => EnterKeyHint_({ value });
|
|
50
|
-
export const Multiple = (value) => Multiple_({ value });
|
|
51
|
-
export const Type = (value) => Type_({ value });
|
|
52
|
-
export const Accept = (value) => Accept_({ value });
|
|
53
|
-
export const Autocomplete = (value) => Autocomplete_({ value });
|
|
54
|
-
export const Pattern = (value) => Pattern_({ value });
|
|
55
|
-
export const Maxlength = (value) => Maxlength_({ value });
|
|
56
|
-
export const Minlength = (value) => Minlength_({ value });
|
|
57
|
-
export const Size = (value) => Size_({ value });
|
|
58
|
-
export const Cols = (value) => Cols_({ value });
|
|
59
|
-
export const Rows = (value) => Rows_({ value });
|
|
60
|
-
export const Max = (value) => Max_({ value });
|
|
61
|
-
export const Min = (value) => Min_({ value });
|
|
62
|
-
export const Step = (value) => Step_({ value });
|
|
63
|
-
export const For = (value) => For_({ value });
|
|
64
|
-
export const Href = (value) => Href_({ value });
|
|
65
|
-
export const Src = (value) => Src_({ value });
|
|
66
|
-
export const Alt = (value) => Alt_({ value });
|
|
67
|
-
export const Target = (value) => Target_({ value });
|
|
68
|
-
export const Rel = (value) => Rel_({ value });
|
|
69
|
-
export const Download = (value) => Download_({ value });
|
|
70
|
-
export const Action = (value) => Action_({ value });
|
|
71
|
-
export const Method = (value) => Method_({ value });
|
|
72
|
-
export const Enctype = (value) => Enctype_({ value });
|
|
73
|
-
export const Novalidate = (value) => Novalidate_({ value });
|
|
74
|
-
export const Role = (value) => Role_({ value });
|
|
75
|
-
export const AriaLabel = (value) => AriaLabel_({ value });
|
|
76
|
-
export const AriaLabelledBy = (value) => AriaLabelledBy_({ value });
|
|
77
|
-
export const AriaDescribedBy = (value) => AriaDescribedBy_({ value });
|
|
78
|
-
export const AriaHidden = (value) => AriaHidden_({ value });
|
|
79
|
-
export const AriaExpanded = (value) => AriaExpanded_({ value });
|
|
80
|
-
export const AriaSelected = (value) => AriaSelected_({ value });
|
|
81
|
-
export const AriaChecked = (value) => AriaChecked_({ value });
|
|
82
|
-
export const AriaDisabled = (value) => AriaDisabled_({ value });
|
|
83
|
-
export const AriaRequired = (value) => AriaRequired_({ value });
|
|
84
|
-
export const AriaInvalid = (value) => AriaInvalid_({ value });
|
|
85
|
-
export const AriaLive = (value) => AriaLive_({ value });
|
|
86
|
-
export const Attribute = (key, value) => Attribute_({ key, value });
|
|
87
|
-
export const DataAttr = (key, value) => DataAttribute_({ key, value });
|
|
88
|
-
export const StyleAttr = (value) => Style_({ value });
|
|
89
|
-
export const InnerHTML = (value) => InnerHTML_({ value });
|
|
90
|
-
export const ViewBox = (value) => ViewBox_({ value });
|
|
91
|
-
export const Xmlns = (value) => Xmlns_({ value });
|
|
92
|
-
export const Fill = (value) => Fill_({ value });
|
|
93
|
-
export const FillRule = (value) => FillRule_({ value });
|
|
94
|
-
export const ClipRule = (value) => ClipRule_({ value });
|
|
95
|
-
export const Stroke = (value) => Stroke_({ value });
|
|
96
|
-
export const StrokeWidth = (value) => StrokeWidth_({ value });
|
|
97
|
-
export const StrokeLinecap = (value) => StrokeLinecap_({ value });
|
|
98
|
-
export const StrokeLinejoin = (value) => StrokeLinejoin_({ value });
|
|
99
|
-
export const D = (value) => D_({ value });
|
|
100
|
-
export const Cx = (value) => Cx_({ value });
|
|
101
|
-
export const Cy = (value) => Cy_({ value });
|
|
102
|
-
export const R = (value) => R_({ value });
|
|
103
|
-
export const X = (value) => X_({ value });
|
|
104
|
-
export const Y = (value) => Y_({ value });
|
|
105
|
-
export const Width = (value) => Width_({ value });
|
|
106
|
-
export const Height = (value) => Height_({ value });
|
|
107
|
-
export const X1 = (value) => X1_({ value });
|
|
108
|
-
export const Y1 = (value) => Y1_({ value });
|
|
109
|
-
export const X2 = (value) => X2_({ value });
|
|
110
|
-
export const Y2 = (value) => Y2_({ value });
|
|
111
|
-
export const Points = (value) => Points_({ value });
|
|
112
|
-
export const Transform = (value) => Transform_({ value });
|
|
113
|
-
export const Opacity = (value) => Opacity_({ value });
|
|
114
|
-
export const StrokeDasharray = (value) => StrokeDasharray_({ value });
|
|
115
|
-
export const StrokeDashoffset = (value) => StrokeDashoffset_({ value });
|
|
4
|
+
export const { Key, Class, Id, Title, Lang, Dir, Tabindex, Hidden, OnClick, OnDblClick, OnMouseDown, OnMouseUp, OnMouseEnter, OnMouseLeave, OnMouseOver, OnMouseOut, OnMouseMove, OnKeyDown, OnKeyUp, OnKeyPress, OnFocus, OnBlur, OnInput, OnChange, OnSubmit, OnReset, OnScroll, OnWheel, OnCopy, OnCut, OnPaste, Value, Checked, Selected, Placeholder, Name, Disabled, Readonly, Required, Autofocus, Spellcheck, Autocorrect, Autocapitalize, InputMode, EnterKeyHint, Multiple, Type, Accept, Autocomplete, Pattern, Maxlength, Minlength, Size, Cols, Rows, Max, Min, Step, For, Href, Src, Alt, Target, Rel, Download, Action, Method, Enctype, Novalidate, Role, AriaLabel, AriaLabelledBy, AriaDescribedBy, AriaHidden, AriaExpanded, AriaSelected, AriaChecked, AriaDisabled, AriaRequired, AriaInvalid, AriaLive, Attribute, DataAttribute, Style, InnerHTML, ViewBox, Xmlns, Fill, FillRule, ClipRule, Stroke, StrokeWidth, StrokeLinecap, StrokeLinejoin, D, Cx, Cy, R, X, Y, Width, Height, X1, Y1, X2, Y2, Points, Transform, Opacity, StrokeDasharray, StrokeDashoffset, } = Data.taggedEnum();
|
|
116
5
|
const buildVNodeData = (attributes) => Effect.gen(function* () {
|
|
117
6
|
const { dispatchSync } = yield* Dispatch;
|
|
118
7
|
const dataRef = yield* Ref.make({});
|
|
@@ -313,227 +202,354 @@ const buildVNodeData = (attributes) => Effect.gen(function* () {
|
|
|
313
202
|
return yield* Ref.get(dataRef);
|
|
314
203
|
});
|
|
315
204
|
const processVNodeChildren = (children) => Effect.forEach(children, (child) => Predicate.isString(child) ? Effect.succeed(child) : child).pipe(Effect.map(Array.filter(Predicate.isNotNull)));
|
|
316
|
-
|
|
205
|
+
const createElement = (tagName, attributes = [], children = []) => Effect.gen(function* () {
|
|
317
206
|
const vnodeData = yield* buildVNodeData(attributes);
|
|
318
207
|
const vnodeChildren = yield* processVNodeChildren(children);
|
|
319
208
|
return h(tagName, vnodeData, Array.fromIterable(vnodeChildren));
|
|
320
209
|
});
|
|
321
|
-
const element = (tagName) => (attributes = [], children = []) => createElement(tagName, attributes, children);
|
|
322
|
-
const voidElement = (tagName) => (attributes = []) => createElement(tagName, attributes, []);
|
|
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
|
-
|
|
210
|
+
const element = () => (tagName) => (attributes = [], children = []) => createElement(tagName, attributes, children);
|
|
211
|
+
const voidElement = () => (tagName) => (attributes = []) => createElement(tagName, attributes, []);
|
|
212
|
+
const keyed = () => (tagName) => (key, attributes = [], children = []) => element()(tagName)([...attributes, Key({ value: key })], children);
|
|
213
|
+
export const htmlElements = () => {
|
|
214
|
+
const el = element();
|
|
215
|
+
const voidEl = voidElement();
|
|
216
|
+
return {
|
|
217
|
+
// HTML
|
|
218
|
+
a: el('a'),
|
|
219
|
+
abbr: el('abbr'),
|
|
220
|
+
address: el('address'),
|
|
221
|
+
area: voidEl('area'),
|
|
222
|
+
article: el('article'),
|
|
223
|
+
aside: el('aside'),
|
|
224
|
+
audio: el('audio'),
|
|
225
|
+
b: el('b'),
|
|
226
|
+
base: voidEl('base'),
|
|
227
|
+
bdi: el('bdi'),
|
|
228
|
+
bdo: el('bdo'),
|
|
229
|
+
blockquote: el('blockquote'),
|
|
230
|
+
body: el('body'),
|
|
231
|
+
br: voidEl('br'),
|
|
232
|
+
button: el('button'),
|
|
233
|
+
canvas: el('canvas'),
|
|
234
|
+
caption: el('caption'),
|
|
235
|
+
cite: el('cite'),
|
|
236
|
+
code: el('code'),
|
|
237
|
+
col: voidEl('col'),
|
|
238
|
+
colgroup: el('colgroup'),
|
|
239
|
+
data: el('data'),
|
|
240
|
+
datalist: el('datalist'),
|
|
241
|
+
dd: el('dd'),
|
|
242
|
+
del: el('del'),
|
|
243
|
+
details: el('details'),
|
|
244
|
+
dfn: el('dfn'),
|
|
245
|
+
dialog: el('dialog'),
|
|
246
|
+
div: el('div'),
|
|
247
|
+
dl: el('dl'),
|
|
248
|
+
dt: el('dt'),
|
|
249
|
+
em: el('em'),
|
|
250
|
+
embed: voidEl('embed'),
|
|
251
|
+
fieldset: el('fieldset'),
|
|
252
|
+
figcaption: el('figcaption'),
|
|
253
|
+
figure: el('figure'),
|
|
254
|
+
footer: el('footer'),
|
|
255
|
+
form: el('form'),
|
|
256
|
+
h1: el('h1'),
|
|
257
|
+
h2: el('h2'),
|
|
258
|
+
h3: el('h3'),
|
|
259
|
+
h4: el('h4'),
|
|
260
|
+
h5: el('h5'),
|
|
261
|
+
h6: el('h6'),
|
|
262
|
+
head: el('head'),
|
|
263
|
+
header: el('header'),
|
|
264
|
+
hgroup: el('hgroup'),
|
|
265
|
+
hr: voidEl('hr'),
|
|
266
|
+
html: el('html'),
|
|
267
|
+
i: el('i'),
|
|
268
|
+
iframe: el('iframe'),
|
|
269
|
+
img: voidEl('img'),
|
|
270
|
+
input: voidEl('input'),
|
|
271
|
+
ins: el('ins'),
|
|
272
|
+
kbd: el('kbd'),
|
|
273
|
+
label: el('label'),
|
|
274
|
+
legend: el('legend'),
|
|
275
|
+
li: el('li'),
|
|
276
|
+
link: voidEl('link'),
|
|
277
|
+
main: el('main'),
|
|
278
|
+
map: el('map'),
|
|
279
|
+
mark: el('mark'),
|
|
280
|
+
menu: el('menu'),
|
|
281
|
+
meta: voidEl('meta'),
|
|
282
|
+
meter: el('meter'),
|
|
283
|
+
nav: el('nav'),
|
|
284
|
+
noscript: el('noscript'),
|
|
285
|
+
object: el('object'),
|
|
286
|
+
ol: el('ol'),
|
|
287
|
+
optgroup: el('optgroup'),
|
|
288
|
+
option: el('option'),
|
|
289
|
+
output: el('output'),
|
|
290
|
+
p: el('p'),
|
|
291
|
+
picture: el('picture'),
|
|
292
|
+
portal: el('portal'),
|
|
293
|
+
pre: el('pre'),
|
|
294
|
+
progress: el('progress'),
|
|
295
|
+
q: el('q'),
|
|
296
|
+
rp: el('rp'),
|
|
297
|
+
rt: el('rt'),
|
|
298
|
+
ruby: el('ruby'),
|
|
299
|
+
s: el('s'),
|
|
300
|
+
samp: el('samp'),
|
|
301
|
+
script: el('script'),
|
|
302
|
+
search: el('search'),
|
|
303
|
+
section: el('section'),
|
|
304
|
+
select: el('select'),
|
|
305
|
+
slot: el('slot'),
|
|
306
|
+
small: el('small'),
|
|
307
|
+
source: voidEl('source'),
|
|
308
|
+
span: el('span'),
|
|
309
|
+
strong: el('strong'),
|
|
310
|
+
style: el('style'),
|
|
311
|
+
sub: el('sub'),
|
|
312
|
+
summary: el('summary'),
|
|
313
|
+
sup: el('sup'),
|
|
314
|
+
table: el('table'),
|
|
315
|
+
tbody: el('tbody'),
|
|
316
|
+
td: el('td'),
|
|
317
|
+
template: el('template'),
|
|
318
|
+
textarea: el('textarea'),
|
|
319
|
+
tfoot: el('tfoot'),
|
|
320
|
+
th: el('th'),
|
|
321
|
+
thead: el('thead'),
|
|
322
|
+
time: el('time'),
|
|
323
|
+
title: el('title'),
|
|
324
|
+
tr: el('tr'),
|
|
325
|
+
track: voidEl('track'),
|
|
326
|
+
u: el('u'),
|
|
327
|
+
ul: el('ul'),
|
|
328
|
+
var: el('var'),
|
|
329
|
+
video: el('video'),
|
|
330
|
+
wbr: voidEl('wbr'),
|
|
331
|
+
// SVG
|
|
332
|
+
svg: el('svg'),
|
|
333
|
+
animate: el('animate'),
|
|
334
|
+
animateMotion: el('animateMotion'),
|
|
335
|
+
animateTransform: el('animateTransform'),
|
|
336
|
+
circle: el('circle'),
|
|
337
|
+
clipPath: el('clipPath'),
|
|
338
|
+
defs: el('defs'),
|
|
339
|
+
desc: el('desc'),
|
|
340
|
+
ellipse: el('ellipse'),
|
|
341
|
+
feBlend: el('feBlend'),
|
|
342
|
+
feColorMatrix: el('feColorMatrix'),
|
|
343
|
+
feComponentTransfer: el('feComponentTransfer'),
|
|
344
|
+
feComposite: el('feComposite'),
|
|
345
|
+
feConvolveMatrix: el('feConvolveMatrix'),
|
|
346
|
+
feDiffuseLighting: el('feDiffuseLighting'),
|
|
347
|
+
feDisplacementMap: el('feDisplacementMap'),
|
|
348
|
+
feDistantLight: el('feDistantLight'),
|
|
349
|
+
feDropShadow: el('feDropShadow'),
|
|
350
|
+
feFlood: el('feFlood'),
|
|
351
|
+
feFuncA: el('feFuncA'),
|
|
352
|
+
feFuncB: el('feFuncB'),
|
|
353
|
+
feFuncG: el('feFuncG'),
|
|
354
|
+
feFuncR: el('feFuncR'),
|
|
355
|
+
feGaussianBlur: el('feGaussianBlur'),
|
|
356
|
+
feImage: el('feImage'),
|
|
357
|
+
feMerge: el('feMerge'),
|
|
358
|
+
feMergeNode: el('feMergeNode'),
|
|
359
|
+
feMorphology: el('feMorphology'),
|
|
360
|
+
feOffset: el('feOffset'),
|
|
361
|
+
fePointLight: el('fePointLight'),
|
|
362
|
+
feSpecularLighting: el('feSpecularLighting'),
|
|
363
|
+
feSpotLight: el('feSpotLight'),
|
|
364
|
+
feTile: el('feTile'),
|
|
365
|
+
feTurbulence: el('feTurbulence'),
|
|
366
|
+
filter: el('filter'),
|
|
367
|
+
foreignObject: el('foreignObject'),
|
|
368
|
+
g: el('g'),
|
|
369
|
+
image: el('image'),
|
|
370
|
+
line: el('line'),
|
|
371
|
+
linearGradient: el('linearGradient'),
|
|
372
|
+
marker: el('marker'),
|
|
373
|
+
mask: el('mask'),
|
|
374
|
+
metadata: el('metadata'),
|
|
375
|
+
mpath: el('mpath'),
|
|
376
|
+
path: el('path'),
|
|
377
|
+
pattern: el('pattern'),
|
|
378
|
+
polygon: el('polygon'),
|
|
379
|
+
polyline: el('polyline'),
|
|
380
|
+
radialGradient: el('radialGradient'),
|
|
381
|
+
rect: el('rect'),
|
|
382
|
+
set: el('set'),
|
|
383
|
+
stop: el('stop'),
|
|
384
|
+
switch: el('switch'),
|
|
385
|
+
symbol: el('symbol'),
|
|
386
|
+
text: el('text'),
|
|
387
|
+
textPath: el('textPath'),
|
|
388
|
+
tspan: el('tspan'),
|
|
389
|
+
use: el('use'),
|
|
390
|
+
view: el('view'),
|
|
391
|
+
// MATH ML
|
|
392
|
+
math: el('math'),
|
|
393
|
+
annotation: el('annotation'),
|
|
394
|
+
'annotation-xml': el('annotation-xml'),
|
|
395
|
+
maction: el('maction'),
|
|
396
|
+
menclose: el('menclose'),
|
|
397
|
+
merror: el('merror'),
|
|
398
|
+
mfenced: el('mfenced'),
|
|
399
|
+
mfrac: el('mfrac'),
|
|
400
|
+
mglyph: el('mglyph'),
|
|
401
|
+
mi: el('mi'),
|
|
402
|
+
mlabeledtr: el('mlabeledtr'),
|
|
403
|
+
mlongdiv: el('mlongdiv'),
|
|
404
|
+
mmultiscripts: el('mmultiscripts'),
|
|
405
|
+
mn: el('mn'),
|
|
406
|
+
mo: el('mo'),
|
|
407
|
+
mover: el('mover'),
|
|
408
|
+
mpadded: el('mpadded'),
|
|
409
|
+
mphantom: el('mphantom'),
|
|
410
|
+
mprescripts: el('mprescripts'),
|
|
411
|
+
mroot: el('mroot'),
|
|
412
|
+
mrow: el('mrow'),
|
|
413
|
+
ms: el('ms'),
|
|
414
|
+
mscarries: el('mscarries'),
|
|
415
|
+
mscarry: el('mscarry'),
|
|
416
|
+
msgroup: el('msgroup'),
|
|
417
|
+
msline: el('msline'),
|
|
418
|
+
mspace: el('mspace'),
|
|
419
|
+
msqrt: el('msqrt'),
|
|
420
|
+
msrow: el('msrow'),
|
|
421
|
+
mstack: el('mstack'),
|
|
422
|
+
mstyle: el('mstyle'),
|
|
423
|
+
msub: el('msub'),
|
|
424
|
+
msubsup: el('msubsup'),
|
|
425
|
+
msup: el('msup'),
|
|
426
|
+
mtable: el('mtable'),
|
|
427
|
+
mtd: el('mtd'),
|
|
428
|
+
mtext: el('mtext'),
|
|
429
|
+
mtr: el('mtr'),
|
|
430
|
+
munder: el('munder'),
|
|
431
|
+
munderover: el('munderover'),
|
|
432
|
+
semantics: el('semantics'),
|
|
433
|
+
};
|
|
434
|
+
};
|
|
435
|
+
export const htmlAttributes = () => ({
|
|
436
|
+
Key: (value) => Key({ value }),
|
|
437
|
+
Class: (value) => Class({ value }),
|
|
438
|
+
Id: (value) => Id({ value }),
|
|
439
|
+
Title: (value) => Title({ value }),
|
|
440
|
+
Lang: (value) => Lang({ value }),
|
|
441
|
+
Dir: (value) => Dir({ value }),
|
|
442
|
+
Tabindex: (value) => Tabindex({ value }),
|
|
443
|
+
Hidden: (value) => Hidden({ value }),
|
|
444
|
+
OnClick: (message) => OnClick({ message }),
|
|
445
|
+
OnDblClick: (message) => OnDblClick({ message }),
|
|
446
|
+
OnMouseDown: (message) => OnMouseDown({ message }),
|
|
447
|
+
OnMouseUp: (message) => OnMouseUp({ message }),
|
|
448
|
+
OnMouseEnter: (message) => OnMouseEnter({ message }),
|
|
449
|
+
OnMouseLeave: (message) => OnMouseLeave({ message }),
|
|
450
|
+
OnMouseOver: (message) => OnMouseOver({ message }),
|
|
451
|
+
OnMouseOut: (message) => OnMouseOut({ message }),
|
|
452
|
+
OnMouseMove: (message) => OnMouseMove({ message }),
|
|
453
|
+
OnKeyDown: (f) => OnKeyDown({ f }),
|
|
454
|
+
OnKeyUp: (f) => OnKeyUp({ f }),
|
|
455
|
+
OnKeyPress: (f) => OnKeyPress({ f }),
|
|
456
|
+
OnFocus: (message) => OnFocus({ message }),
|
|
457
|
+
OnBlur: (message) => OnBlur({ message }),
|
|
458
|
+
OnInput: (f) => OnInput({ f }),
|
|
459
|
+
OnChange: (f) => OnChange({ f }),
|
|
460
|
+
OnSubmit: (message) => OnSubmit({ message }),
|
|
461
|
+
OnReset: (message) => OnReset({ message }),
|
|
462
|
+
OnScroll: (message) => OnScroll({ message }),
|
|
463
|
+
OnWheel: (message) => OnWheel({ message }),
|
|
464
|
+
OnCopy: (message) => OnCopy({ message }),
|
|
465
|
+
OnCut: (message) => OnCut({ message }),
|
|
466
|
+
OnPaste: (message) => OnPaste({ message }),
|
|
467
|
+
Value: (value) => Value({ value }),
|
|
468
|
+
Checked: (value) => Checked({ value }),
|
|
469
|
+
Selected: (value) => Selected({ value }),
|
|
470
|
+
Placeholder: (value) => Placeholder({ value }),
|
|
471
|
+
Name: (value) => Name({ value }),
|
|
472
|
+
Disabled: (value) => Disabled({ value }),
|
|
473
|
+
Readonly: (value) => Readonly({ value }),
|
|
474
|
+
Required: (value) => Required({ value }),
|
|
475
|
+
Autofocus: (value) => Autofocus({ value }),
|
|
476
|
+
Spellcheck: (value) => Spellcheck({ value }),
|
|
477
|
+
Autocorrect: (value) => Autocorrect({ value }),
|
|
478
|
+
Autocapitalize: (value) => Autocapitalize({ value }),
|
|
479
|
+
InputMode: (value) => InputMode({ value }),
|
|
480
|
+
EnterKeyHint: (value) => EnterKeyHint({ value }),
|
|
481
|
+
Multiple: (value) => Multiple({ value }),
|
|
482
|
+
Type: (value) => Type({ value }),
|
|
483
|
+
Accept: (value) => Accept({ value }),
|
|
484
|
+
Autocomplete: (value) => Autocomplete({ value }),
|
|
485
|
+
Pattern: (value) => Pattern({ value }),
|
|
486
|
+
Maxlength: (value) => Maxlength({ value }),
|
|
487
|
+
Minlength: (value) => Minlength({ value }),
|
|
488
|
+
Size: (value) => Size({ value }),
|
|
489
|
+
Cols: (value) => Cols({ value }),
|
|
490
|
+
Rows: (value) => Rows({ value }),
|
|
491
|
+
Max: (value) => Max({ value }),
|
|
492
|
+
Min: (value) => Min({ value }),
|
|
493
|
+
Step: (value) => Step({ value }),
|
|
494
|
+
For: (value) => For({ value }),
|
|
495
|
+
Href: (value) => Href({ value }),
|
|
496
|
+
Src: (value) => Src({ value }),
|
|
497
|
+
Alt: (value) => Alt({ value }),
|
|
498
|
+
Target: (value) => Target({ value }),
|
|
499
|
+
Rel: (value) => Rel({ value }),
|
|
500
|
+
Download: (value) => Download({ value }),
|
|
501
|
+
Action: (value) => Action({ value }),
|
|
502
|
+
Method: (value) => Method({ value }),
|
|
503
|
+
Enctype: (value) => Enctype({ value }),
|
|
504
|
+
Novalidate: (value) => Novalidate({ value }),
|
|
505
|
+
Role: (value) => Role({ value }),
|
|
506
|
+
AriaLabel: (value) => AriaLabel({ value }),
|
|
507
|
+
AriaLabelledBy: (value) => AriaLabelledBy({ value }),
|
|
508
|
+
AriaDescribedBy: (value) => AriaDescribedBy({ value }),
|
|
509
|
+
AriaHidden: (value) => AriaHidden({ value }),
|
|
510
|
+
AriaExpanded: (value) => AriaExpanded({ value }),
|
|
511
|
+
AriaSelected: (value) => AriaSelected({ value }),
|
|
512
|
+
AriaChecked: (value) => AriaChecked({ value }),
|
|
513
|
+
AriaDisabled: (value) => AriaDisabled({ value }),
|
|
514
|
+
AriaRequired: (value) => AriaRequired({ value }),
|
|
515
|
+
AriaInvalid: (value) => AriaInvalid({ value }),
|
|
516
|
+
AriaLive: (value) => AriaLive({ value }),
|
|
517
|
+
Attribute: (key, value) => Attribute({ key, value }),
|
|
518
|
+
DataAttribute: (key, value) => DataAttribute({ key, value }),
|
|
519
|
+
Style: (value) => Style({ value }),
|
|
520
|
+
InnerHTML: (value) => InnerHTML({ value }),
|
|
521
|
+
ViewBox: (value) => ViewBox({ value }),
|
|
522
|
+
Xmlns: (value) => Xmlns({ value }),
|
|
523
|
+
Fill: (value) => Fill({ value }),
|
|
524
|
+
FillRule: (value) => FillRule({ value }),
|
|
525
|
+
ClipRule: (value) => ClipRule({ value }),
|
|
526
|
+
Stroke: (value) => Stroke({ value }),
|
|
527
|
+
StrokeWidth: (value) => StrokeWidth({ value }),
|
|
528
|
+
StrokeLinecap: (value) => StrokeLinecap({ value }),
|
|
529
|
+
StrokeLinejoin: (value) => StrokeLinejoin({ value }),
|
|
530
|
+
D: (value) => D({ value }),
|
|
531
|
+
Cx: (value) => Cx({ value }),
|
|
532
|
+
Cy: (value) => Cy({ value }),
|
|
533
|
+
R: (value) => R({ value }),
|
|
534
|
+
X: (value) => X({ value }),
|
|
535
|
+
Y: (value) => Y({ value }),
|
|
536
|
+
Width: (value) => Width({ value }),
|
|
537
|
+
Height: (value) => Height({ value }),
|
|
538
|
+
X1: (value) => X1({ value }),
|
|
539
|
+
Y1: (value) => Y1({ value }),
|
|
540
|
+
X2: (value) => X2({ value }),
|
|
541
|
+
Y2: (value) => Y2({ value }),
|
|
542
|
+
Points: (value) => Points({ value }),
|
|
543
|
+
Transform: (value) => Transform({ value }),
|
|
544
|
+
Opacity: (value) => Opacity({ value }),
|
|
545
|
+
StrokeDasharray: (value) => StrokeDasharray({ value }),
|
|
546
|
+
StrokeDashoffset: (value) => StrokeDashoffset({ value }),
|
|
547
|
+
});
|
|
548
|
+
export const html = () => {
|
|
549
|
+
return {
|
|
550
|
+
...htmlElements(),
|
|
551
|
+
...htmlAttributes(),
|
|
552
|
+
empty: Effect.succeed(null),
|
|
553
|
+
keyed: keyed(),
|
|
554
|
+
};
|
|
555
|
+
};
|