solid-js 1.9.6 → 1.9.7
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/dev.cjs +18 -8
- package/dist/dev.js +326 -557
- package/dist/server.js +81 -178
- package/dist/solid.cjs +18 -8
- package/dist/solid.js +282 -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/types/hyperscript.d.ts +11 -11
- package/html/dist/html.js +94 -219
- package/html/types/lit.d.ts +33 -52
- package/package.json +3 -3
- 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 +11 -78
- package/types/reactive/array.d.ts +4 -12
- package/types/reactive/observable.d.ts +16 -22
- package/types/reactive/scheduler.d.ts +6 -9
- package/types/reactive/signal.d.ts +145 -236
- package/types/render/Suspense.d.ts +5 -5
- package/types/render/component.d.ts +37 -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 +45 -76
- 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.js +90 -644
- package/web/dist/server.cjs +1 -1
- package/web/dist/server.js +110 -647
- package/web/dist/web.js +88 -632
- package/web/storage/dist/storage.js +3 -3
- package/web/types/core.d.ts +1 -9
- package/web/types/index.d.ts +11 -31
- package/web/types/server-mock.d.ts +32 -47
package/web/dist/web.js
CHANGED
|
@@ -1,82 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
createRoot,
|
|
4
|
-
createRenderEffect,
|
|
5
|
-
untrack,
|
|
6
|
-
sharedConfig,
|
|
7
|
-
enableHydration,
|
|
8
|
-
getOwner,
|
|
9
|
-
createEffect,
|
|
10
|
-
runWithOwner,
|
|
11
|
-
createSignal,
|
|
12
|
-
onCleanup,
|
|
13
|
-
splitProps
|
|
14
|
-
} from "solid-js";
|
|
15
|
-
export {
|
|
16
|
-
ErrorBoundary,
|
|
17
|
-
For,
|
|
18
|
-
Index,
|
|
19
|
-
Match,
|
|
20
|
-
Show,
|
|
21
|
-
Suspense,
|
|
22
|
-
SuspenseList,
|
|
23
|
-
Switch,
|
|
24
|
-
createComponent,
|
|
25
|
-
createRenderEffect as effect,
|
|
26
|
-
getOwner,
|
|
27
|
-
mergeProps,
|
|
28
|
-
untrack
|
|
29
|
-
} from "solid-js";
|
|
1
|
+
import { createMemo, createRoot, createRenderEffect, untrack, sharedConfig, enableHydration, getOwner, createEffect, runWithOwner, createSignal, onCleanup, splitProps } from 'solid-js';
|
|
2
|
+
export { ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, createComponent, createRenderEffect as effect, getOwner, mergeProps, untrack } from 'solid-js';
|
|
30
3
|
|
|
31
|
-
const booleans = [
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
"autoplay",
|
|
36
|
-
"checked",
|
|
37
|
-
"controls",
|
|
38
|
-
"default",
|
|
39
|
-
"disabled",
|
|
40
|
-
"formnovalidate",
|
|
41
|
-
"hidden",
|
|
42
|
-
"indeterminate",
|
|
43
|
-
"inert",
|
|
44
|
-
"ismap",
|
|
45
|
-
"loop",
|
|
46
|
-
"multiple",
|
|
47
|
-
"muted",
|
|
48
|
-
"nomodule",
|
|
49
|
-
"novalidate",
|
|
50
|
-
"open",
|
|
51
|
-
"playsinline",
|
|
52
|
-
"readonly",
|
|
53
|
-
"required",
|
|
54
|
-
"reversed",
|
|
55
|
-
"seamless",
|
|
56
|
-
"selected"
|
|
57
|
-
];
|
|
58
|
-
const Properties = /*#__PURE__*/ new Set([
|
|
59
|
-
"className",
|
|
60
|
-
"value",
|
|
61
|
-
"readOnly",
|
|
62
|
-
"noValidate",
|
|
63
|
-
"formNoValidate",
|
|
64
|
-
"isMap",
|
|
65
|
-
"noModule",
|
|
66
|
-
"playsInline",
|
|
67
|
-
...booleans
|
|
68
|
-
]);
|
|
69
|
-
const ChildProperties = /*#__PURE__*/ new Set([
|
|
70
|
-
"innerHTML",
|
|
71
|
-
"textContent",
|
|
72
|
-
"innerText",
|
|
73
|
-
"children"
|
|
74
|
-
]);
|
|
75
|
-
const Aliases = /*#__PURE__*/ Object.assign(Object.create(null), {
|
|
4
|
+
const booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "inert", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
|
|
5
|
+
const Properties = /*#__PURE__*/new Set(["className", "value", "readOnly", "noValidate", "formNoValidate", "isMap", "noModule", "playsInline", ...booleans]);
|
|
6
|
+
const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
|
|
7
|
+
const Aliases = /*#__PURE__*/Object.assign(Object.create(null), {
|
|
76
8
|
className: "class",
|
|
77
9
|
htmlFor: "for"
|
|
78
10
|
});
|
|
79
|
-
const PropAliases = /*#__PURE__*/
|
|
11
|
+
const PropAliases = /*#__PURE__*/Object.assign(Object.create(null), {
|
|
80
12
|
class: "className",
|
|
81
13
|
novalidate: {
|
|
82
14
|
$: "noValidate",
|
|
@@ -107,396 +39,19 @@ const PropAliases = /*#__PURE__*/ Object.assign(Object.create(null), {
|
|
|
107
39
|
});
|
|
108
40
|
function getPropAlias(prop, tagName) {
|
|
109
41
|
const a = PropAliases[prop];
|
|
110
|
-
return typeof a === "object" ?
|
|
111
|
-
}
|
|
112
|
-
const DelegatedEvents = /*#__PURE__*/
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
"focusout",
|
|
119
|
-
"input",
|
|
120
|
-
"keydown",
|
|
121
|
-
"keyup",
|
|
122
|
-
"mousedown",
|
|
123
|
-
"mousemove",
|
|
124
|
-
"mouseout",
|
|
125
|
-
"mouseover",
|
|
126
|
-
"mouseup",
|
|
127
|
-
"pointerdown",
|
|
128
|
-
"pointermove",
|
|
129
|
-
"pointerout",
|
|
130
|
-
"pointerover",
|
|
131
|
-
"pointerup",
|
|
132
|
-
"touchend",
|
|
133
|
-
"touchmove",
|
|
134
|
-
"touchstart"
|
|
135
|
-
]);
|
|
136
|
-
const SVGElements = /*#__PURE__*/ new Set([
|
|
137
|
-
"altGlyph",
|
|
138
|
-
"altGlyphDef",
|
|
139
|
-
"altGlyphItem",
|
|
140
|
-
"animate",
|
|
141
|
-
"animateColor",
|
|
142
|
-
"animateMotion",
|
|
143
|
-
"animateTransform",
|
|
144
|
-
"circle",
|
|
145
|
-
"clipPath",
|
|
146
|
-
"color-profile",
|
|
147
|
-
"cursor",
|
|
148
|
-
"defs",
|
|
149
|
-
"desc",
|
|
150
|
-
"ellipse",
|
|
151
|
-
"feBlend",
|
|
152
|
-
"feColorMatrix",
|
|
153
|
-
"feComponentTransfer",
|
|
154
|
-
"feComposite",
|
|
155
|
-
"feConvolveMatrix",
|
|
156
|
-
"feDiffuseLighting",
|
|
157
|
-
"feDisplacementMap",
|
|
158
|
-
"feDistantLight",
|
|
159
|
-
"feDropShadow",
|
|
160
|
-
"feFlood",
|
|
161
|
-
"feFuncA",
|
|
162
|
-
"feFuncB",
|
|
163
|
-
"feFuncG",
|
|
164
|
-
"feFuncR",
|
|
165
|
-
"feGaussianBlur",
|
|
166
|
-
"feImage",
|
|
167
|
-
"feMerge",
|
|
168
|
-
"feMergeNode",
|
|
169
|
-
"feMorphology",
|
|
170
|
-
"feOffset",
|
|
171
|
-
"fePointLight",
|
|
172
|
-
"feSpecularLighting",
|
|
173
|
-
"feSpotLight",
|
|
174
|
-
"feTile",
|
|
175
|
-
"feTurbulence",
|
|
176
|
-
"filter",
|
|
177
|
-
"font",
|
|
178
|
-
"font-face",
|
|
179
|
-
"font-face-format",
|
|
180
|
-
"font-face-name",
|
|
181
|
-
"font-face-src",
|
|
182
|
-
"font-face-uri",
|
|
183
|
-
"foreignObject",
|
|
184
|
-
"g",
|
|
185
|
-
"glyph",
|
|
186
|
-
"glyphRef",
|
|
187
|
-
"hkern",
|
|
188
|
-
"image",
|
|
189
|
-
"line",
|
|
190
|
-
"linearGradient",
|
|
191
|
-
"marker",
|
|
192
|
-
"mask",
|
|
193
|
-
"metadata",
|
|
194
|
-
"missing-glyph",
|
|
195
|
-
"mpath",
|
|
196
|
-
"path",
|
|
197
|
-
"pattern",
|
|
198
|
-
"polygon",
|
|
199
|
-
"polyline",
|
|
200
|
-
"radialGradient",
|
|
201
|
-
"rect",
|
|
202
|
-
"set",
|
|
203
|
-
"stop",
|
|
204
|
-
"svg",
|
|
205
|
-
"switch",
|
|
206
|
-
"symbol",
|
|
207
|
-
"text",
|
|
208
|
-
"textPath",
|
|
209
|
-
"tref",
|
|
210
|
-
"tspan",
|
|
211
|
-
"use",
|
|
212
|
-
"view",
|
|
213
|
-
"vkern"
|
|
214
|
-
]);
|
|
42
|
+
return typeof a === "object" ? a[tagName] ? a["$"] : undefined : a;
|
|
43
|
+
}
|
|
44
|
+
const DelegatedEvents = /*#__PURE__*/new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
|
|
45
|
+
const SVGElements = /*#__PURE__*/new Set([
|
|
46
|
+
"altGlyph", "altGlyphDef", "altGlyphItem", "animate", "animateColor", "animateMotion", "animateTransform", "circle", "clipPath", "color-profile", "cursor", "defs", "desc", "ellipse", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "filter", "font", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignObject", "g", "glyph", "glyphRef", "hkern", "image", "line", "linearGradient", "marker", "mask", "metadata", "missing-glyph", "mpath", "path", "pattern", "polygon", "polyline", "radialGradient", "rect",
|
|
47
|
+
"set", "stop",
|
|
48
|
+
"svg", "switch", "symbol", "text", "textPath",
|
|
49
|
+
"tref", "tspan", "use", "view", "vkern"]);
|
|
215
50
|
const SVGNamespace = {
|
|
216
51
|
xlink: "http://www.w3.org/1999/xlink",
|
|
217
52
|
xml: "http://www.w3.org/XML/1998/namespace"
|
|
218
53
|
};
|
|
219
|
-
const DOMElements = /*#__PURE__*/
|
|
220
|
-
"html",
|
|
221
|
-
"base",
|
|
222
|
-
"head",
|
|
223
|
-
"link",
|
|
224
|
-
"meta",
|
|
225
|
-
"style",
|
|
226
|
-
"title",
|
|
227
|
-
"body",
|
|
228
|
-
"address",
|
|
229
|
-
"article",
|
|
230
|
-
"aside",
|
|
231
|
-
"footer",
|
|
232
|
-
"header",
|
|
233
|
-
"main",
|
|
234
|
-
"nav",
|
|
235
|
-
"section",
|
|
236
|
-
"body",
|
|
237
|
-
"blockquote",
|
|
238
|
-
"dd",
|
|
239
|
-
"div",
|
|
240
|
-
"dl",
|
|
241
|
-
"dt",
|
|
242
|
-
"figcaption",
|
|
243
|
-
"figure",
|
|
244
|
-
"hr",
|
|
245
|
-
"li",
|
|
246
|
-
"ol",
|
|
247
|
-
"p",
|
|
248
|
-
"pre",
|
|
249
|
-
"ul",
|
|
250
|
-
"a",
|
|
251
|
-
"abbr",
|
|
252
|
-
"b",
|
|
253
|
-
"bdi",
|
|
254
|
-
"bdo",
|
|
255
|
-
"br",
|
|
256
|
-
"cite",
|
|
257
|
-
"code",
|
|
258
|
-
"data",
|
|
259
|
-
"dfn",
|
|
260
|
-
"em",
|
|
261
|
-
"i",
|
|
262
|
-
"kbd",
|
|
263
|
-
"mark",
|
|
264
|
-
"q",
|
|
265
|
-
"rp",
|
|
266
|
-
"rt",
|
|
267
|
-
"ruby",
|
|
268
|
-
"s",
|
|
269
|
-
"samp",
|
|
270
|
-
"small",
|
|
271
|
-
"span",
|
|
272
|
-
"strong",
|
|
273
|
-
"sub",
|
|
274
|
-
"sup",
|
|
275
|
-
"time",
|
|
276
|
-
"u",
|
|
277
|
-
"var",
|
|
278
|
-
"wbr",
|
|
279
|
-
"area",
|
|
280
|
-
"audio",
|
|
281
|
-
"img",
|
|
282
|
-
"map",
|
|
283
|
-
"track",
|
|
284
|
-
"video",
|
|
285
|
-
"embed",
|
|
286
|
-
"iframe",
|
|
287
|
-
"object",
|
|
288
|
-
"param",
|
|
289
|
-
"picture",
|
|
290
|
-
"portal",
|
|
291
|
-
"source",
|
|
292
|
-
"svg",
|
|
293
|
-
"math",
|
|
294
|
-
"canvas",
|
|
295
|
-
"noscript",
|
|
296
|
-
"script",
|
|
297
|
-
"del",
|
|
298
|
-
"ins",
|
|
299
|
-
"caption",
|
|
300
|
-
"col",
|
|
301
|
-
"colgroup",
|
|
302
|
-
"table",
|
|
303
|
-
"tbody",
|
|
304
|
-
"td",
|
|
305
|
-
"tfoot",
|
|
306
|
-
"th",
|
|
307
|
-
"thead",
|
|
308
|
-
"tr",
|
|
309
|
-
"button",
|
|
310
|
-
"datalist",
|
|
311
|
-
"fieldset",
|
|
312
|
-
"form",
|
|
313
|
-
"input",
|
|
314
|
-
"label",
|
|
315
|
-
"legend",
|
|
316
|
-
"meter",
|
|
317
|
-
"optgroup",
|
|
318
|
-
"option",
|
|
319
|
-
"output",
|
|
320
|
-
"progress",
|
|
321
|
-
"select",
|
|
322
|
-
"textarea",
|
|
323
|
-
"details",
|
|
324
|
-
"dialog",
|
|
325
|
-
"menu",
|
|
326
|
-
"summary",
|
|
327
|
-
"details",
|
|
328
|
-
"slot",
|
|
329
|
-
"template",
|
|
330
|
-
"acronym",
|
|
331
|
-
"applet",
|
|
332
|
-
"basefont",
|
|
333
|
-
"bgsound",
|
|
334
|
-
"big",
|
|
335
|
-
"blink",
|
|
336
|
-
"center",
|
|
337
|
-
"content",
|
|
338
|
-
"dir",
|
|
339
|
-
"font",
|
|
340
|
-
"frame",
|
|
341
|
-
"frameset",
|
|
342
|
-
"hgroup",
|
|
343
|
-
"image",
|
|
344
|
-
"keygen",
|
|
345
|
-
"marquee",
|
|
346
|
-
"menuitem",
|
|
347
|
-
"nobr",
|
|
348
|
-
"noembed",
|
|
349
|
-
"noframes",
|
|
350
|
-
"plaintext",
|
|
351
|
-
"rb",
|
|
352
|
-
"rtc",
|
|
353
|
-
"shadow",
|
|
354
|
-
"spacer",
|
|
355
|
-
"strike",
|
|
356
|
-
"tt",
|
|
357
|
-
"xmp",
|
|
358
|
-
"a",
|
|
359
|
-
"abbr",
|
|
360
|
-
"acronym",
|
|
361
|
-
"address",
|
|
362
|
-
"applet",
|
|
363
|
-
"area",
|
|
364
|
-
"article",
|
|
365
|
-
"aside",
|
|
366
|
-
"audio",
|
|
367
|
-
"b",
|
|
368
|
-
"base",
|
|
369
|
-
"basefont",
|
|
370
|
-
"bdi",
|
|
371
|
-
"bdo",
|
|
372
|
-
"bgsound",
|
|
373
|
-
"big",
|
|
374
|
-
"blink",
|
|
375
|
-
"blockquote",
|
|
376
|
-
"body",
|
|
377
|
-
"br",
|
|
378
|
-
"button",
|
|
379
|
-
"canvas",
|
|
380
|
-
"caption",
|
|
381
|
-
"center",
|
|
382
|
-
"cite",
|
|
383
|
-
"code",
|
|
384
|
-
"col",
|
|
385
|
-
"colgroup",
|
|
386
|
-
"content",
|
|
387
|
-
"data",
|
|
388
|
-
"datalist",
|
|
389
|
-
"dd",
|
|
390
|
-
"del",
|
|
391
|
-
"details",
|
|
392
|
-
"dfn",
|
|
393
|
-
"dialog",
|
|
394
|
-
"dir",
|
|
395
|
-
"div",
|
|
396
|
-
"dl",
|
|
397
|
-
"dt",
|
|
398
|
-
"em",
|
|
399
|
-
"embed",
|
|
400
|
-
"fieldset",
|
|
401
|
-
"figcaption",
|
|
402
|
-
"figure",
|
|
403
|
-
"font",
|
|
404
|
-
"footer",
|
|
405
|
-
"form",
|
|
406
|
-
"frame",
|
|
407
|
-
"frameset",
|
|
408
|
-
"head",
|
|
409
|
-
"header",
|
|
410
|
-
"hgroup",
|
|
411
|
-
"hr",
|
|
412
|
-
"html",
|
|
413
|
-
"i",
|
|
414
|
-
"iframe",
|
|
415
|
-
"image",
|
|
416
|
-
"img",
|
|
417
|
-
"input",
|
|
418
|
-
"ins",
|
|
419
|
-
"kbd",
|
|
420
|
-
"keygen",
|
|
421
|
-
"label",
|
|
422
|
-
"legend",
|
|
423
|
-
"li",
|
|
424
|
-
"link",
|
|
425
|
-
"main",
|
|
426
|
-
"map",
|
|
427
|
-
"mark",
|
|
428
|
-
"marquee",
|
|
429
|
-
"menu",
|
|
430
|
-
"menuitem",
|
|
431
|
-
"meta",
|
|
432
|
-
"meter",
|
|
433
|
-
"nav",
|
|
434
|
-
"nobr",
|
|
435
|
-
"noembed",
|
|
436
|
-
"noframes",
|
|
437
|
-
"noscript",
|
|
438
|
-
"object",
|
|
439
|
-
"ol",
|
|
440
|
-
"optgroup",
|
|
441
|
-
"option",
|
|
442
|
-
"output",
|
|
443
|
-
"p",
|
|
444
|
-
"param",
|
|
445
|
-
"picture",
|
|
446
|
-
"plaintext",
|
|
447
|
-
"portal",
|
|
448
|
-
"pre",
|
|
449
|
-
"progress",
|
|
450
|
-
"q",
|
|
451
|
-
"rb",
|
|
452
|
-
"rp",
|
|
453
|
-
"rt",
|
|
454
|
-
"rtc",
|
|
455
|
-
"ruby",
|
|
456
|
-
"s",
|
|
457
|
-
"samp",
|
|
458
|
-
"script",
|
|
459
|
-
"section",
|
|
460
|
-
"select",
|
|
461
|
-
"shadow",
|
|
462
|
-
"slot",
|
|
463
|
-
"small",
|
|
464
|
-
"source",
|
|
465
|
-
"spacer",
|
|
466
|
-
"span",
|
|
467
|
-
"strike",
|
|
468
|
-
"strong",
|
|
469
|
-
"style",
|
|
470
|
-
"sub",
|
|
471
|
-
"summary",
|
|
472
|
-
"sup",
|
|
473
|
-
"table",
|
|
474
|
-
"tbody",
|
|
475
|
-
"td",
|
|
476
|
-
"template",
|
|
477
|
-
"textarea",
|
|
478
|
-
"tfoot",
|
|
479
|
-
"th",
|
|
480
|
-
"thead",
|
|
481
|
-
"time",
|
|
482
|
-
"title",
|
|
483
|
-
"tr",
|
|
484
|
-
"track",
|
|
485
|
-
"tt",
|
|
486
|
-
"u",
|
|
487
|
-
"ul",
|
|
488
|
-
"var",
|
|
489
|
-
"video",
|
|
490
|
-
"wbr",
|
|
491
|
-
"xmp",
|
|
492
|
-
"input",
|
|
493
|
-
"h1",
|
|
494
|
-
"h2",
|
|
495
|
-
"h3",
|
|
496
|
-
"h4",
|
|
497
|
-
"h5",
|
|
498
|
-
"h6"
|
|
499
|
-
]);
|
|
54
|
+
const DOMElements = /*#__PURE__*/new Set(["html", "base", "head", "link", "meta", "style", "title", "body", "address", "article", "aside", "footer", "header", "main", "nav", "section", "body", "blockquote", "dd", "div", "dl", "dt", "figcaption", "figure", "hr", "li", "ol", "p", "pre", "ul", "a", "abbr", "b", "bdi", "bdo", "br", "cite", "code", "data", "dfn", "em", "i", "kbd", "mark", "q", "rp", "rt", "ruby", "s", "samp", "small", "span", "strong", "sub", "sup", "time", "u", "var", "wbr", "area", "audio", "img", "map", "track", "video", "embed", "iframe", "object", "param", "picture", "portal", "source", "svg", "math", "canvas", "noscript", "script", "del", "ins", "caption", "col", "colgroup", "table", "tbody", "td", "tfoot", "th", "thead", "tr", "button", "datalist", "fieldset", "form", "input", "label", "legend", "meter", "optgroup", "option", "output", "progress", "select", "textarea", "details", "dialog", "menu", "summary", "details", "slot", "template", "acronym", "applet", "basefont", "bgsound", "big", "blink", "center", "content", "dir", "font", "frame", "frameset", "hgroup", "image", "keygen", "marquee", "menuitem", "nobr", "noembed", "noframes", "plaintext", "rb", "rtc", "shadow", "spacer", "strike", "tt", "xmp", "a", "abbr", "acronym", "address", "applet", "area", "article", "aside", "audio", "b", "base", "basefont", "bdi", "bdo", "bgsound", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "font", "footer", "form", "frame", "frameset", "head", "header", "hgroup", "hr", "html", "i", "iframe", "image", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "marquee", "menu", "menuitem", "meta", "meter", "nav", "nobr", "noembed", "noframes", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "plaintext", "portal", "pre", "progress", "q", "rb", "rp", "rt", "rtc", "ruby", "s", "samp", "script", "section", "select", "shadow", "slot", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "tt", "u", "ul", "var", "video", "wbr", "xmp", "input", "h1", "h2", "h3", "h4", "h5", "h6"]);
|
|
500
55
|
|
|
501
56
|
const memo = fn => createMemo(() => fn());
|
|
502
57
|
|
|
@@ -519,7 +74,7 @@ function reconcileArrays(parentNode, a, b) {
|
|
|
519
74
|
bEnd--;
|
|
520
75
|
}
|
|
521
76
|
if (aEnd === aStart) {
|
|
522
|
-
const node = bEnd < bLength ?
|
|
77
|
+
const node = bEnd < bLength ? bStart ? b[bStart - 1].nextSibling : b[bEnd - bStart] : after;
|
|
523
78
|
while (bStart < bEnd) parentNode.insertBefore(b[bStart++], node);
|
|
524
79
|
} else if (bEnd === bStart) {
|
|
525
80
|
while (aStart < aEnd) {
|
|
@@ -562,9 +117,7 @@ function render(code, element, init, options = {}) {
|
|
|
562
117
|
let disposer;
|
|
563
118
|
createRoot(dispose => {
|
|
564
119
|
disposer = dispose;
|
|
565
|
-
element === document
|
|
566
|
-
? code()
|
|
567
|
-
: insert(element, code(), element.firstChild ? null : undefined, init);
|
|
120
|
+
element === document ? code() : insert(element, code(), element.firstChild ? null : undefined, init);
|
|
568
121
|
}, options.owner);
|
|
569
122
|
return () => {
|
|
570
123
|
disposer();
|
|
@@ -574,15 +127,11 @@ function render(code, element, init, options = {}) {
|
|
|
574
127
|
function template(html, isImportNode, isSVG, isMathML) {
|
|
575
128
|
let node;
|
|
576
129
|
const create = () => {
|
|
577
|
-
const t = isMathML
|
|
578
|
-
? document.createElementNS("http://www.w3.org/1998/Math/MathML", "template")
|
|
579
|
-
: document.createElement("template");
|
|
130
|
+
const t = isMathML ? document.createElementNS("http://www.w3.org/1998/Math/MathML", "template") : document.createElement("template");
|
|
580
131
|
t.innerHTML = html;
|
|
581
132
|
return isSVG ? t.content.firstChild.firstChild : isMathML ? t.firstChild : t.content.firstChild;
|
|
582
133
|
};
|
|
583
|
-
const fn = isImportNode
|
|
584
|
-
? () => untrack(() => document.importNode(node || (node = create()), true))
|
|
585
|
-
: () => (node || (node = create())).cloneNode(true);
|
|
134
|
+
const fn = isImportNode ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
|
|
586
135
|
fn.cloneNode = fn;
|
|
587
136
|
return fn;
|
|
588
137
|
}
|
|
@@ -608,13 +157,11 @@ function setProperty(node, name, value) {
|
|
|
608
157
|
}
|
|
609
158
|
function setAttribute(node, name, value) {
|
|
610
159
|
if (isHydrating(node)) return;
|
|
611
|
-
if (value == null) node.removeAttribute(name);
|
|
612
|
-
else node.setAttribute(name, value);
|
|
160
|
+
if (value == null) node.removeAttribute(name);else node.setAttribute(name, value);
|
|
613
161
|
}
|
|
614
162
|
function setAttributeNS(node, namespace, name, value) {
|
|
615
163
|
if (isHydrating(node)) return;
|
|
616
|
-
if (value == null) node.removeAttributeNS(namespace, name);
|
|
617
|
-
else node.setAttributeNS(namespace, name, value);
|
|
164
|
+
if (value == null) node.removeAttributeNS(namespace, name);else node.setAttributeNS(namespace, name, value);
|
|
618
165
|
}
|
|
619
166
|
function setBoolAttribute(node, name, value) {
|
|
620
167
|
if (isHydrating(node)) return;
|
|
@@ -622,8 +169,7 @@ function setBoolAttribute(node, name, value) {
|
|
|
622
169
|
}
|
|
623
170
|
function className(node, value) {
|
|
624
171
|
if (isHydrating(node)) return;
|
|
625
|
-
if (value == null) node.removeAttribute("class");
|
|
626
|
-
else node.className = value;
|
|
172
|
+
if (value == null) node.removeAttribute("class");else node.className = value;
|
|
627
173
|
}
|
|
628
174
|
function addEventListener(node, name, handler, delegate) {
|
|
629
175
|
if (delegate) {
|
|
@@ -633,7 +179,7 @@ function addEventListener(node, name, handler, delegate) {
|
|
|
633
179
|
} else node[`$$${name}`] = handler;
|
|
634
180
|
} else if (Array.isArray(handler)) {
|
|
635
181
|
const handlerFn = handler[0];
|
|
636
|
-
node.addEventListener(name,
|
|
182
|
+
node.addEventListener(name, handler[0] = e => handlerFn.call(node, handler[1], e));
|
|
637
183
|
} else node.addEventListener(name, handler, typeof handler !== "function" && handler);
|
|
638
184
|
}
|
|
639
185
|
function classList(node, value, prev = {}) {
|
|
@@ -658,7 +204,7 @@ function classList(node, value, prev = {}) {
|
|
|
658
204
|
function style(node, value, prev) {
|
|
659
205
|
if (!value) return prev ? setAttribute(node, "style") : value;
|
|
660
206
|
const nodeStyle = node.style;
|
|
661
|
-
if (typeof value === "string") return
|
|
207
|
+
if (typeof value === "string") return nodeStyle.cssText = value;
|
|
662
208
|
typeof prev === "string" && (nodeStyle.cssText = prev = undefined);
|
|
663
209
|
prev || (prev = {});
|
|
664
210
|
value || (value = {});
|
|
@@ -679,9 +225,7 @@ function style(node, value, prev) {
|
|
|
679
225
|
function spread(node, props = {}, isSVG, skipChildren) {
|
|
680
226
|
const prevProps = {};
|
|
681
227
|
if (!skipChildren) {
|
|
682
|
-
createRenderEffect(
|
|
683
|
-
() => (prevProps.children = insertExpression(node, props.children, prevProps.children))
|
|
684
|
-
);
|
|
228
|
+
createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children));
|
|
685
229
|
}
|
|
686
230
|
createRenderEffect(() => typeof props.ref === "function" && use(props.ref, node));
|
|
687
231
|
createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true));
|
|
@@ -745,7 +289,7 @@ function getNextElement(template) {
|
|
|
745
289
|
let node,
|
|
746
290
|
key,
|
|
747
291
|
hydrating = isHydrating();
|
|
748
|
-
if (!hydrating || !(node = sharedConfig.registry.get(
|
|
292
|
+
if (!hydrating || !(node = sharedConfig.registry.get(key = getHydrationKey()))) {
|
|
749
293
|
return template();
|
|
750
294
|
}
|
|
751
295
|
if (sharedConfig.completed) sharedConfig.completed.add(node);
|
|
@@ -764,8 +308,7 @@ function getNextMarker(start) {
|
|
|
764
308
|
while (end) {
|
|
765
309
|
if (end.nodeType === 8) {
|
|
766
310
|
const v = end.nodeValue;
|
|
767
|
-
if (v === "$") count++;
|
|
768
|
-
else if (v === "/") {
|
|
311
|
+
if (v === "$") count++;else if (v === "/") {
|
|
769
312
|
if (count === 0) return [end, current];
|
|
770
313
|
count--;
|
|
771
314
|
}
|
|
@@ -779,7 +322,10 @@ function getNextMarker(start) {
|
|
|
779
322
|
function runHydrationEvents() {
|
|
780
323
|
if (sharedConfig.events && !sharedConfig.events.queued) {
|
|
781
324
|
queueMicrotask(() => {
|
|
782
|
-
const {
|
|
325
|
+
const {
|
|
326
|
+
completed,
|
|
327
|
+
events
|
|
328
|
+
} = sharedConfig;
|
|
783
329
|
if (!events) return;
|
|
784
330
|
events.queued = false;
|
|
785
331
|
while (events.length) {
|
|
@@ -804,8 +350,7 @@ function toPropertyName(name) {
|
|
|
804
350
|
}
|
|
805
351
|
function toggleClassKey(node, key, value) {
|
|
806
352
|
const classNames = key.trim().split(/\s+/);
|
|
807
|
-
for (let i = 0, nameLen = classNames.length; i < nameLen; i++)
|
|
808
|
-
node.classList.toggle(classNames[i], value);
|
|
353
|
+
for (let i = 0, nameLen = classNames.length; i < nameLen; i++) node.classList.toggle(classNames[i], value);
|
|
809
354
|
}
|
|
810
355
|
function assignProp(node, prop, value, prev, isSVG, skipRef, props) {
|
|
811
356
|
let isCE, isProp, isChildProp, propAlias, forceProp;
|
|
@@ -837,24 +382,15 @@ function assignProp(node, prop, value, prev, isSVG, skipRef, props) {
|
|
|
837
382
|
setAttribute(node, prop.slice(5), value);
|
|
838
383
|
} else if (prop.slice(0, 5) === "bool:") {
|
|
839
384
|
setBoolAttribute(node, prop.slice(5), value);
|
|
840
|
-
} else if (
|
|
841
|
-
(forceProp = prop.slice(0, 5) === "prop:") ||
|
|
842
|
-
(isChildProp = ChildProperties.has(prop)) ||
|
|
843
|
-
(!isSVG &&
|
|
844
|
-
((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop)))) ||
|
|
845
|
-
(isCE = node.nodeName.includes("-") || "is" in props)
|
|
846
|
-
) {
|
|
385
|
+
} else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-") || "is" in props)) {
|
|
847
386
|
if (forceProp) {
|
|
848
387
|
prop = prop.slice(5);
|
|
849
388
|
isProp = true;
|
|
850
389
|
} else if (isHydrating(node)) return value;
|
|
851
|
-
if (prop === "class" || prop === "className") className(node, value);
|
|
852
|
-
else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;
|
|
853
|
-
else node[propAlias || prop] = value;
|
|
390
|
+
if (prop === "class" || prop === "className") className(node, value);else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;else node[propAlias || prop] = value;
|
|
854
391
|
} else {
|
|
855
392
|
const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]];
|
|
856
|
-
if (ns) setAttributeNS(node, ns, prop, value);
|
|
857
|
-
else setAttribute(node, Aliases[prop] || prop, value);
|
|
393
|
+
if (ns) setAttributeNS(node, ns, prop, value);else setAttribute(node, Aliases[prop] || prop, value);
|
|
858
394
|
}
|
|
859
395
|
return value;
|
|
860
396
|
}
|
|
@@ -866,11 +402,10 @@ function eventHandler(e) {
|
|
|
866
402
|
const key = `$$${e.type}`;
|
|
867
403
|
const oriTarget = e.target;
|
|
868
404
|
const oriCurrentTarget = e.currentTarget;
|
|
869
|
-
const retarget = value =>
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
});
|
|
405
|
+
const retarget = value => Object.defineProperty(e, "target", {
|
|
406
|
+
configurable: true,
|
|
407
|
+
value
|
|
408
|
+
});
|
|
874
409
|
const handleNode = () => {
|
|
875
410
|
const handler = node[key];
|
|
876
411
|
if (handler && !node.disabled) {
|
|
@@ -878,11 +413,7 @@ function eventHandler(e) {
|
|
|
878
413
|
data !== undefined ? handler.call(node, data, e) : handler.call(node, e);
|
|
879
414
|
if (e.cancelBubble) return;
|
|
880
415
|
}
|
|
881
|
-
node.host &&
|
|
882
|
-
typeof node.host !== "string" &&
|
|
883
|
-
!node.host._$host &&
|
|
884
|
-
node.contains(e.target) &&
|
|
885
|
-
retarget(node.host);
|
|
416
|
+
node.host && typeof node.host !== "string" && !node.host._$host && node.contains(e.target) && retarget(node.host);
|
|
886
417
|
return true;
|
|
887
418
|
};
|
|
888
419
|
const walkUpTree = () => {
|
|
@@ -910,7 +441,8 @@ function eventHandler(e) {
|
|
|
910
441
|
break;
|
|
911
442
|
}
|
|
912
443
|
}
|
|
913
|
-
}
|
|
444
|
+
}
|
|
445
|
+
else walkUpTree();
|
|
914
446
|
retarget(oriTarget);
|
|
915
447
|
}
|
|
916
448
|
function insertExpression(parent, value, current, marker, unwrapArray) {
|
|
@@ -920,8 +452,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
|
|
|
920
452
|
let cleaned = [];
|
|
921
453
|
for (let i = 0; i < current.length; i++) {
|
|
922
454
|
const node = current[i];
|
|
923
|
-
if (node.nodeType === 8 && node.data.slice(0, 2) === "!$") node.remove();
|
|
924
|
-
else cleaned.push(node);
|
|
455
|
+
if (node.nodeType === 8 && node.data.slice(0, 2) === "!$") node.remove();else cleaned.push(node);
|
|
925
456
|
}
|
|
926
457
|
current = cleaned;
|
|
927
458
|
}
|
|
@@ -929,7 +460,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
|
|
|
929
460
|
if (value === current) return current;
|
|
930
461
|
const t = typeof value,
|
|
931
462
|
multi = marker !== undefined;
|
|
932
|
-
parent =
|
|
463
|
+
parent = multi && current[0] && current[0].parentNode || parent;
|
|
933
464
|
if (t === "string" || t === "number") {
|
|
934
465
|
if (hydrating) return current;
|
|
935
466
|
if (t === "number") {
|
|
@@ -961,17 +492,17 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
|
|
|
961
492
|
const array = [];
|
|
962
493
|
const currentArray = current && Array.isArray(current);
|
|
963
494
|
if (normalizeIncomingArray(array, value, current, unwrapArray)) {
|
|
964
|
-
createRenderEffect(() =>
|
|
495
|
+
createRenderEffect(() => current = insertExpression(parent, array, current, marker, true));
|
|
965
496
|
return () => current;
|
|
966
497
|
}
|
|
967
498
|
if (hydrating) {
|
|
968
499
|
if (!array.length) return current;
|
|
969
|
-
if (marker === undefined) return
|
|
500
|
+
if (marker === undefined) return current = [...parent.childNodes];
|
|
970
501
|
let node = array[0];
|
|
971
502
|
if (node.parentNode !== parent) return current;
|
|
972
503
|
const nodes = [node];
|
|
973
504
|
while ((node = node.nextSibling) !== marker) nodes.push(node);
|
|
974
|
-
return
|
|
505
|
+
return current = nodes;
|
|
975
506
|
}
|
|
976
507
|
if (array.length === 0) {
|
|
977
508
|
current = cleanChildren(parent, current, marker);
|
|
@@ -986,15 +517,15 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
|
|
|
986
517
|
}
|
|
987
518
|
current = array;
|
|
988
519
|
} else if (value.nodeType) {
|
|
989
|
-
if (hydrating && value.parentNode) return
|
|
520
|
+
if (hydrating && value.parentNode) return current = multi ? [value] : value;
|
|
990
521
|
if (Array.isArray(current)) {
|
|
991
|
-
if (multi) return
|
|
522
|
+
if (multi) return current = cleanChildren(parent, current, marker, value);
|
|
992
523
|
cleanChildren(parent, current, null, value);
|
|
993
524
|
} else if (current == null || current === "" || !parent.firstChild) {
|
|
994
525
|
parent.appendChild(value);
|
|
995
526
|
} else parent.replaceChild(value, parent.firstChild);
|
|
996
527
|
current = value;
|
|
997
|
-
} else;
|
|
528
|
+
} else ;
|
|
998
529
|
return current;
|
|
999
530
|
}
|
|
1000
531
|
function normalizeIncomingArray(normalized, array, current, unwrap) {
|
|
@@ -1003,28 +534,21 @@ function normalizeIncomingArray(normalized, array, current, unwrap) {
|
|
|
1003
534
|
let item = array[i],
|
|
1004
535
|
prev = current && current[normalized.length],
|
|
1005
536
|
t;
|
|
1006
|
-
if (item == null || item === true || item === false);
|
|
1007
|
-
else if ((t = typeof item) === "object" && item.nodeType) {
|
|
537
|
+
if (item == null || item === true || item === false) ; else if ((t = typeof item) === "object" && item.nodeType) {
|
|
1008
538
|
normalized.push(item);
|
|
1009
539
|
} else if (Array.isArray(item)) {
|
|
1010
540
|
dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic;
|
|
1011
541
|
} else if (t === "function") {
|
|
1012
542
|
if (unwrap) {
|
|
1013
543
|
while (typeof item === "function") item = item();
|
|
1014
|
-
dynamic =
|
|
1015
|
-
normalizeIncomingArray(
|
|
1016
|
-
normalized,
|
|
1017
|
-
Array.isArray(item) ? item : [item],
|
|
1018
|
-
Array.isArray(prev) ? prev : [prev]
|
|
1019
|
-
) || dynamic;
|
|
544
|
+
dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic;
|
|
1020
545
|
} else {
|
|
1021
546
|
normalized.push(item);
|
|
1022
547
|
dynamic = true;
|
|
1023
548
|
}
|
|
1024
549
|
} else {
|
|
1025
550
|
const value = String(item);
|
|
1026
|
-
if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev);
|
|
1027
|
-
else normalized.push(document.createTextNode(value));
|
|
551
|
+
if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev);else normalized.push(document.createTextNode(value));
|
|
1028
552
|
}
|
|
1029
553
|
}
|
|
1030
554
|
return dynamic;
|
|
@@ -1033,7 +557,7 @@ function appendNodes(parent, array, marker = null) {
|
|
|
1033
557
|
for (let i = 0, len = array.length; i < len; i++) parent.insertBefore(array[i], marker);
|
|
1034
558
|
}
|
|
1035
559
|
function cleanChildren(parent, current, marker, replacement) {
|
|
1036
|
-
if (marker === undefined) return
|
|
560
|
+
if (marker === undefined) return parent.textContent = "";
|
|
1037
561
|
const node = replacement || document.createTextNode("");
|
|
1038
562
|
if (current.length) {
|
|
1039
563
|
let inserted = false;
|
|
@@ -1041,9 +565,7 @@ function cleanChildren(parent, current, marker, replacement) {
|
|
|
1041
565
|
const el = current[i];
|
|
1042
566
|
if (node !== el) {
|
|
1043
567
|
const isParent = el.parentNode === parent;
|
|
1044
|
-
if (!inserted && !i)
|
|
1045
|
-
isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker);
|
|
1046
|
-
else isParent && el.remove();
|
|
568
|
+
if (!inserted && !i) isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker);else isParent && el.remove();
|
|
1047
569
|
} else inserted = true;
|
|
1048
570
|
}
|
|
1049
571
|
} else parent.insertBefore(node, marker);
|
|
@@ -1054,8 +576,7 @@ function gatherHydratable(element, root) {
|
|
|
1054
576
|
for (let i = 0; i < templates.length; i++) {
|
|
1055
577
|
const node = templates[i];
|
|
1056
578
|
const key = node.getAttribute("data-hk");
|
|
1057
|
-
if ((!root || key.startsWith(root)) && !sharedConfig.registry.has(key))
|
|
1058
|
-
sharedConfig.registry.set(key, node);
|
|
579
|
+
if ((!root || key.startsWith(root)) && !sharedConfig.registry.has(key)) sharedConfig.registry.set(key, node);
|
|
1059
580
|
}
|
|
1060
581
|
}
|
|
1061
582
|
function getHydrationKey() {
|
|
@@ -1107,47 +628,42 @@ const hydrate = (...args) => {
|
|
|
1107
628
|
return hydrate$1(...args);
|
|
1108
629
|
};
|
|
1109
630
|
function Portal(props) {
|
|
1110
|
-
const {
|
|
631
|
+
const {
|
|
632
|
+
useShadow
|
|
633
|
+
} = props,
|
|
1111
634
|
marker = document.createTextNode(""),
|
|
1112
635
|
mount = () => props.mount || document.body,
|
|
1113
636
|
owner = getOwner();
|
|
1114
637
|
let content;
|
|
1115
638
|
let hydrating = !!sharedConfig.context;
|
|
1116
|
-
createEffect(
|
|
1117
|
-
()
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
insert(renderRoot, content);
|
|
1141
|
-
el.appendChild(container);
|
|
1142
|
-
props.ref && props.ref(container);
|
|
1143
|
-
onCleanup(() => el.removeChild(container));
|
|
1144
|
-
}
|
|
1145
|
-
},
|
|
1146
|
-
undefined,
|
|
1147
|
-
{
|
|
1148
|
-
render: !hydrating
|
|
639
|
+
createEffect(() => {
|
|
640
|
+
if (hydrating) getOwner().user = hydrating = false;
|
|
641
|
+
content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
|
|
642
|
+
const el = mount();
|
|
643
|
+
if (el instanceof HTMLHeadElement) {
|
|
644
|
+
const [clean, setClean] = createSignal(false);
|
|
645
|
+
const cleanup = () => setClean(true);
|
|
646
|
+
createRoot(dispose => insert(el, () => !clean() ? content() : dispose(), null));
|
|
647
|
+
onCleanup(cleanup);
|
|
648
|
+
} else {
|
|
649
|
+
const container = createElement(props.isSVG ? "g" : "div", props.isSVG),
|
|
650
|
+
renderRoot = useShadow && container.attachShadow ? container.attachShadow({
|
|
651
|
+
mode: "open"
|
|
652
|
+
}) : container;
|
|
653
|
+
Object.defineProperty(container, "_$host", {
|
|
654
|
+
get() {
|
|
655
|
+
return marker.parentNode;
|
|
656
|
+
},
|
|
657
|
+
configurable: true
|
|
658
|
+
});
|
|
659
|
+
insert(renderRoot, content);
|
|
660
|
+
el.appendChild(container);
|
|
661
|
+
props.ref && props.ref(container);
|
|
662
|
+
onCleanup(() => el.removeChild(container));
|
|
1149
663
|
}
|
|
1150
|
-
|
|
664
|
+
}, undefined, {
|
|
665
|
+
render: !hydrating
|
|
666
|
+
});
|
|
1151
667
|
return marker;
|
|
1152
668
|
}
|
|
1153
669
|
function createDynamic(component, props) {
|
|
@@ -1170,64 +686,4 @@ function Dynamic(props) {
|
|
|
1170
686
|
return createDynamic(() => props.component, others);
|
|
1171
687
|
}
|
|
1172
688
|
|
|
1173
|
-
export {
|
|
1174
|
-
Aliases,
|
|
1175
|
-
voidFn as Assets,
|
|
1176
|
-
ChildProperties,
|
|
1177
|
-
DOMElements,
|
|
1178
|
-
DelegatedEvents,
|
|
1179
|
-
Dynamic,
|
|
1180
|
-
Hydration,
|
|
1181
|
-
voidFn as HydrationScript,
|
|
1182
|
-
NoHydration,
|
|
1183
|
-
Portal,
|
|
1184
|
-
Properties,
|
|
1185
|
-
RequestContext,
|
|
1186
|
-
SVGElements,
|
|
1187
|
-
SVGNamespace,
|
|
1188
|
-
addEventListener,
|
|
1189
|
-
assign,
|
|
1190
|
-
classList,
|
|
1191
|
-
className,
|
|
1192
|
-
clearDelegatedEvents,
|
|
1193
|
-
createDynamic,
|
|
1194
|
-
delegateEvents,
|
|
1195
|
-
dynamicProperty,
|
|
1196
|
-
escape,
|
|
1197
|
-
voidFn as generateHydrationScript,
|
|
1198
|
-
voidFn as getAssets,
|
|
1199
|
-
getHydrationKey,
|
|
1200
|
-
getNextElement,
|
|
1201
|
-
getNextMarker,
|
|
1202
|
-
getNextMatch,
|
|
1203
|
-
getPropAlias,
|
|
1204
|
-
voidFn as getRequestEvent,
|
|
1205
|
-
hydrate,
|
|
1206
|
-
innerHTML,
|
|
1207
|
-
insert,
|
|
1208
|
-
isDev,
|
|
1209
|
-
isServer,
|
|
1210
|
-
memo,
|
|
1211
|
-
render,
|
|
1212
|
-
renderToStream,
|
|
1213
|
-
renderToString,
|
|
1214
|
-
renderToStringAsync,
|
|
1215
|
-
resolveSSRNode,
|
|
1216
|
-
runHydrationEvents,
|
|
1217
|
-
setAttribute,
|
|
1218
|
-
setAttributeNS,
|
|
1219
|
-
setBoolAttribute,
|
|
1220
|
-
setProperty,
|
|
1221
|
-
spread,
|
|
1222
|
-
ssr,
|
|
1223
|
-
ssrAttribute,
|
|
1224
|
-
ssrClassList,
|
|
1225
|
-
ssrElement,
|
|
1226
|
-
ssrHydrationKey,
|
|
1227
|
-
ssrSpread,
|
|
1228
|
-
ssrStyle,
|
|
1229
|
-
style,
|
|
1230
|
-
template,
|
|
1231
|
-
use,
|
|
1232
|
-
voidFn as useAssets
|
|
1233
|
-
};
|
|
689
|
+
export { Aliases, voidFn as Assets, ChildProperties, DOMElements, DelegatedEvents, Dynamic, Hydration, voidFn as HydrationScript, NoHydration, Portal, Properties, RequestContext, SVGElements, SVGNamespace, addEventListener, assign, classList, className, clearDelegatedEvents, createDynamic, delegateEvents, dynamicProperty, escape, voidFn as generateHydrationScript, voidFn as getAssets, getHydrationKey, getNextElement, getNextMarker, getNextMatch, getPropAlias, voidFn as getRequestEvent, hydrate, innerHTML, insert, isDev, isServer, memo, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, setBoolAttribute, setProperty, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrSpread, ssrStyle, style, template, use, voidFn as useAssets };
|