solid-js 1.8.13 → 1.8.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/dev.js +307 -544
  2. package/dist/server.js +75 -170
  3. package/dist/solid.js +265 -471
  4. package/h/dist/h.js +8 -34
  5. package/h/jsx-runtime/dist/jsx.js +1 -1
  6. package/h/jsx-runtime/types/index.d.ts +8 -11
  7. package/h/types/hyperscript.d.ts +11 -11
  8. package/html/dist/html.js +94 -216
  9. package/html/types/lit.d.ts +33 -47
  10. package/package.json +3 -3
  11. package/store/dist/dev.js +43 -122
  12. package/store/dist/server.js +8 -19
  13. package/store/dist/store.js +40 -113
  14. package/store/types/index.d.ts +7 -21
  15. package/store/types/modifiers.d.ts +3 -6
  16. package/store/types/mutable.d.ts +2 -5
  17. package/store/types/server.d.ts +4 -12
  18. package/store/types/store.d.ts +61 -218
  19. package/types/index.d.ts +10 -75
  20. package/types/reactive/array.d.ts +4 -12
  21. package/types/reactive/observable.d.ts +17 -25
  22. package/types/reactive/scheduler.d.ts +6 -9
  23. package/types/reactive/signal.d.ts +142 -233
  24. package/types/render/Suspense.d.ts +5 -5
  25. package/types/render/component.d.ts +33 -64
  26. package/types/render/flow.d.ts +31 -43
  27. package/types/render/hydration.d.ts +13 -13
  28. package/types/server/index.d.ts +2 -57
  29. package/types/server/reactive.d.ts +42 -73
  30. package/types/server/rendering.d.ts +96 -167
  31. package/universal/dist/dev.js +12 -28
  32. package/universal/dist/universal.js +12 -28
  33. package/universal/types/index.d.ts +1 -3
  34. package/universal/types/universal.d.ts +1 -0
  35. package/web/dist/dev.js +82 -623
  36. package/web/dist/server.js +96 -210
  37. package/web/dist/web.js +80 -614
  38. package/web/storage/dist/storage.js +3 -3
  39. package/web/types/client.d.ts +2 -2
  40. package/web/types/core.d.ts +1 -10
  41. package/web/types/index.d.ts +10 -27
  42. package/web/types/server-mock.d.ts +32 -47
package/web/dist/dev.js CHANGED
@@ -1,83 +1,14 @@
1
- import {
2
- createRoot,
3
- sharedConfig,
4
- createRenderEffect,
5
- untrack,
6
- enableHydration,
7
- getOwner,
8
- createEffect,
9
- runWithOwner,
10
- createMemo,
11
- createSignal,
12
- onCleanup,
13
- splitProps,
14
- $DEVCOMP
15
- } from "solid-js";
16
- export {
17
- ErrorBoundary,
18
- For,
19
- Index,
20
- Match,
21
- Show,
22
- Suspense,
23
- SuspenseList,
24
- Switch,
25
- createComponent,
26
- createRenderEffect as effect,
27
- getOwner,
28
- createMemo as memo,
29
- mergeProps,
30
- untrack
31
- } from "solid-js";
1
+ import { createRoot, sharedConfig, createRenderEffect, untrack, enableHydration, getOwner, createEffect, runWithOwner, createMemo, createSignal, onCleanup, splitProps, $DEVCOMP } from 'solid-js';
2
+ export { ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, createComponent, createRenderEffect as effect, getOwner, createMemo as memo, mergeProps, untrack } from 'solid-js';
32
3
 
33
- const booleans = [
34
- "allowfullscreen",
35
- "async",
36
- "autofocus",
37
- "autoplay",
38
- "checked",
39
- "controls",
40
- "default",
41
- "disabled",
42
- "formnovalidate",
43
- "hidden",
44
- "indeterminate",
45
- "inert",
46
- "ismap",
47
- "loop",
48
- "multiple",
49
- "muted",
50
- "nomodule",
51
- "novalidate",
52
- "open",
53
- "playsinline",
54
- "readonly",
55
- "required",
56
- "reversed",
57
- "seamless",
58
- "selected"
59
- ];
60
- const Properties = /*#__PURE__*/ new Set([
61
- "className",
62
- "value",
63
- "readOnly",
64
- "formNoValidate",
65
- "isMap",
66
- "noModule",
67
- "playsInline",
68
- ...booleans
69
- ]);
70
- const ChildProperties = /*#__PURE__*/ new Set([
71
- "innerHTML",
72
- "textContent",
73
- "innerText",
74
- "children"
75
- ]);
76
- 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", "formNoValidate", "isMap", "noModule", "playsInline", ...booleans]);
6
+ const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
7
+ const Aliases = /*#__PURE__*/Object.assign(Object.create(null), {
77
8
  className: "class",
78
9
  htmlFor: "for"
79
10
  });
