solid-js 1.9.0 → 1.9.2
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/README.md +1 -1
- package/dist/dev.cjs +1 -1
- package/dist/dev.js +318 -559
- package/dist/server.js +74 -168
- package/dist/solid.cjs +1 -1
- package/dist/solid.js +276 -486
- package/h/dist/h.js +9 -40
- package/h/jsx-runtime/dist/jsx.js +1 -1
- package/h/jsx-runtime/types/index.d.ts +8 -11
- package/h/jsx-runtime/types/jsx.d.ts +196 -59
- package/h/types/hyperscript.d.ts +11 -11
- package/html/dist/html.cjs +1 -1
- package/html/dist/html.js +94 -219
- package/html/types/lit.d.ts +33 -52
- package/package.json +1 -1
- package/store/dist/dev.js +43 -123
- package/store/dist/server.js +8 -20
- package/store/dist/store.js +40 -114
- package/store/types/index.d.ts +7 -21
- package/store/types/modifiers.d.ts +3 -6
- package/store/types/mutable.d.ts +2 -5
- package/store/types/server.d.ts +5 -25
- package/store/types/store.d.ts +61 -218
- package/types/index.d.ts +10 -75
- package/types/jsx.d.ts +195 -47
- package/types/reactive/array.d.ts +4 -12
- package/types/reactive/observable.d.ts +17 -25
- package/types/reactive/scheduler.d.ts +6 -9
- package/types/reactive/signal.d.ts +142 -233
- package/types/render/Suspense.d.ts +5 -5
- package/types/render/component.d.ts +42 -73
- package/types/render/flow.d.ts +31 -43
- package/types/render/hydration.d.ts +15 -15
- package/types/server/index.d.ts +2 -57
- package/types/server/reactive.d.ts +42 -73
- package/types/server/rendering.d.ts +98 -169
- package/universal/dist/dev.js +12 -28
- package/universal/dist/universal.js +12 -28
- package/universal/types/index.d.ts +1 -3
- package/universal/types/universal.d.ts +1 -0
- package/web/dist/dev.cjs +15 -15
- package/web/dist/dev.js +89 -635
- package/web/dist/server.cjs +14 -14
- package/web/dist/server.js +108 -635
- package/web/dist/web.cjs +15 -15
- package/web/dist/web.js +87 -623
- package/web/storage/dist/storage.js +3 -3
- package/web/types/core.d.ts +1 -10
- package/web/types/index.d.ts +10 -27
- package/web/types/server-mock.d.ts +32 -47
package/h/dist/h.js
CHANGED
|
@@ -1,11 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
spread,
|
|
3
|
-
assign,
|
|
4
|
-
insert,
|
|
5
|
-
createComponent,
|
|
6
|
-
dynamicProperty,
|
|
7
|
-
SVGElements
|
|
8
|
-
} from "solid-js/web";
|
|
1
|
+
import { spread, assign, insert, createComponent, dynamicProperty, SVGElements } from 'solid-js/web';
|
|
9
2
|
|
|
10
3
|
const $ELEMENT = Symbol("hyper-element");
|
|
11
4
|
function createHyperScript(r) {
|
|
@@ -26,18 +19,9 @@ function createHyperScript(r) {
|
|
|
26
19
|
return ret;
|
|
27
20
|
function item(l) {
|
|
28
21
|
const type = typeof l;
|
|
29
|
-
if (l == null);
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
else e.appendChild(document.createTextNode(l));
|
|
33
|
-
} else if (
|
|
34
|
-
"number" === type ||
|
|
35
|
-
"boolean" === type ||
|
|
36
|
-
"bigint" === type ||
|
|
37
|
-
"symbol" === type ||
|
|
38
|
-
l instanceof Date ||
|
|
39
|
-
l instanceof RegExp
|
|
40
|
-
) {
|
|
22
|
+
if (l == null) ;else if ("string" === type) {
|
|
23
|
+
if (!e) parseClass(l);else e.appendChild(document.createTextNode(l));
|
|
24
|
+
} else if ("number" === type || "boolean" === type || "bigint" === type || "symbol" === type || l instanceof Date || l instanceof RegExp) {
|
|
41
25
|
e.appendChild(document.createTextNode(l.toString()));
|
|
42
26
|
} else if (Array.isArray(l)) {
|
|
43
27
|
for (let i = 0; i < l.length; i++) item(l[i]);
|
|
@@ -49,10 +33,7 @@ function createHyperScript(r) {
|
|
|
49
33
|
for (const k in d) {
|
|
50
34
|
if (k === "class" && classes.length !== 0) {
|
|
51
35
|
const fixedClasses = classes.join(" "),
|
|
52
|
-
value =
|
|
53
|
-
typeof d["class"].value === "function"
|
|
54
|
-
? () => fixedClasses + " " + d["class"].value()
|
|
55
|
-
: fixedClasses + " " + l["class"];
|
|
36
|
+
value = typeof d["class"].value === "function" ? () => fixedClasses + " " + d["class"].value() : fixedClasses + " " + l["class"];
|
|
56
37
|
Object.defineProperty(l, "class", {
|
|
57
38
|
...d[k],
|
|
58
39
|
value
|
|
@@ -64,18 +45,12 @@ function createHyperScript(r) {
|
|
|
64
45
|
dynamic = true;
|
|
65
46
|
} else if (d[k].get) dynamic = true;
|
|
66
47
|
}
|
|
67
|
-
dynamic
|
|
68
|
-
? r.spread(e, l, e instanceof SVGElement, !!args.length)
|
|
69
|
-
: r.assign(e, l, e instanceof SVGElement, !!args.length);
|
|
48
|
+
dynamic ? r.spread(e, l, e instanceof SVGElement, !!args.length) : r.assign(e, l, e instanceof SVGElement, !!args.length);
|
|
70
49
|
} else if ("function" === type) {
|
|
71
50
|
if (!e) {
|
|
72
51
|
let props,
|
|
73
52
|
next = args[0];
|
|
74
|
-
if (
|
|
75
|
-
next == null ||
|
|
76
|
-
(typeof next === "object" && !Array.isArray(next) && !(next instanceof Element))
|
|
77
|
-
)
|
|
78
|
-
props = args.shift();
|
|
53
|
+
if (next == null || typeof next === "object" && !Array.isArray(next) && !(next instanceof Element)) props = args.shift();
|
|
79
54
|
props || (props = {});
|
|
80
55
|
if (args.length) {
|
|
81
56
|
props.children = args.length > 1 ? args : args[0];
|
|
@@ -91,8 +66,7 @@ function createHyperScript(r) {
|
|
|
91
66
|
return list;
|
|
92
67
|
};
|
|
93
68
|
r.dynamicProperty(props, k);
|
|
94
|
-
} else if (typeof d[k].value === "function" && !d[k].value.length)
|
|
95
|
-
r.dynamicProperty(props, k);
|
|
69
|
+
} else if (typeof d[k].value === "function" && !d[k].value.length) r.dynamicProperty(props, k);
|
|
96
70
|
}
|
|
97
71
|
e = r.createComponent(l, props);
|
|
98
72
|
args = [];
|
|
@@ -109,12 +83,7 @@ function createHyperScript(r) {
|
|
|
109
83
|
const v = m[i],
|
|
110
84
|
s = v.substring(1, v.length);
|
|
111
85
|
if (!v) continue;
|
|
112
|
-
if (!e)
|
|
113
|
-
e = r.SVGElements.has(v)
|
|
114
|
-
? document.createElementNS("http://www.w3.org/2000/svg", v)
|
|
115
|
-
: document.createElement(v);
|
|
116
|
-
else if (v[0] === ".") classes.push(s);
|
|
117
|
-
else if (v[0] === "#") e.setAttribute("id", s);
|
|
86
|
+
if (!e) e = r.SVGElements.has(v) ? document.createElementNS("http://www.w3.org/2000/svg", v) : document.createElement(v);else if (v[0] === ".") classes.push(s);else if (v[0] === "#") e.setAttribute("id", s);
|
|
118
87
|
}
|
|
119
88
|
}
|
|
120
89
|
function detectMultiExpression(list) {
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
export type { JSX } from "./jsx.d.ts";
|
|
2
2
|
import type { JSX } from "./jsx.d.ts";
|
|
3
|
-
declare function Fragment(props: {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
| (Node & {
|
|
12
|
-
[key: string]: any;
|
|
13
|
-
})[];
|
|
3
|
+
declare function Fragment(props: {
|
|
4
|
+
children: JSX.Element;
|
|
5
|
+
}): JSX.Element;
|
|
6
|
+
declare function jsx(type: any, props: any): () => (Node & {
|
|
7
|
+
[key: string]: any;
|
|
8
|
+
}) | (Node & {
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
})[];
|
|
14
11
|
export { jsx, jsx as jsxs, jsx as jsxDEV, Fragment };
|
|
@@ -91,9 +91,7 @@ export namespace JSX {
|
|
|
91
91
|
interface ExplicitAttributes {}
|
|
92
92
|
interface ExplicitBoolAttributes {}
|
|
93
93
|
interface CustomEvents {}
|
|
94
|
-
/**
|
|
95
|
-
* @deprecated Replaced by CustomEvents
|
|
96
|
-
*/
|
|
94
|
+
/** @deprecated Replaced by CustomEvents */
|
|
97
95
|
interface CustomCaptureEvents {}
|
|
98
96
|
type DirectiveAttributes = {
|
|
99
97
|
[Key in keyof Directives as `use:${Key}`]?: Directives[Key];
|
|
@@ -141,7 +139,8 @@ export namespace JSX {
|
|
|
141
139
|
OnAttributes<T>,
|
|
142
140
|
OnCaptureAttributes<T>,
|
|
143
141
|
CustomEventHandlersCamelCase<T>,
|
|
144
|
-
CustomEventHandlersLowerCase<T
|
|
142
|
+
CustomEventHandlersLowerCase<T>,
|
|
143
|
+
CustomEventHandlersNamespaced<T> {
|
|
145
144
|
children?: Element;
|
|
146
145
|
innerHTML?: string;
|
|
147
146
|
innerText?: string | number;
|
|
@@ -168,6 +167,17 @@ export namespace JSX {
|
|
|
168
167
|
onfocusin?: EventHandlerUnion<T, FocusEvent>;
|
|
169
168
|
onencrypted?: EventHandlerUnion<T, Event>;
|
|
170
169
|
ondragexit?: EventHandlerUnion<T, DragEvent>;
|
|
170
|
+
// namespaced events
|
|
171
|
+
"on:copy"?: EventHandlerUnion<T, ClipboardEvent>;
|
|
172
|
+
"on:cut"?: EventHandlerUnion<T, ClipboardEvent>;
|
|
173
|
+
"on:paste"?: EventHandlerUnion<T, ClipboardEvent>;
|
|
174
|
+
"on:compositionend"?: EventHandlerUnion<T, CompositionEvent>;
|
|
175
|
+
"on:compositionstart"?: EventHandlerUnion<T, CompositionEvent>;
|
|
176
|
+
"on:compositionupdate"?: EventHandlerUnion<T, CompositionEvent>;
|
|
177
|
+
"on:focusout"?: EventHandlerUnion<T, FocusEvent>;
|
|
178
|
+
"on:focusin"?: EventHandlerUnion<T, FocusEvent>;
|
|
179
|
+
"on:encrypted"?: EventHandlerUnion<T, Event>;
|
|
180
|
+
"on:dragexit"?: EventHandlerUnion<T, DragEvent>;
|
|
171
181
|
}
|
|
172
182
|
interface CustomEventHandlersCamelCase<T> {
|
|
173
183
|
onAbort?: EventHandlerUnion<T, Event>;
|
|
@@ -234,12 +244,7 @@ export namespace JSX {
|
|
|
234
244
|
onSeeking?: EventHandlerUnion<T, Event>;
|
|
235
245
|
onSelect?: EventHandlerUnion<T, UIEvent>;
|
|
236
246
|
onStalled?: EventHandlerUnion<T, Event>;
|
|
237
|
-
onSubmit?: EventHandlerUnion<
|
|
238
|
-
T,
|
|
239
|
-
Event & {
|
|
240
|
-
submitter: HTMLElement;
|
|
241
|
-
}
|
|
242
|
-
>;
|
|
247
|
+
onSubmit?: EventHandlerUnion<T, SubmitEvent>;
|
|
243
248
|
onSuspend?: EventHandlerUnion<T, Event>;
|
|
244
249
|
onTimeUpdate?: EventHandlerUnion<T, Event>;
|
|
245
250
|
onToggle?: EventHandlerUnion<T, ToggleEvent>;
|
|
@@ -255,9 +260,7 @@ export namespace JSX {
|
|
|
255
260
|
onWaiting?: EventHandlerUnion<T, Event>;
|
|
256
261
|
onWheel?: EventHandlerUnion<T, WheelEvent>;
|
|
257
262
|
}
|
|
258
|
-
/**
|
|
259
|
-
* @type {GlobalEventHandlers}
|
|
260
|
-
*/
|
|
263
|
+
/** @type {GlobalEventHandlers} */
|
|
261
264
|
interface CustomEventHandlersLowerCase<T> {
|
|
262
265
|
onabort?: EventHandlerUnion<T, Event>;
|
|
263
266
|
onanimationend?: EventHandlerUnion<T, AnimationEvent>;
|
|
@@ -323,12 +326,7 @@ export namespace JSX {
|
|
|
323
326
|
onseeking?: EventHandlerUnion<T, Event>;
|
|
324
327
|
onselect?: EventHandlerUnion<T, UIEvent>;
|
|
325
328
|
onstalled?: EventHandlerUnion<T, Event>;
|
|
326
|
-
onsubmit?: EventHandlerUnion<
|
|
327
|
-
T,
|
|
328
|
-
Event & {
|
|
329
|
-
submitter: HTMLElement;
|
|
330
|
-
}
|
|
331
|
-
>;
|
|
329
|
+
onsubmit?: EventHandlerUnion<T, SubmitEvent>;
|
|
332
330
|
onsuspend?: EventHandlerUnion<T, Event>;
|
|
333
331
|
ontimeupdate?: EventHandlerUnion<T, Event>;
|
|
334
332
|
ontoggle?: EventHandlerUnion<T, ToggleEvent>;
|
|
@@ -344,6 +342,87 @@ export namespace JSX {
|
|
|
344
342
|
onwaiting?: EventHandlerUnion<T, Event>;
|
|
345
343
|
onwheel?: EventHandlerUnion<T, WheelEvent>;
|
|
346
344
|
}
|
|
345
|
+
interface CustomEventHandlersNamespaced<T> {
|
|
346
|
+
"on:abort"?: EventHandlerUnion<T, Event>;
|
|
347
|
+
"on:animationend"?: EventHandlerUnion<T, AnimationEvent>;
|
|
348
|
+
"on:animationiteration"?: EventHandlerUnion<T, AnimationEvent>;
|
|
349
|
+
"on:animationstart"?: EventHandlerUnion<T, AnimationEvent>;
|
|
350
|
+
"on:auxclick"?: EventHandlerUnion<T, MouseEvent>;
|
|
351
|
+
"on:beforeinput"?: EventHandlerUnion<T, InputEvent>;
|
|
352
|
+
"on:beforetoggle"?: EventHandlerUnion<T, ToggleEvent>;
|
|
353
|
+
"on:blur"?: EventHandlerUnion<T, FocusEvent>;
|
|
354
|
+
"on:canplay"?: EventHandlerUnion<T, Event>;
|
|
355
|
+
"on:canplaythrough"?: EventHandlerUnion<T, Event>;
|
|
356
|
+
"on:change"?: EventHandlerUnion<T, Event>;
|
|
357
|
+
"on:click"?: EventHandlerUnion<T, MouseEvent>;
|
|
358
|
+
"on:contextmenu"?: EventHandlerUnion<T, MouseEvent>;
|
|
359
|
+
"on:dblclick"?: EventHandlerUnion<T, MouseEvent>;
|
|
360
|
+
"on:drag"?: EventHandlerUnion<T, DragEvent>;
|
|
361
|
+
"on:dragend"?: EventHandlerUnion<T, DragEvent>;
|
|
362
|
+
"on:dragenter"?: EventHandlerUnion<T, DragEvent>;
|
|
363
|
+
"on:dragleave"?: EventHandlerUnion<T, DragEvent>;
|
|
364
|
+
"on:dragover"?: EventHandlerUnion<T, DragEvent>;
|
|
365
|
+
"on:dragstart"?: EventHandlerUnion<T, DragEvent>;
|
|
366
|
+
"on:drop"?: EventHandlerUnion<T, DragEvent>;
|
|
367
|
+
"on:durationchange"?: EventHandlerUnion<T, Event>;
|
|
368
|
+
"on:emptied"?: EventHandlerUnion<T, Event>;
|
|
369
|
+
"on:ended"?: EventHandlerUnion<T, Event>;
|
|
370
|
+
"on:error"?: EventHandlerUnion<T, Event>;
|
|
371
|
+
"on:focus"?: EventHandlerUnion<T, FocusEvent>;
|
|
372
|
+
"on:gotpointercapture"?: EventHandlerUnion<T, PointerEvent>;
|
|
373
|
+
"on:input"?: EventHandlerUnion<T, InputEvent>;
|
|
374
|
+
"on:invalid"?: EventHandlerUnion<T, Event>;
|
|
375
|
+
"on:keydown"?: EventHandlerUnion<T, KeyboardEvent>;
|
|
376
|
+
"on:keypress"?: EventHandlerUnion<T, KeyboardEvent>;
|
|
377
|
+
"on:keyup"?: EventHandlerUnion<T, KeyboardEvent>;
|
|
378
|
+
"on:load"?: EventHandlerUnion<T, Event>;
|
|
379
|
+
"on:loadeddata"?: EventHandlerUnion<T, Event>;
|
|
380
|
+
"on:loadedmetadata"?: EventHandlerUnion<T, Event>;
|
|
381
|
+
"on:loadstart"?: EventHandlerUnion<T, Event>;
|
|
382
|
+
"on:lostpointercapture"?: EventHandlerUnion<T, PointerEvent>;
|
|
383
|
+
"on:mousedown"?: EventHandlerUnion<T, MouseEvent>;
|
|
384
|
+
"on:mouseenter"?: EventHandlerUnion<T, MouseEvent>;
|
|
385
|
+
"on:mouseleave"?: EventHandlerUnion<T, MouseEvent>;
|
|
386
|
+
"on:mousemove"?: EventHandlerUnion<T, MouseEvent>;
|
|
387
|
+
"on:mouseout"?: EventHandlerUnion<T, MouseEvent>;
|
|
388
|
+
"on:mouseover"?: EventHandlerUnion<T, MouseEvent>;
|
|
389
|
+
"on:mouseup"?: EventHandlerUnion<T, MouseEvent>;
|
|
390
|
+
"on:pause"?: EventHandlerUnion<T, Event>;
|
|
391
|
+
"on:play"?: EventHandlerUnion<T, Event>;
|
|
392
|
+
"on:playing"?: EventHandlerUnion<T, Event>;
|
|
393
|
+
"on:pointercancel"?: EventHandlerUnion<T, PointerEvent>;
|
|
394
|
+
"on:pointerdown"?: EventHandlerUnion<T, PointerEvent>;
|
|
395
|
+
"on:pointerenter"?: EventHandlerUnion<T, PointerEvent>;
|
|
396
|
+
"on:pointerleave"?: EventHandlerUnion<T, PointerEvent>;
|
|
397
|
+
"on:pointermove"?: EventHandlerUnion<T, PointerEvent>;
|
|
398
|
+
"on:pointerout"?: EventHandlerUnion<T, PointerEvent>;
|
|
399
|
+
"on:pointerover"?: EventHandlerUnion<T, PointerEvent>;
|
|
400
|
+
"on:pointerup"?: EventHandlerUnion<T, PointerEvent>;
|
|
401
|
+
"on:progress"?: EventHandlerUnion<T, Event>;
|
|
402
|
+
"on:ratechange"?: EventHandlerUnion<T, Event>;
|
|
403
|
+
"on:reset"?: EventHandlerUnion<T, Event>;
|
|
404
|
+
"on:scroll"?: EventHandlerUnion<T, Event>;
|
|
405
|
+
"on:scrollend"?: EventHandlerUnion<T, Event>;
|
|
406
|
+
"on:seeked"?: EventHandlerUnion<T, Event>;
|
|
407
|
+
"on:seeking"?: EventHandlerUnion<T, Event>;
|
|
408
|
+
"on:select"?: EventHandlerUnion<T, UIEvent>;
|
|
409
|
+
"on:stalled"?: EventHandlerUnion<T, Event>;
|
|
410
|
+
"on:submit"?: EventHandlerUnion<T, SubmitEvent>;
|
|
411
|
+
"on:suspend"?: EventHandlerUnion<T, Event>;
|
|
412
|
+
"on:timeupdate"?: EventHandlerUnion<T, Event>;
|
|
413
|
+
"on:toggle"?: EventHandlerUnion<T, ToggleEvent>;
|
|
414
|
+
"on:touchcancel"?: EventHandlerUnion<T, TouchEvent>;
|
|
415
|
+
"on:touchend"?: EventHandlerUnion<T, TouchEvent>;
|
|
416
|
+
"on:touchmove"?: EventHandlerUnion<T, TouchEvent>;
|
|
417
|
+
"on:touchstart"?: EventHandlerUnion<T, TouchEvent>;
|
|
418
|
+
"on:transitionstart"?: EventHandlerUnion<T, TransitionEvent>;
|
|
419
|
+
"on:transitionend"?: EventHandlerUnion<T, TransitionEvent>;
|
|
420
|
+
"on:transitionrun"?: EventHandlerUnion<T, TransitionEvent>;
|
|
421
|
+
"on:transitioncancel"?: EventHandlerUnion<T, TransitionEvent>;
|
|
422
|
+
"on:volumechange"?: EventHandlerUnion<T, Event>;
|
|
423
|
+
"on:waiting"?: EventHandlerUnion<T, Event>;
|
|
424
|
+
"on:wheel"?: EventHandlerUnion<T, WheelEvent>;
|
|
425
|
+
}
|
|
347
426
|
|
|
348
427
|
interface CSSProperties extends csstype.PropertiesHyphen {
|
|
349
428
|
// Override
|
|
@@ -395,145 +474,203 @@ export namespace JSX {
|
|
|
395
474
|
|
|
396
475
|
// All the WAI-ARIA 1.1 attributes from https://www.w3.org/TR/wai-aria-1.1/
|
|
397
476
|
interface AriaAttributes {
|
|
398
|
-
/**
|
|
477
|
+
/**
|
|
478
|
+
* Identifies the currently active element when DOM focus is on a composite widget, textbox,
|
|
479
|
+
* group, or application.
|
|
480
|
+
*/
|
|
399
481
|
"aria-activedescendant"?: string;
|
|
400
|
-
/**
|
|
482
|
+
/**
|
|
483
|
+
* Indicates whether assistive technologies will present all, or only parts of, the changed
|
|
484
|
+
* region based on the change notifications defined by the aria-relevant attribute.
|
|
485
|
+
*/
|
|
401
486
|
"aria-atomic"?: boolean | "false" | "true";
|
|
402
487
|
/**
|
|
403
|
-
* Indicates whether inputting text could trigger display of one or more predictions of the
|
|
404
|
-
* presented if they
|
|
488
|
+
* Indicates whether inputting text could trigger display of one or more predictions of the
|
|
489
|
+
* user's intended value for an input and specifies how predictions would be presented if they
|
|
490
|
+
* are made.
|
|
405
491
|
*/
|
|
406
492
|
"aria-autocomplete"?: "none" | "inline" | "list" | "both";
|
|
407
|
-
/**
|
|
493
|
+
/**
|
|
494
|
+
* Indicates an element is being modified and that assistive technologies MAY want to wait until
|
|
495
|
+
* the modifications are complete before exposing them to the user.
|
|
496
|
+
*/
|
|
408
497
|
"aria-busy"?: boolean | "false" | "true";
|
|
409
498
|
/**
|
|
410
499
|
* Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
|
|
500
|
+
*
|
|
411
501
|
* @see aria-pressed @see aria-selected.
|
|
412
502
|
*/
|
|
413
503
|
"aria-checked"?: boolean | "false" | "mixed" | "true";
|
|
414
504
|
/**
|
|
415
505
|
* Defines the total number of columns in a table, grid, or treegrid.
|
|
506
|
+
*
|
|
416
507
|
* @see aria-colindex.
|
|
417
508
|
*/
|
|
418
509
|
"aria-colcount"?: number | string;
|
|
419
510
|
/**
|
|
420
|
-
* Defines an element's column index or position with respect to the total number of columns
|
|
511
|
+
* Defines an element's column index or position with respect to the total number of columns
|
|
512
|
+
* within a table, grid, or treegrid.
|
|
513
|
+
*
|
|
421
514
|
* @see aria-colcount @see aria-colspan.
|
|
422
515
|
*/
|
|
423
516
|
"aria-colindex"?: number | string;
|
|
424
517
|
/**
|
|
425
|
-
* Defines the number of columns spanned by a cell or gridcell within a table, grid, or
|
|
518
|
+
* Defines the number of columns spanned by a cell or gridcell within a table, grid, or
|
|
519
|
+
* treegrid.
|
|
520
|
+
*
|
|
426
521
|
* @see aria-colindex @see aria-rowspan.
|
|
427
522
|
*/
|
|
428
523
|
"aria-colspan"?: number | string;
|
|
429
524
|
/**
|
|
430
|
-
* Identifies the element (or elements) whose contents or presence are controlled by the current
|
|
525
|
+
* Identifies the element (or elements) whose contents or presence are controlled by the current
|
|
526
|
+
* element.
|
|
527
|
+
*
|
|
431
528
|
* @see aria-owns.
|
|
432
529
|
*/
|
|
433
530
|
"aria-controls"?: string;
|
|
434
|
-
/**
|
|
531
|
+
/**
|
|
532
|
+
* Indicates the element that represents the current item within a container or set of related
|
|
533
|
+
* elements.
|
|
534
|
+
*/
|
|
435
535
|
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time";
|
|
436
536
|
/**
|
|
437
537
|
* Identifies the element (or elements) that describes the object.
|
|
538
|
+
*
|
|
438
539
|
* @see aria-labelledby
|
|
439
540
|
*/
|
|
440
541
|
"aria-describedby"?: string;
|
|
441
542
|
/**
|
|
442
543
|
* Identifies the element that provides a detailed, extended description for the object.
|
|
544
|
+
*
|
|
443
545
|
* @see aria-describedby.
|
|
444
546
|
*/
|
|
445
547
|
"aria-details"?: string;
|
|
446
548
|
/**
|
|
447
|
-
* Indicates that the element is perceivable but disabled, so it is not editable or otherwise
|
|
549
|
+
* Indicates that the element is perceivable but disabled, so it is not editable or otherwise
|
|
550
|
+
* operable.
|
|
551
|
+
*
|
|
448
552
|
* @see aria-hidden @see aria-readonly.
|
|
449
553
|
*/
|
|
450
554
|
"aria-disabled"?: boolean | "false" | "true";
|
|
451
555
|
/**
|
|
452
|
-
* Indicates what functions can be performed when a dragged object is released on the drop
|
|
453
|
-
*
|
|
556
|
+
* Indicates what functions can be performed when a dragged object is released on the drop
|
|
557
|
+
* target.
|
|
558
|
+
*
|
|
559
|
+
* @deprecated In ARIA 1.1
|
|
454
560
|
*/
|
|
455
561
|
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup";
|
|
456
562
|
/**
|
|
457
563
|
* Identifies the element that provides an error message for the object.
|
|
564
|
+
*
|
|
458
565
|
* @see aria-invalid @see aria-describedby.
|
|
459
566
|
*/
|
|
460
567
|
"aria-errormessage"?: string;
|
|
461
|
-
/**
|
|
568
|
+
/**
|
|
569
|
+
* Indicates whether the element, or another grouping element it controls, is currently expanded
|
|
570
|
+
* or collapsed.
|
|
571
|
+
*/
|
|
462
572
|
"aria-expanded"?: boolean | "false" | "true";
|
|
463
573
|
/**
|
|
464
|
-
* Identifies the next element (or elements) in an alternate reading order of content which, at
|
|
465
|
-
* allows assistive technology to override the general default of reading
|
|
574
|
+
* Identifies the next element (or elements) in an alternate reading order of content which, at
|
|
575
|
+
* the user's discretion, allows assistive technology to override the general default of reading
|
|
576
|
+
* in document source order.
|
|
466
577
|
*/
|
|
467
578
|
"aria-flowto"?: string;
|
|
468
579
|
/**
|
|
469
580
|
* Indicates an element's "grabbed" state in a drag-and-drop operation.
|
|
470
|
-
*
|
|
581
|
+
*
|
|
582
|
+
* @deprecated In ARIA 1.1
|
|
471
583
|
*/
|
|
472
584
|
"aria-grabbed"?: boolean | "false" | "true";
|
|
473
|
-
/**
|
|
585
|
+
/**
|
|
586
|
+
* Indicates the availability and type of interactive popup element, such as menu or dialog,
|
|
587
|
+
* that can be triggered by an element.
|
|
588
|
+
*/
|
|
474
589
|
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog";
|
|
475
590
|
/**
|
|
476
591
|
* Indicates whether the element is exposed to an accessibility API.
|
|
592
|
+
*
|
|
477
593
|
* @see aria-disabled.
|
|
478
594
|
*/
|
|
479
595
|
"aria-hidden"?: boolean | "false" | "true";
|
|
480
596
|
/**
|
|
481
597
|
* Indicates the entered value does not conform to the format expected by the application.
|
|
598
|
+
*
|
|
482
599
|
* @see aria-errormessage.
|
|
483
600
|
*/
|
|
484
601
|
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling";
|
|
485
|
-
/**
|
|
602
|
+
/**
|
|
603
|
+
* Indicates keyboard shortcuts that an author has implemented to activate or give focus to an
|
|
604
|
+
* element.
|
|
605
|
+
*/
|
|
486
606
|
"aria-keyshortcuts"?: string;
|
|
487
607
|
/**
|
|
488
608
|
* Defines a string value that labels the current element.
|
|
609
|
+
*
|
|
489
610
|
* @see aria-labelledby.
|
|
490
611
|
*/
|
|
491
612
|
"aria-label"?: string;
|
|
492
613
|
/**
|
|
493
614
|
* Identifies the element (or elements) that labels the current element.
|
|
615
|
+
*
|
|
494
616
|
* @see aria-describedby.
|
|
495
617
|
*/
|
|
496
618
|
"aria-labelledby"?: string;
|
|
497
619
|
/** Defines the hierarchical level of an element within a structure. */
|
|
498
620
|
"aria-level"?: number | string;
|
|
499
|
-
/**
|
|
621
|
+
/**
|
|
622
|
+
* Indicates that an element will be updated, and describes the types of updates the user
|
|
623
|
+
* agents, assistive technologies, and user can expect from the live region.
|
|
624
|
+
*/
|
|
500
625
|
"aria-live"?: "off" | "assertive" | "polite";
|
|
501
626
|
/** Indicates whether an element is modal when displayed. */
|
|
502
627
|
"aria-modal"?: boolean | "false" | "true";
|
|
503
628
|
/** Indicates whether a text box accepts multiple lines of input or only a single line. */
|
|
504
629
|
"aria-multiline"?: boolean | "false" | "true";
|
|
505
|
-
/**
|
|
630
|
+
/**
|
|
631
|
+
* Indicates that the user may select more than one item from the current selectable
|
|
632
|
+
* descendants.
|
|
633
|
+
*/
|
|
506
634
|
"aria-multiselectable"?: boolean | "false" | "true";
|
|
507
635
|
/** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */
|
|
508
636
|
"aria-orientation"?: "horizontal" | "vertical";
|
|
509
637
|
/**
|
|
510
|
-
* Identifies an element (or elements) in order to define a visual, functional, or contextual
|
|
511
|
-
* between DOM elements where the DOM hierarchy cannot be used to
|
|
638
|
+
* Identifies an element (or elements) in order to define a visual, functional, or contextual
|
|
639
|
+
* parent/child relationship between DOM elements where the DOM hierarchy cannot be used to
|
|
640
|
+
* represent the relationship.
|
|
641
|
+
*
|
|
512
642
|
* @see aria-controls.
|
|
513
643
|
*/
|
|
514
644
|
"aria-owns"?: string;
|
|
515
645
|
/**
|
|
516
|
-
* Defines a short hint (a word or short phrase) intended to aid the user with data entry when
|
|
517
|
-
* A hint could be a sample value or a brief description of the
|
|
646
|
+
* Defines a short hint (a word or short phrase) intended to aid the user with data entry when
|
|
647
|
+
* the control has no value. A hint could be a sample value or a brief description of the
|
|
648
|
+
* expected format.
|
|
518
649
|
*/
|
|
519
650
|
"aria-placeholder"?: string;
|
|
520
651
|
/**
|
|
521
|
-
* Defines an element's number or position in the current set of listitems or treeitems. Not
|
|
652
|
+
* Defines an element's number or position in the current set of listitems or treeitems. Not
|
|
653
|
+
* required if all elements in the set are present in the DOM.
|
|
654
|
+
*
|
|
522
655
|
* @see aria-setsize.
|
|
523
656
|
*/
|
|
524
657
|
"aria-posinset"?: number | string;
|
|
525
658
|
/**
|
|
526
659
|
* Indicates the current "pressed" state of toggle buttons.
|
|
660
|
+
*
|
|
527
661
|
* @see aria-checked @see aria-selected.
|
|
528
662
|
*/
|
|
529
663
|
"aria-pressed"?: boolean | "false" | "mixed" | "true";
|
|
530
664
|
/**
|
|
531
665
|
* Indicates that the element is not editable, but is otherwise operable.
|
|
666
|
+
*
|
|
532
667
|
* @see aria-disabled.
|
|
533
668
|
*/
|
|
534
669
|
"aria-readonly"?: boolean | "false" | "true";
|
|
535
670
|
/**
|
|
536
|
-
* Indicates what notifications the user agent will trigger when the accessibility tree within a
|
|
671
|
+
* Indicates what notifications the user agent will trigger when the accessibility tree within a
|
|
672
|
+
* live region is modified.
|
|
673
|
+
*
|
|
537
674
|
* @see aria-atomic.
|
|
538
675
|
*/
|
|
539
676
|
"aria-relevant"?:
|
|
@@ -553,26 +690,33 @@ export namespace JSX {
|
|
|
553
690
|
"aria-roledescription"?: string;
|
|
554
691
|
/**
|
|
555
692
|
* Defines the total number of rows in a table, grid, or treegrid.
|
|
693
|
+
*
|
|
556
694
|
* @see aria-rowindex.
|
|
557
695
|
*/
|
|
558
696
|
"aria-rowcount"?: number | string;
|
|
559
697
|
/**
|
|
560
|
-
* Defines an element's row index or position with respect to the total number of rows within a
|
|
698
|
+
* Defines an element's row index or position with respect to the total number of rows within a
|
|
699
|
+
* table, grid, or treegrid.
|
|
700
|
+
*
|
|
561
701
|
* @see aria-rowcount @see aria-rowspan.
|
|
562
702
|
*/
|
|
563
703
|
"aria-rowindex"?: number | string;
|
|
564
704
|
/**
|
|
565
705
|
* Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
|
|
706
|
+
*
|
|
566
707
|
* @see aria-rowindex @see aria-colspan.
|
|
567
708
|
*/
|
|
568
709
|
"aria-rowspan"?: number | string;
|
|
569
710
|
/**
|
|
570
711
|
* Indicates the current "selected" state of various widgets.
|
|
712
|
+
*
|
|
571
713
|
* @see aria-checked @see aria-pressed.
|
|
572
714
|
*/
|
|
573
715
|
"aria-selected"?: boolean | "false" | "true";
|
|
574
716
|
/**
|
|
575
|
-
* Defines the number of items in the current set of listitems or treeitems. Not required if all
|
|
717
|
+
* Defines the number of items in the current set of listitems or treeitems. Not required if all
|
|
718
|
+
* elements in the set are present in the DOM.
|
|
719
|
+
*
|
|
576
720
|
* @see aria-posinset.
|
|
577
721
|
*/
|
|
578
722
|
"aria-setsize"?: number | string;
|
|
@@ -584,6 +728,7 @@ export namespace JSX {
|
|
|
584
728
|
"aria-valuemin"?: number | string;
|
|
585
729
|
/**
|
|
586
730
|
* Defines the current value for a range widget.
|
|
731
|
+
*
|
|
587
732
|
* @see aria-valuetext.
|
|
588
733
|
*/
|
|
589
734
|
"aria-valuenow"?: number | string;
|
|
@@ -1918,9 +2063,7 @@ export namespace JSX {
|
|
|
1918
2063
|
textLength?: FunctionMaybe<number | string>;
|
|
1919
2064
|
lengthAdjust?: FunctionMaybe<"spacing" | "spacingAndGlyphs">;
|
|
1920
2065
|
}
|
|
1921
|
-
/**
|
|
1922
|
-
* @see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use
|
|
1923
|
-
*/
|
|
2066
|
+
/** @see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use */
|
|
1924
2067
|
interface UseSVGAttributes<T>
|
|
1925
2068
|
extends CoreSVGAttributes<T>,
|
|
1926
2069
|
StylableSVGAttributes,
|
|
@@ -1942,9 +2085,7 @@ export namespace JSX {
|
|
|
1942
2085
|
ZoomAndPanSVGAttributes {
|
|
1943
2086
|
viewTarget?: FunctionMaybe<string>;
|
|
1944
2087
|
}
|
|
1945
|
-
/**
|
|
1946
|
-
* @type {HTMLElementTagNameMap}
|
|
1947
|
-
*/
|
|
2088
|
+
/** @type {HTMLElementTagNameMap} */
|
|
1948
2089
|
interface HTMLElementTags {
|
|
1949
2090
|
a: AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
1950
2091
|
abbr: HTMLAttributes<HTMLElement>;
|
|
@@ -2059,9 +2200,7 @@ export namespace JSX {
|
|
|
2059
2200
|
video: VideoHTMLAttributes<HTMLVideoElement>;
|
|
2060
2201
|
wbr: HTMLAttributes<HTMLElement>;
|
|
2061
2202
|
}
|
|
2062
|
-
/**
|
|
2063
|
-
* @type {HTMLElementDeprecatedTagNameMap}
|
|
2064
|
-
*/
|
|
2203
|
+
/** @type {HTMLElementDeprecatedTagNameMap} */
|
|
2065
2204
|
interface HTMLElementDeprecatedTags {
|
|
2066
2205
|
big: HTMLAttributes<HTMLElement>;
|
|
2067
2206
|
keygen: KeygenHTMLAttributes<HTMLElement>;
|
|
@@ -2069,9 +2208,7 @@ export namespace JSX {
|
|
|
2069
2208
|
noindex: HTMLAttributes<HTMLElement>;
|
|
2070
2209
|
param: ParamHTMLAttributes<HTMLParamElement>;
|
|
2071
2210
|
}
|
|
2072
|
-
/**
|
|
2073
|
-
* @type {SVGElementTagNameMap}
|
|
2074
|
-
*/
|
|
2211
|
+
/** @type {SVGElementTagNameMap} */
|
|
2075
2212
|
interface SVGElementTags {
|
|
2076
2213
|
animate: AnimateSVGAttributes<SVGAnimateElement>;
|
|
2077
2214
|
animateMotion: AnimateMotionSVGAttributes<SVGAnimateMotionElement>;
|
package/h/types/hyperscript.d.ts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
type MountableElement = Element | Document | ShadowRoot | DocumentFragment | Node;
|
|
2
2
|
interface Runtime {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
insert(parent: MountableElement, accessor: any, marker?: Node | null, init?: any): any;
|
|
4
|
+
spread(node: Element, accessor: any, isSVG?: Boolean, skipChildren?: Boolean): void;
|
|
5
|
+
assign(node: Element, props: any, isSVG?: Boolean, skipChildren?: Boolean): void;
|
|
6
|
+
createComponent(Comp: (props: any) => any, props: any): any;
|
|
7
|
+
dynamicProperty(props: any, key: string): any;
|
|
8
|
+
SVGElements: Set<string>;
|
|
9
9
|
}
|
|
10
10
|
type ExpandableNode = Node & {
|
|
11
|
-
|
|
11
|
+
[key: string]: any;
|
|
12
12
|
};
|
|
13
13
|
export type HyperScript = {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
(...args: any[]): () => ExpandableNode | ExpandableNode[];
|
|
15
|
+
Fragment: (props: {
|
|
16
|
+
children: (() => ExpandableNode) | (() => ExpandableNode)[];
|
|
17
|
+
}) => ExpandableNode[];
|
|
18
18
|
};
|
|
19
19
|
export declare function createHyperScript(r: Runtime): HyperScript;
|
|
20
20
|
export {};
|