80
- const PropAliases = /*#__PURE__*/ Object.assign(Object.create(null), {
11
+ const PropAliases = /*#__PURE__*/Object.assign(Object.create(null), {
81
12
  class: "className",
82
13
  formnovalidate: {
83
14
  $: "formNoValidate",
@@ -104,395 +35,19 @@ const PropAliases = /*#__PURE__*/ Object.assign(Object.create(null), {
104
35
  });
105
36
  function getPropAlias(prop, tagName) {
106
37
  const a = PropAliases[prop];
107
- return typeof a === "object" ? (a[tagName] ? a["$"] : undefined) : a;
108
- }
109
- const DelegatedEvents = /*#__PURE__*/ new Set([
110
- "beforeinput",
111
- "click",
112
- "dblclick",
113
- "contextmenu",
114
- "focusin",
115
- "focusout",
116
- "input",
117
- "keydown",
118
- "keyup",
119
- "mousedown",
120
- "mousemove",
121
- "mouseout",
122
- "mouseover",
123
- "mouseup",
124
- "pointerdown",
125
- "pointermove",
126
- "pointerout",
127
- "pointerover",
128
- "pointerup",
129
- "touchend",
130
- "touchmove",
131
- "touchstart"
132
- ]);
133
- const SVGElements = /*#__PURE__*/ new Set([
134
- "altGlyph",
135
- "altGlyphDef",
136
- "altGlyphItem",
137
- "animate",
138
- "animateColor",
139
- "animateMotion",
140
- "animateTransform",
141
- "circle",
142
- "clipPath",
143
- "color-profile",
144
- "cursor",
145
- "defs",
146
- "desc",
147
- "ellipse",
148
- "feBlend",
149
- "feColorMatrix",
150
- "feComponentTransfer",
151
- "feComposite",
152
- "feConvolveMatrix",
153
- "feDiffuseLighting",
154
- "feDisplacementMap",
155
- "feDistantLight",
156
- "feFlood",
157
- "feFuncA",
158
- "feFuncB",
159
- "feFuncG",
160
- "feFuncR",
161
- "feGaussianBlur",
162
- "feImage",
163
- "feMerge",
164
- "feMergeNode",
165
- "feMorphology",
166
- "feOffset",
167
- "fePointLight",
168
- "feSpecularLighting",
169
- "feSpotLight",
170
- "feTile",
171
- "feTurbulence",
172
- "filter",
173
- "font",
174
- "font-face",
175
- "font-face-format",
176
- "font-face-name",
177
- "font-face-src",
178
- "font-face-uri",
179
- "foreignObject",
180
- "g",
181
- "glyph",
182
- "glyphRef",
183
- "hkern",
184
- "image",
185
- "line",
186
- "linearGradient",
187
- "marker",
188
- "mask",
189
- "metadata",
190
- "missing-glyph",
191
- "mpath",
192
- "path",
193
- "pattern",
194
- "polygon",
195
- "polyline",
196
- "radialGradient",
197
- "rect",
198
- "set",
199
- "stop",
200
- "svg",
201
- "switch",
202
- "symbol",
203
- "text",
204
- "textPath",
205
- "tref",
206
- "tspan",
207
- "use",
208
- "view",
209
- "vkern"
210
- ]);
38
+ return typeof a === "object" ? a[tagName] ? a["$"] : undefined : a;
39
+ }
40
+ 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"]);
41
+ const SVGElements = /*#__PURE__*/new Set([
42
+ "altGlyph", "altGlyphDef", "altGlyphItem", "animate", "animateColor", "animateMotion", "animateTransform", "circle", "clipPath", "color-profile", "cursor", "defs", "desc", "ellipse", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "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",
43
+ "set", "stop",
44
+ "svg", "switch", "symbol", "text", "textPath",
45
+ "tref", "tspan", "use", "view", "vkern"]);
211
46
  const SVGNamespace = {
212
47
  xlink: "http://www.w3.org/1999/xlink",
213
48
  xml: "http://www.w3.org/XML/1998/namespace"
214
49
  };
215
- const DOMElements = /*#__PURE__*/ new Set([
216
- "html",
217
- "base",
218
- "head",
219
- "link",
220
- "meta",
221
- "style",
222
- "title",
223
- "body",
224
- "address",
225
- "article",
226
- "aside",
227
- "footer",
228
- "header",
229
- "main",
230
- "nav",
231
- "section",
232
- "body",
233
- "blockquote",
234
- "dd",
235
- "div",
236
- "dl",
237
- "dt",
238
- "figcaption",
239
- "figure",
240
- "hr",
241
- "li",
242
- "ol",
243
- "p",
244
- "pre",
245
- "ul",
246
- "a",
247
- "abbr",
248
- "b",
249
- "bdi",
250
- "bdo",
251
- "br",
252
- "cite",
253
- "code",
254
- "data",
255
- "dfn",
256
- "em",
257
- "i",
258
- "kbd",
259
- "mark",
260
- "q",
261
- "rp",
262
- "rt",
263
- "ruby",
264
- "s",
265
- "samp",
266
- "small",
267
- "span",
268
- "strong",
269
- "sub",
270
- "sup",
271
- "time",
272
- "u",
273
- "var",
274
- "wbr",
275
- "area",
276
- "audio",
277
- "img",
278
- "map",
279
- "track",
280
- "video",
281
- "embed",
282
- "iframe",
283
- "object",
284
- "param",
285
- "picture",
286
- "portal",
287
- "source",
288
- "svg",
289
- "math",
290
- "canvas",
291
- "noscript",
292
- "script",
293
- "del",
294
- "ins",
295
- "caption",
296
- "col",
297
- "colgroup",
298
- "table",
299
- "tbody",
300
- "td",
301
- "tfoot",
302
- "th",
303
- "thead",
304
- "tr",
305
- "button",
306
- "datalist",
307
- "fieldset",
308
- "form",
309
- "input",
310
- "label",
311
- "legend",
312
- "meter",
313
- "optgroup",
314
- "option",
315
- "output",
316
- "progress",
317
- "select",
318
- "textarea",
319
- "details",
320
- "dialog",
321
- "menu",
322
- "summary",
323
- "details",
324
- "slot",
325
- "template",
326
- "acronym",
327
- "applet",
328
- "basefont",
329
- "bgsound",
330
- "big",
331
- "blink",
332
- "center",
333
- "content",
334
- "dir",
335
- "font",
336
- "frame",
337
- "frameset",
338
- "hgroup",
339
- "image",
340
- "keygen",
341
- "marquee",
342
- "menuitem",
343
- "nobr",
344
- "noembed",
345
- "noframes",
346
- "plaintext",
347
- "rb",
348
- "rtc",
349
- "shadow",
350
- "spacer",
351
- "strike",
352
- "tt",
353
- "xmp",
354
- "a",
355
- "abbr",
356
- "acronym",
357
- "address",
358
- "applet",
359
- "area",
360
- "article",
361
- "aside",
362
- "audio",
363
- "b",
364
- "base",
365
- "basefont",
366
- "bdi",
367
- "bdo",
368
- "bgsound",
369
- "big",
370
- "blink",
371
- "blockquote",
372
- "body",
373
- "br",
374
- "button",
375
- "canvas",
376
- "caption",
377
- "center",
378
- "cite",
379
- "code",
380
- "col",
381
- "colgroup",
382
- "content",
383
- "data",
384
- "datalist",
385
- "dd",
386
- "del",
387
- "details",
388
- "dfn",
389
- "dialog",
390
- "dir",
391
- "div",
392
- "dl",
393
- "dt",
394
- "em",
395
- "embed",
396
- "fieldset",
397
- "figcaption",
398
- "figure",
399
- "font",
400
- "footer",
401
- "form",
402
- "frame",
403
- "frameset",
404
- "head",
405
- "header",
406
- "hgroup",
407
- "hr",
408
- "html",
409
- "i",
410
- "iframe",
411
- "image",
412
- "img",
413
- "input",
414
- "ins",
415
- "kbd",
416
- "keygen",
417
- "label",
418
- "legend",
419
- "li",
420
- "link",
421
- "main",
422
- "map",
423
- "mark",
424
- "marquee",
425
- "menu",
426
- "menuitem",
427
- "meta",
428
- "meter",
429
- "nav",
430
- "nobr",
431
- "noembed",
432
- "noframes",
433
- "noscript",
434
- "object",
435
- "ol",
436
- "optgroup",
437
- "option",
438
- "output",
439
- "p",
440
- "param",
441
- "picture",
442
- "plaintext",
443
- "portal",
444
- "pre",
445
- "progress",
446
- "q",
447
- "rb",
448
- "rp",
449
- "rt",
450
- "rtc",
451
- "ruby",
452
- "s",
453
- "samp",
454
- "script",
455
- "section",
456
- "select",
457
- "shadow",
458
- "slot",
459
- "small",
460
- "source",
461
- "spacer",
462
- "span",
463
- "strike",
464
- "strong",
465
- "style",
466
- "sub",
467
- "summary",
468
- "sup",
469
- "table",
470
- "tbody",
471
- "td",
472
- "template",
473
- "textarea",
474
- "tfoot",
475
- "th",
476
- "thead",
477
- "time",
478
- "title",
479
- "tr",
480
- "track",
481
- "tt",
482
- "u",
483
- "ul",
484
- "var",
485
- "video",
486
- "wbr",
487
- "xmp",
488
- "input",
489
- "h1",
490
- "h2",
491
- "h3",
492
- "h4",
493
- "h5",
494
- "h6"
495
- ]);
50
+ 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"]);
496
51
 
497
52
  function reconcileArrays(parentNode, a, b) {
498
53
  let bLength = b.length,
@@ -513,7 +68,7 @@ function reconcileArrays(parentNode, a, b) {
513
68
  bEnd--;
514
69
  }
515
70
  if (aEnd === aStart) {
516
- const node = bEnd < bLength ? (bStart ? b[bStart - 1].nextSibling : b[bEnd - bStart]) : after;
71
+ const node = bEnd < bLength ? bStart ? b[bStart - 1].nextSibling : b[bEnd - bStart] : after;
517
72
  while (bStart < bEnd) parentNode.insertBefore(b[bStart++], node);
518
73
  } else if (bEnd === bStart) {
519
74
  while (aStart < aEnd) {
@@ -554,16 +109,12 @@ function reconcileArrays(parentNode, a, b) {
554
109
  const $$EVENTS = "_$DX_DELEGATE";
555
110
  function render(code, element, init, options = {}) {
556
111
  if (!element) {
557
- throw new Error(
558
- "The `element` passed to `render(..., element)` doesn't exist. Make sure `element` exists in the document."
559
- );
112
+ throw new Error("The `element` passed to `render(..., element)` doesn't exist. Make sure `element` exists in the document.");
560
113
  }
561
114
  let disposer;
562
115
  createRoot(dispose => {
563
116
  disposer = dispose;
564
- element === document
565
- ? code()
566
- : insert(element, code(), element.firstChild ? null : undefined, init);
117
+ element === document ? code() : insert(element, code(), element.firstChild ? null : undefined, init);
567
118
  }, options.owner);
568
119
  return () => {
569
120
  disposer();
@@ -573,17 +124,12 @@ function render(code, element, init, options = {}) {
573
124
  function template(html, isCE, isSVG) {
574
125
  let node;
575
126
  const create = () => {
576
- if (sharedConfig.context)
577
- throw new Error(
578
- "Failed attempt to create new DOM elements during hydration. Check that the libraries you are using support hydration."
579
- );
127
+ if (sharedConfig.context) throw new Error("Failed attempt to create new DOM elements during hydration. Check that the libraries you are using support hydration.");
580
128
  const t = document.createElement("template");
581
129
  t.innerHTML = html;
582
130
  return isSVG ? t.content.firstChild.firstChild : t.content.firstChild;
583
131
  };
584
- const fn = isCE
585
- ? () => untrack(() => document.importNode(node || (node = create()), true))
586
- : () => (node || (node = create())).cloneNode(true);
132
+ const fn = isCE ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
587
133
  fn.cloneNode = fn;
588
134
  return fn;
589
135
  }
@@ -608,18 +154,15 @@ function setProperty(node, name, value) {
608
154
  }
609
155
  function setAttribute(node, name, value) {
610
156
  if (sharedConfig.context) return;
611
- if (value == null) node.removeAttribute(name);
612
- else node.setAttribute(name, value);
157
+ if (value == null) node.removeAttribute(name);else node.setAttribute(name, value);
613
158
  }
614
159
  function setAttributeNS(node, namespace, name, value) {
615
160
  if (sharedConfig.context) return;
616
- if (value == null) node.removeAttributeNS(namespace, name);
617
- else node.setAttributeNS(namespace, name, value);
161
+ if (value == null) node.removeAttributeNS(namespace, name);else node.setAttributeNS(namespace, name, value);
618
162
  }
619
163
  function className(node, value) {
620
164
  if (sharedConfig.context) return;
621
- if (value == null) node.removeAttribute("class");
622
- else node.className = value;
165
+ if (value == null) node.removeAttribute("class");else node.className = value;
623
166
  }
624
167
  function addEventListener(node, name, handler, delegate) {
625
168
  if (delegate) {
@@ -629,7 +172,7 @@ function addEventListener(node, name, handler, delegate) {
629
172
  } else node[`$$${name}`] = handler;
630
173
  } else if (Array.isArray(handler)) {
631
174
  const handlerFn = handler[0];
632
- node.addEventListener(name, (handler[0] = e => handlerFn.call(node, handler[1], e)));
175
+ node.addEventListener(name, handler[0] = e => handlerFn.call(node, handler[1], e));
633
176
  } else node.addEventListener(name, handler);
634
177
  }
635
178
  function classList(node, value, prev = {}) {
@@ -654,7 +197,7 @@ function classList(node, value, prev = {}) {
654
197
  function style(node, value, prev) {
655
198
  if (!value) return prev ? setAttribute(node, "style") : value;
656
199
  const nodeStyle = node.style;
657
- if (typeof value === "string") return (nodeStyle.cssText = value);
200
+ if (typeof value === "string") return nodeStyle.cssText = value;
658
201
  typeof prev === "string" && (nodeStyle.cssText = prev = undefined);
659
202
  prev || (prev = {});
660
203
  value || (value = {});
@@ -675,9 +218,7 @@ function style(node, value, prev) {
675
218
  function spread(node, props = {}, isSVG, skipChildren) {
676
219
  const prevProps = {};
677
220
  if (!skipChildren) {
678
- createRenderEffect(
679
- () => (prevProps.children = insertExpression(node, props.children, prevProps.children))
680
- );
221
+ createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children));
681
222
  }
682
223
  createRenderEffect(() => props.ref && props.ref(node));
683
224
  createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true));
@@ -736,9 +277,8 @@ function hydrate$1(code, element, options = {}) {
736
277
  }
737
278
  function getNextElement(template) {
738
279
  let node, key;
739
- if (!sharedConfig.context || !(node = sharedConfig.registry.get((key = getHydrationKey())))) {
740
- if (sharedConfig.context)
741
- throw new Error(`Hydration Mismatch. Unable to find DOM nodes for hydration key: ${key}`);
280
+ if (!sharedConfig.context || !(node = sharedConfig.registry.get(key = getHydrationKey()))) {
281
+ if (sharedConfig.context) throw new Error(`Hydration Mismatch. Unable to find DOM nodes for hydration key: ${key}`);
742
282
  return template();
743
283
  }
744
284
  if (sharedConfig.completed) sharedConfig.completed.add(node);
@@ -757,8 +297,7 @@ function getNextMarker(start) {
757
297
  while (end) {
758
298
  if (end.nodeType === 8) {
759
299
  const v = end.nodeValue;
760
- if (v === "$") count++;
761
- else if (v === "/") {
300
+ if (v === "$") count++;else if (v === "/") {
762
301
  if (count === 0) return [end, current];
763
302
  count--;
764
303
  }
@@ -772,7 +311,10 @@ function getNextMarker(start) {
772
311
  function runHydrationEvents() {
773
312
  if (sharedConfig.events && !sharedConfig.events.queued) {
774
313
  queueMicrotask(() => {
775
- const { completed, events } = sharedConfig;
314
+ const {
315
+ completed,
316
+ events
317
+ } = sharedConfig;
776
318
  events.queued = false;
777
319
  while (events.length) {
778
320
  const [el, e] = events[0];
@@ -789,8 +331,7 @@ function toPropertyName(name) {
789
331
  }
790
332
  function toggleClassKey(node, key, value) {
791
333
  const classNames = key.trim().split(/\s+/);
792
- for (let i = 0, nameLen = classNames.length; i < nameLen; i++)
793
- node.classList.toggle(classNames[i], value);
334
+ for (let i = 0, nameLen = classNames.length; i < nameLen; i++) node.classList.toggle(classNames[i], value);
794
335
  }
795
336
  function assignProp(node, prop, value, prev, isSVG, skipRef) {
796
337
  let isCE, isProp, isChildProp, propAlias, forceProp;
@@ -820,30 +361,21 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
820
361
  }
821
362
  } else if (prop.slice(0, 5) === "attr:") {
822
363
  setAttribute(node, prop.slice(5), value);
823
- } else if (
824
- (forceProp = prop.slice(0, 5) === "prop:") ||
825
- (isChildProp = ChildProperties.has(prop)) ||
826
- (!isSVG &&
827
- ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop)))) ||
828
- (isCE = node.nodeName.includes("-"))
829
- ) {
364
+ } 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("-"))) {
830
365
  if (forceProp) {
831
366
  prop = prop.slice(5);
832
367
  isProp = true;
833
368
  } else if (sharedConfig.context) return value;
834
- if (prop === "class" || prop === "className") className(node, value);
835
- else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;
836
- else node[propAlias || prop] = value;
369
+ if (prop === "class" || prop === "className") className(node, value);else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;else node[propAlias || prop] = value;
837
370
  } else {
838
371
  const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]];
839
- if (ns) setAttributeNS(node, ns, prop, value);
840
- else setAttribute(node, Aliases[prop] || prop, value);
372
+ if (ns) setAttributeNS(node, ns, prop, value);else setAttribute(node, Aliases[prop] || prop, value);
841
373
  }
842
374
  return value;
843
375
  }
844
376
  function eventHandler(e) {
845
377
  const key = `$$${e.type}`;
846
- let node = (e.composedPath && e.composedPath()[0]) || e.target;
378
+ let node = e.composedPath && e.composedPath()[0] || e.target;
847
379
  if (e.target !== node) {
848
380
  Object.defineProperty(e, "target", {
849
381
  configurable: true,
@@ -873,8 +405,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
873
405
  let cleaned = [];
874
406
  for (let i = 0; i < current.length; i++) {
875
407
  const node = current[i];
876
- if (node.nodeType === 8 && node.data.slice(0, 2) === "!$") node.remove();
877
- else cleaned.push(node);
408
+ if (node.nodeType === 8 && node.data.slice(0, 2) === "!$") node.remove();else cleaned.push(node);
878
409
  }
879
410
  current = cleaned;
880
411
  }
@@ -882,7 +413,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
882
413
  if (value === current) return current;
883
414
  const t = typeof value,
884
415
  multi = marker !== undefined;
885
- parent = (multi && current[0] && current[0].parentNode) || parent;
416
+ parent = multi && current[0] && current[0].parentNode || parent;
886
417
  if (t === "string" || t === "number") {
887
418
  if (sharedConfig.context) return current;
888
419
  if (t === "number") value = value.toString();
@@ -911,7 +442,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
911
442
  const array = [];
912
443
  const currentArray = current && Array.isArray(current);
913
444
  if (normalizeIncomingArray(array, value, current, unwrapArray)) {
914
- createRenderEffect(() => (current = insertExpression(parent, array, current, marker, true)));
445
+ createRenderEffect(() => current = insertExpression(parent, array, current, marker, true));
915
446
  return () => current;
916
447
  }
917
448
  if (sharedConfig.context) {
@@ -920,7 +451,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
920
451
  let node = array[0];
921
452
  let nodes = [node];
922
453
  while ((node = node.nextSibling) !== marker) nodes.push(node);
923
- return (current = nodes);
454
+ return current = nodes;
924
455
  }
925
456
  if (array.length === 0) {
926
457
  current = cleanChildren(parent, current, marker);
@@ -935,9 +466,9 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
935
466
  }
936
467
  current = array;
937
468
  } else if (value.nodeType) {
938
- if (sharedConfig.context && value.parentNode) return (current = multi ? [value] : value);
469
+ if (sharedConfig.context && value.parentNode) return current = multi ? [value] : value;
939
470
  if (Array.isArray(current)) {
940
- if (multi) return (current = cleanChildren(parent, current, marker, value));
471
+ if (multi) return current = cleanChildren(parent, current, marker, value);
941
472
  cleanChildren(parent, current, null, value);
942
473
  } else if (current == null || current === "" || !parent.firstChild) {
943
474
  parent.appendChild(value);
@@ -952,28 +483,21 @@ function normalizeIncomingArray(normalized, array, current, unwrap) {
952
483
  let item = array[i],
953
484
  prev = current && current[i],
954
485
  t;
955
- if (item == null || item === true || item === false);
956
- else if ((t = typeof item) === "object" && item.nodeType) {
486
+ if (item == null || item === true || item === false) ; else if ((t = typeof item) === "object" && item.nodeType) {
957
487
  normalized.push(item);
958
488
  } else if (Array.isArray(item)) {
959
489
  dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic;
960
490
  } else if (t === "function") {
961
491
  if (unwrap) {
962
492
  while (typeof item === "function") item = item();
963
- dynamic =
964
- normalizeIncomingArray(
965
- normalized,
966
- Array.isArray(item) ? item : [item],
967
- Array.isArray(prev) ? prev : [prev]
968
- ) || dynamic;
493
+ dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic;
969
494
  } else {
970
495
  normalized.push(item);
971
496
  dynamic = true;
972
497
  }
973
498
  } else {
974
499
  const value = String(item);
975
- if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev);
976
- else normalized.push(document.createTextNode(value));
500
+ if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev);else normalized.push(document.createTextNode(value));
977
501
  }
978
502
  }
979
503
  return dynamic;
@@ -982,7 +506,7 @@ function appendNodes(parent, array, marker = null) {
982
506
  for (let i = 0, len = array.length; i < len; i++) parent.insertBefore(array[i], marker);
983
507
  }
984
508
  function cleanChildren(parent, current, marker, replacement) {
985
- if (marker === undefined) return (parent.textContent = "");
509
+ if (marker === undefined) return parent.textContent = "";
986
510
  const node = replacement || document.createTextNode("");
987
511
  if (current.length) {
988
512
  let inserted = false;
@@ -990,9 +514,7 @@ function cleanChildren(parent, current, marker, replacement) {
990
514
  const el = current[i];
991
515
  if (node !== el) {
992
516
  const isParent = el.parentNode === parent;
993
- if (!inserted && !i)
994
- isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker);
995
- else isParent && el.remove();
517
+ if (!inserted && !i) isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker);else isParent && el.remove();
996
518
  } else inserted = true;
997
519
  }
998
520
  } else parent.insertBefore(node, marker);
@@ -1003,8 +525,7 @@ function gatherHydratable(element, root) {
1003
525
  for (let i = 0; i < templates.length; i++) {
1004
526
  const node = templates[i];
1005
527
  const key = node.getAttribute("data-hk");
1006
- if ((!root || key.startsWith(root)) && !sharedConfig.registry.has(key))
1007
- sharedConfig.registry.set(key, node);
528
+ if ((!root || key.startsWith(root)) && !sharedConfig.registry.has(key)) sharedConfig.registry.set(key, node);
1008
529
  }
1009
530
  }
1010
531
  function getHydrationKey() {
@@ -1057,47 +578,42 @@ const hydrate = (...args) => {
1057
578
  return hydrate$1(...args);
1058
579
  };
1059
580
  function Portal(props) {
1060
- const { useShadow } = props,
581
+ const {
582
+ useShadow
583
+ } = props,
1061
584
  marker = document.createTextNode(""),
1062
585
  mount = () => props.mount || document.body,
1063
586
  owner = getOwner();
1064
587
  let content;
1065
588
  let hydrating = !!sharedConfig.context;
1066
- createEffect(
1067
- () => {
1068
- if (hydrating) getOwner().user = hydrating = false;
1069
- content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
1070
- const el = mount();
1071
- if (el instanceof HTMLHeadElement) {
1072
- const [clean, setClean] = createSignal(false);
1073
- const cleanup = () => setClean(true);
1074
- createRoot(dispose => insert(el, () => (!clean() ? content() : dispose()), null));
1075
- onCleanup(cleanup);
1076
- } else {
1077
- const container = createElement(props.isSVG ? "g" : "div", props.isSVG),
1078
- renderRoot =
1079
- useShadow && container.attachShadow
1080
- ? container.attachShadow({
1081
- mode: "open"
1082
- })
1083
- : container;
1084
- Object.defineProperty(container, "_$host", {
1085
- get() {
1086
- return marker.parentNode;
1087
- },
1088
- configurable: true
1089
- });
1090
- insert(renderRoot, content);
1091
- el.appendChild(container);
1092
- props.ref && props.ref(container);
1093
- onCleanup(() => el.removeChild(container));
1094
- }
1095
- },
1096
- undefined,
1097
- {
1098
- render: !hydrating
589
+ createEffect(() => {
590
+ if (hydrating) getOwner().user = hydrating = false;
591
+ content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
592
+ const el = mount();
593
+ if (el instanceof HTMLHeadElement) {
594
+ const [clean, setClean] = createSignal(false);
595
+ const cleanup = () => setClean(true);
596
+ createRoot(dispose => insert(el, () => !clean() ? content() : dispose(), null));
597
+ onCleanup(cleanup);
598
+ } else {
599
+ const container = createElement(props.isSVG ? "g" : "div", props.isSVG),
600
+ renderRoot = useShadow && container.attachShadow ? container.attachShadow({
601
+ mode: "open"
602
+ }) : container;
603
+ Object.defineProperty(container, "_$host", {
604
+ get() {
605
+ return marker.parentNode;
606
+ },
607
+ configurable: true
608
+ });
609
+ insert(renderRoot, content);
610
+ el.appendChild(container);
611
+ props.ref && props.ref(container);
612
+ onCleanup(() => el.removeChild(container));
1099
613
  }
1100
- );
614
+ }, undefined, {
615
+ render: !hydrating
616
+ });
1101
617
  return marker;
1102
618
  }
1103
619
  function Dynamic(props) {
@@ -1120,61 +636,4 @@ function Dynamic(props) {
1120
636
  });
1121
637
  }
1122
638
 
1123
- export {
1124
- Aliases,
1125
- voidFn as Assets,
1126
- ChildProperties,
1127
- DOMElements,
1128
- DelegatedEvents,
1129
- Dynamic,
1130
- Hydration,
1131
- voidFn as HydrationScript,
1132
- NoHydration,
1133
- Portal,
1134
- Properties,
1135
- RequestContext,
1136
- SVGElements,
1137
- SVGNamespace,
1138
- addEventListener,
1139
- assign,
1140
- classList,
1141
- className,
1142
- clearDelegatedEvents,
1143
- delegateEvents,
1144
- dynamicProperty,
1145
- escape,
1146
- voidFn as generateHydrationScript,
1147
- voidFn as getAssets,
1148
- getHydrationKey,
1149
- getNextElement,
1150
- getNextMarker,
1151
- getNextMatch,
1152
- getPropAlias,
1153
- voidFn as getRequestEvent,
1154
- hydrate,
1155
- innerHTML,
1156
- insert,
1157
- isDev,
1158
- isServer,
1159
- render,
1160
- renderToStream,
1161
- renderToString,
1162
- renderToStringAsync,
1163
- resolveSSRNode,
1164
- runHydrationEvents,
1165
- setAttribute,
1166
- setAttributeNS,
1167
- setProperty,
1168
- spread,
1169
- ssr,
1170
- ssrAttribute,
1171
- ssrClassList,
1172
- ssrElement,
1173
- ssrHydrationKey,
1174
- ssrSpread,
1175
- ssrStyle,
1176
- style,
1177
- template,
1178
- use,
1179
- voidFn as useAssets
1180
- };
639
+ export { Aliases, voidFn as Assets, ChildProperties, DOMElements, DelegatedEvents, Dynamic, Hydration, voidFn as HydrationScript, NoHydration, Portal, Properties, RequestContext, SVGElements, SVGNamespace, addEventListener, assign, classList, className, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, voidFn as generateHydrationScript, voidFn as getAssets, getHydrationKey, getNextElement, getNextMarker, getNextMatch, getPropAlias, voidFn as getRequestEvent, hydrate, innerHTML, insert, isDev, isServer, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, setProperty, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrSpread, ssrStyle, style, template, use, voidFn as useAssets };