solid-js 1.7.9 → 1.7.11

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 (48) hide show
  1. package/dist/dev.cjs +36 -20
  2. package/dist/dev.js +326 -548
  3. package/dist/server.cjs +38 -23
  4. package/dist/server.js +108 -192
  5. package/dist/solid.cjs +36 -20
  6. package/dist/solid.js +284 -475
  7. package/h/dist/h.js +8 -34
  8. package/h/jsx-runtime/dist/jsx.js +1 -1
  9. package/h/jsx-runtime/types/index.d.ts +8 -11
  10. package/h/types/hyperscript.d.ts +11 -11
  11. package/html/dist/html.js +94 -216
  12. package/html/types/lit.d.ts +31 -45
  13. package/package.json +1 -1
  14. package/store/dist/dev.cjs +4 -3
  15. package/store/dist/dev.js +46 -117
  16. package/store/dist/server.js +8 -19
  17. package/store/dist/store.cjs +4 -3
  18. package/store/dist/store.js +43 -108
  19. package/store/types/index.d.ts +7 -21
  20. package/store/types/modifiers.d.ts +3 -6
  21. package/store/types/mutable.d.ts +2 -5
  22. package/store/types/server.d.ts +4 -12
  23. package/store/types/store.d.ts +61 -215
  24. package/types/index.d.ts +9 -69
  25. package/types/reactive/array.d.ts +4 -12
  26. package/types/reactive/observable.d.ts +17 -25
  27. package/types/reactive/scheduler.d.ts +6 -9
  28. package/types/reactive/signal.d.ts +150 -236
  29. package/types/render/Suspense.d.ts +5 -5
  30. package/types/render/component.d.ts +31 -62
  31. package/types/render/flow.d.ts +31 -43
  32. package/types/render/hydration.d.ts +12 -12
  33. package/types/server/index.d.ts +2 -55
  34. package/types/server/reactive.d.ts +44 -72
  35. package/types/server/rendering.d.ts +95 -171
  36. package/universal/dist/dev.js +12 -28
  37. package/universal/dist/universal.js +12 -28
  38. package/universal/types/index.d.ts +1 -3
  39. package/universal/types/universal.d.ts +1 -0
  40. package/web/dist/dev.js +79 -610
  41. package/web/dist/server.cjs +5 -1
  42. package/web/dist/server.js +82 -177
  43. package/web/dist/web.js +79 -610
  44. package/web/types/client.d.ts +2 -2
  45. package/web/types/core.d.ts +1 -10
  46. package/web/types/index.d.ts +10 -27
  47. package/web/types/server-mock.d.ts +32 -47
  48. package/web/types/server.d.ts +1 -1
package/web/dist/web.js CHANGED
@@ -1,82 +1,14 @@
1
- import {
2
- createRoot,
3
- createRenderEffect,
4
- sharedConfig,
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, createRenderEffect, sharedConfig, 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
- "ismap",
46
- "loop",
47
- "multiple",
48
- "muted",
49
- "nomodule",
50
- "novalidate",
51
- "open",
52
- "playsinline",
53
- "readonly",
54
- "required",
55
- "reversed",
56
- "seamless",
57
- "selected"
58
- ];
59
- const Properties = /*#__PURE__*/ new Set([
60
- "className",
61
- "value",
62
- "readOnly",
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", "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), {
76
8
  className: "class",
77
9
  htmlFor: "for"
78
10
  });
79
- const PropAliases = /*#__PURE__*/ Object.assign(Object.create(null), {
11
+ const PropAliases = /*#__PURE__*/Object.assign(Object.create(null), {
80
12
  class: "className",
81
13
  formnovalidate: {
82
14
  $: "formNoValidate",
@@ -103,395 +35,19 @@ const PropAliases = /*#__PURE__*/ Object.assign(Object.create(null), {
103
35
  });
104
36
  function getPropAlias(prop, tagName) {
105
37
  const a = PropAliases[prop];
106
- return typeof a === "object" ? (a[tagName] ? a["$"] : undefined) : a;
107
- }
108
- const DelegatedEvents = /*#__PURE__*/ new Set([
109
- "beforeinput",
110
- "click",
111
- "dblclick",
112
- "contextmenu",
113
- "focusin",
114
- "focusout",
115
- "input",
116
- "keydown",
117
- "keyup",
118
- "mousedown",
119
- "mousemove",
120
- "mouseout",
121
- "mouseover",
122
- "mouseup",
123
- "pointerdown",
124
- "pointermove",
125
- "pointerout",
126
- "pointerover",
127
- "pointerup",
128
- "touchend",
129
- "touchmove",
130
- "touchstart"
131
- ]);
132
- const SVGElements = /*#__PURE__*/ new Set([
133
- "altGlyph",
134
- "altGlyphDef",
135
- "altGlyphItem",
136
- "animate",
137
- "animateColor",
138
- "animateMotion",
139
- "animateTransform",
140
- "circle",
141
- "clipPath",
142
- "color-profile",
143
- "cursor",
144
- "defs",
145
- "desc",
146
- "ellipse",
147
- "feBlend",
148
- "feColorMatrix",
149
- "feComponentTransfer",
150
- "feComposite",
151
- "feConvolveMatrix",
152
- "feDiffuseLighting",
153
- "feDisplacementMap",
154
- "feDistantLight",
155
- "feFlood",
156
- "feFuncA",
157
- "feFuncB",
158
- "feFuncG",
159
- "feFuncR",
160
- "feGaussianBlur",
161
- "feImage",
162
- "feMerge",
163
- "feMergeNode",
164
- "feMorphology",
165
- "feOffset",
166
- "fePointLight",
167
- "feSpecularLighting",
168
- "feSpotLight",
169
- "feTile",
170
- "feTurbulence",
171
- "filter",
172
- "font",
173
- "font-face",
174
- "font-face-format",
175
- "font-face-name",
176
- "font-face-src",
177
- "font-face-uri",
178
- "foreignObject",
179
- "g",
180
- "glyph",
181
- "glyphRef",
182
- "hkern",
183
- "image",
184
- "line",
185
- "linearGradient",
186
- "marker",
187
- "mask",
188
- "metadata",
189
- "missing-glyph",
190
- "mpath",
191
- "path",
192
- "pattern",
193
- "polygon",
194
- "polyline",
195
- "radialGradient",
196
- "rect",
197
- "set",
198
- "stop",
199
- "svg",
200
- "switch",
201
- "symbol",
202
- "text",
203
- "textPath",
204
- "tref",
205
- "tspan",
206
- "use",
207
- "view",
208
- "vkern"
209
- ]);
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"]);
210
46
  const SVGNamespace = {
211
47
  xlink: "http://www.w3.org/1999/xlink",
212
48
  xml: "http://www.w3.org/XML/1998/namespace"
213
49
  };
214
- const DOMElements = /*#__PURE__*/ new Set([
215
- "html",
216
- "base",
217
- "head",
218
- "link",
219
- "meta",
220
- "style",
221
- "title",
222
- "body",
223
- "address",
224
- "article",
225
- "aside",
226
- "footer",
227
- "header",
228
- "main",
229
- "nav",
230
- "section",
231
- "body",
232
- "blockquote",
233
- "dd",
234
- "div",
235
- "dl",
236
- "dt",
237
- "figcaption",
238
- "figure",
239
- "hr",
240
- "li",
241
- "ol",
242
- "p",
243
- "pre",
244
- "ul",
245
- "a",
246
- "abbr",
247
- "b",
248
- "bdi",
249
- "bdo",
250
- "br",
251
- "cite",
252
- "code",
253
- "data",
254
- "dfn",
255
- "em",
256
- "i",
257
- "kbd",
258
- "mark",
259
- "q",
260
- "rp",
261
- "rt",
262
- "ruby",
263
- "s",
264
- "samp",
265
- "small",
266
- "span",
267
- "strong",
268
- "sub",
269
- "sup",
270
- "time",
271
- "u",
272
- "var",
273
- "wbr",
274
- "area",
275
- "audio",
276
- "img",
277
- "map",
278
- "track",
279
- "video",
280
- "embed",
281
- "iframe",
282
- "object",
283
- "param",
284
- "picture",
285
- "portal",
286
- "source",
287
- "svg",
288
- "math",
289
- "canvas",
290
- "noscript",
291
- "script",
292
- "del",
293
- "ins",
294
- "caption",
295
- "col",
296
- "colgroup",
297
- "table",
298
- "tbody",
299
- "td",
300
- "tfoot",
301
- "th",
302
- "thead",
303
- "tr",
304
- "button",
305
- "datalist",
306
- "fieldset",
307
- "form",
308
- "input",
309
- "label",
310
- "legend",
311
- "meter",
312
- "optgroup",
313
- "option",
314
- "output",
315
- "progress",
316
- "select",
317
- "textarea",
318
- "details",
319
- "dialog",
320
- "menu",
321
- "summary",
322
- "details",
323
- "slot",
324
- "template",
325
- "acronym",
326
- "applet",
327
- "basefont",
328
- "bgsound",
329
- "big",
330
- "blink",
331
- "center",
332
- "content",
333
- "dir",
334
- "font",
335
- "frame",
336
- "frameset",
337
- "hgroup",
338
- "image",
339
- "keygen",
340
- "marquee",
341
- "menuitem",
342
- "nobr",
343
- "noembed",
344
- "noframes",
345
- "plaintext",
346
- "rb",
347
- "rtc",
348
- "shadow",
349
- "spacer",
350
- "strike",
351
- "tt",
352
- "xmp",
353
- "a",
354
- "abbr",
355
- "acronym",
356
- "address",
357
- "applet",
358
- "area",
359
- "article",
360
- "aside",
361
- "audio",
362
- "b",
363
- "base",
364
- "basefont",
365
- "bdi",
366
- "bdo",
367
- "bgsound",
368
- "big",
369
- "blink",
370
- "blockquote",
371
- "body",
372
- "br",
373
- "button",
374
- "canvas",
375
- "caption",
376
- "center",
377
- "cite",
378
- "code",
379
- "col",
380
- "colgroup",
381
- "content",
382
- "data",
383
- "datalist",
384
- "dd",
385
- "del",
386
- "details",
387
- "dfn",
388
- "dialog",
389
- "dir",
390
- "div",
391
- "dl",
392
- "dt",
393
- "em",
394
- "embed",
395
- "fieldset",
396
- "figcaption",
397
- "figure",
398
- "font",
399
- "footer",
400
- "form",
401
- "frame",
402
- "frameset",
403
- "head",
404
- "header",
405
- "hgroup",
406
- "hr",
407
- "html",
408
- "i",
409
- "iframe",
410
- "image",
411
- "img",
412
- "input",
413
- "ins",
414
- "kbd",
415
- "keygen",
416
- "label",
417
- "legend",
418
- "li",
419
- "link",
420
- "main",
421
- "map",
422
- "mark",
423
- "marquee",
424
- "menu",
425
- "menuitem",
426
- "meta",
427
- "meter",
428
- "nav",
429
- "nobr",
430
- "noembed",
431
- "noframes",
432
- "noscript",
433
- "object",
434
- "ol",
435
- "optgroup",
436
- "option",
437
- "output",
438
- "p",
439
- "param",
440
- "picture",
441
- "plaintext",
442
- "portal",
443
- "pre",
444
- "progress",
445
- "q",
446
- "rb",
447
- "rp",
448
- "rt",
449
- "rtc",
450
- "ruby",
451
- "s",
452
- "samp",
453
- "script",
454
- "section",
455
- "select",
456
- "shadow",
457
- "slot",
458
- "small",
459
- "source",
460
- "spacer",
461
- "span",
462
- "strike",
463
- "strong",
464
- "style",
465
- "sub",
466
- "summary",
467
- "sup",
468
- "table",
469
- "tbody",
470
- "td",
471
- "template",
472
- "textarea",
473
- "tfoot",
474
- "th",
475
- "thead",
476
- "time",
477
- "title",
478
- "tr",
479
- "track",
480
- "tt",
481
- "u",
482
- "ul",
483
- "var",
484
- "video",
485
- "wbr",
486
- "xmp",
487
- "input",
488
- "h1",
489
- "h2",
490
- "h3",
491
- "h4",
492
- "h5",
493
- "h6"
494
- ]);
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"]);
495
51
 
496
52
  function reconcileArrays(parentNode, a, b) {
497
53
  let bLength = b.length,
@@ -512,7 +68,7 @@ function reconcileArrays(parentNode, a, b) {
512
68
  bEnd--;
513
69
  }
514
70
  if (aEnd === aStart) {
515
- 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;
516
72
  while (bStart < bEnd) parentNode.insertBefore(b[bStart++], node);
517
73
  } else if (bEnd === bStart) {
518
74
  while (aStart < aEnd) {
@@ -555,9 +111,7 @@ function render(code, element, init, options = {}) {
555
111
  let disposer;
556
112
  createRoot(dispose => {
557
113
  disposer = dispose;
558
- element === document
559
- ? code()
560
- : insert(element, code(), element.firstChild ? null : undefined, init);
114
+ element === document ? code() : insert(element, code(), element.firstChild ? null : undefined, init);
561
115
  }, options.owner);
562
116
  return () => {
563
117
  disposer();
@@ -571,9 +125,7 @@ function template(html, isCE, isSVG) {
571
125
  t.innerHTML = html;
572
126
  return isSVG ? t.content.firstChild.firstChild : t.content.firstChild;
573
127
  };
574
- const fn = isCE
575
- ? () => untrack(() => document.importNode(node || (node = create()), true))
576
- : () => (node || (node = create())).cloneNode(true);
128
+ const fn = isCE ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
577
129
  fn.cloneNode = fn;
578
130
  return fn;
579
131
  }
@@ -594,16 +146,13 @@ function clearDelegatedEvents(document = window.document) {
594
146
  }
595
147
  }
596
148
  function setAttribute(node, name, value) {
597
- if (value == null) node.removeAttribute(name);
598
- else node.setAttribute(name, value);
149
+ if (value == null) node.removeAttribute(name);else node.setAttribute(name, value);
599
150
  }
600
151
  function setAttributeNS(node, namespace, name, value) {
601
- if (value == null) node.removeAttributeNS(namespace, name);
602
- else node.setAttributeNS(namespace, name, value);
152
+ if (value == null) node.removeAttributeNS(namespace, name);else node.setAttributeNS(namespace, name, value);
603
153
  }
604
154
  function className(node, value) {
605
- if (value == null) node.removeAttribute("class");
606
- else node.className = value;
155
+ if (value == null) node.removeAttribute("class");else node.className = value;
607
156
  }
608
157
  function addEventListener(node, name, handler, delegate) {
609
158
  if (delegate) {
@@ -613,7 +162,7 @@ function addEventListener(node, name, handler, delegate) {
613
162
  } else node[`$$${name}`] = handler;
614
163
  } else if (Array.isArray(handler)) {
615
164
  const handlerFn = handler[0];
616
- node.addEventListener(name, (handler[0] = e => handlerFn.call(node, handler[1], e)));
165
+ node.addEventListener(name, handler[0] = e => handlerFn.call(node, handler[1], e));
617
166
  } else node.addEventListener(name, handler);
618
167
  }
619
168
  function classList(node, value, prev = {}) {
@@ -638,7 +187,7 @@ function classList(node, value, prev = {}) {
638
187
  function style(node, value, prev) {
639
188
  if (!value) return prev ? setAttribute(node, "style") : value;
640
189
  const nodeStyle = node.style;
641
- if (typeof value === "string") return (nodeStyle.cssText = value);
190
+ if (typeof value === "string") return nodeStyle.cssText = value;
642
191
  typeof prev === "string" && (nodeStyle.cssText = prev = undefined);
643
192
  prev || (prev = {});
644
193
  value || (value = {});
@@ -659,9 +208,7 @@ function style(node, value, prev) {
659
208
  function spread(node, props = {}, isSVG, skipChildren) {
660
209
  const prevProps = {};
661
210
  if (!skipChildren) {
662
- createRenderEffect(
663
- () => (prevProps.children = insertExpression(node, props.children, prevProps.children))
664
- );
211
+ createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children));
665
212
  }
666
213
  createRenderEffect(() => props.ref && props.ref(node));
667
214
  createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true));
@@ -722,7 +269,7 @@ function hydrate$1(code, element, options = {}) {
722
269
  }
723
270
  function getNextElement(template) {
724
271
  let node, key;
725
- if (!sharedConfig.context || !(node = sharedConfig.registry.get((key = getHydrationKey())))) {
272
+ if (!sharedConfig.context || !(node = sharedConfig.registry.get(key = getHydrationKey()))) {
726
273
  if (sharedConfig.context) console.warn("Unable to find DOM nodes for hydration key:", key);
727
274
  if (!template) throw new Error("Unrecoverable Hydration Mismatch. No template for key: " + key);
728
275
  return template();
@@ -743,8 +290,7 @@ function getNextMarker(start) {
743
290
  while (end) {
744
291
  if (end.nodeType === 8) {
745
292
  const v = end.nodeValue;
746
- if (v === "#") count++;
747
- else if (v === "/") {
293
+ if (v === "#") count++;else if (v === "/") {
748
294
  if (count === 0) return [end, current];
749
295
  count--;
750
296
  }
@@ -758,7 +304,10 @@ function getNextMarker(start) {
758
304
  function runHydrationEvents() {
759
305
  if (sharedConfig.events && !sharedConfig.events.queued) {
760
306
  queueMicrotask(() => {
761
- const { completed, events } = sharedConfig;
307
+ const {
308
+ completed,
309
+ events
310
+ } = sharedConfig;
762
311
  events.queued = false;
763
312
  while (events.length) {
764
313
  const [el, e] = events[0];
@@ -775,8 +324,7 @@ function toPropertyName(name) {
775
324
  }
776
325
  function toggleClassKey(node, key, value) {
777
326
  const classNames = key.trim().split(/\s+/);
778
- for (let i = 0, nameLen = classNames.length; i < nameLen; i++)
779
- node.classList.toggle(classNames[i], value);
327
+ for (let i = 0, nameLen = classNames.length; i < nameLen; i++) node.classList.toggle(classNames[i], value);
780
328
  }
781
329
  function assignProp(node, prop, value, prev, isSVG, skipRef) {
782
330
  let isCE, isProp, isChildProp, propAlias, forceProp;
@@ -806,30 +354,21 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
806
354
  }
807
355
  } else if (prop.slice(0, 5) === "attr:") {
808
356
  setAttribute(node, prop.slice(5), value);
809
- } else if (
810
- (forceProp = prop.slice(0, 5) === "prop:") ||
811
- (isChildProp = ChildProperties.has(prop)) ||
812
- (!isSVG &&
813
- ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop)))) ||
814
- (isCE = node.nodeName.includes("-"))
815
- ) {
357
+ } 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("-"))) {
816
358
  if (forceProp) {
817
359
  prop = prop.slice(5);
818
360
  isProp = true;
819
361
  }
820
- if (prop === "class" || prop === "className") className(node, value);
821
- else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;
822
- else node[propAlias || prop] = value;
362
+ if (prop === "class" || prop === "className") className(node, value);else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;else node[propAlias || prop] = value;
823
363
  } else {
824
364
  const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]];
825
- if (ns) setAttributeNS(node, ns, prop, value);
826
- else setAttribute(node, Aliases[prop] || prop, value);
365
+ if (ns) setAttributeNS(node, ns, prop, value);else setAttribute(node, Aliases[prop] || prop, value);
827
366
  }
828
367
  return value;
829
368
  }
830
369
  function eventHandler(e) {
831
370
  const key = `$$${e.type}`;
832
- let node = (e.composedPath && e.composedPath()[0]) || e.target;
371
+ let node = e.composedPath && e.composedPath()[0] || e.target;
833
372
  if (e.target !== node) {
834
373
  Object.defineProperty(e, "target", {
835
374
  configurable: true,
@@ -859,8 +398,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
859
398
  let cleaned = [];
860
399
  for (let i = 0; i < current.length; i++) {
861
400
  const node = current[i];
862
- if (node.nodeType === 8 && node.data.slice(0, 2) === "!$") node.remove();
863
- else cleaned.push(node);
401
+ if (node.nodeType === 8 && node.data.slice(0, 2) === "!$") node.remove();else cleaned.push(node);
864
402
  }
865
403
  current = cleaned;
866
404
  }
@@ -868,7 +406,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
868
406
  if (value === current) return current;
869
407
  const t = typeof value,
870
408
  multi = marker !== undefined;
871
- parent = (multi && current[0] && current[0].parentNode) || parent;
409
+ parent = multi && current[0] && current[0].parentNode || parent;
872
410
  if (t === "string" || t === "number") {
873
411
  if (sharedConfig.context) return current;
874
412
  if (t === "number") value = value.toString();
@@ -897,13 +435,13 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
897
435
  const array = [];
898
436
  const currentArray = current && Array.isArray(current);
899
437
  if (normalizeIncomingArray(array, value, current, unwrapArray)) {
900
- createRenderEffect(() => (current = insertExpression(parent, array, current, marker, true)));
438
+ createRenderEffect(() => current = insertExpression(parent, array, current, marker, true));
901
439
  return () => current;
902
440
  }
903
441
  if (sharedConfig.context) {
904
442
  if (!array.length) return current;
905
443
  for (let i = 0; i < array.length; i++) {
906
- if (array[i].parentNode) return (current = array);
444
+ if (array[i].parentNode) return current = array;
907
445
  }
908
446
  }
909
447
  if (array.length === 0) {
@@ -919,9 +457,9 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
919
457
  }
920
458
  current = array;
921
459
  } else if (value.nodeType) {
922
- if (sharedConfig.context && value.parentNode) return (current = multi ? [value] : value);
460
+ if (sharedConfig.context && value.parentNode) return current = multi ? [value] : value;
923
461
  if (Array.isArray(current)) {
924
- if (multi) return (current = cleanChildren(parent, current, marker, value));
462
+ if (multi) return current = cleanChildren(parent, current, marker, value);
925
463
  cleanChildren(parent, current, null, value);
926
464
  } else if (current == null || current === "" || !parent.firstChild) {
927
465
  parent.appendChild(value);
@@ -936,28 +474,21 @@ function normalizeIncomingArray(normalized, array, current, unwrap) {
936
474
  let item = array[i],
937
475
  prev = current && current[i],
938
476
  t;
939
- if (item == null || item === true || item === false);
940
- else if ((t = typeof item) === "object" && item.nodeType) {
477
+ if (item == null || item === true || item === false) ; else if ((t = typeof item) === "object" && item.nodeType) {
941
478
  normalized.push(item);
942
479
  } else if (Array.isArray(item)) {
943
480
  dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic;
944
481
  } else if (t === "function") {
945
482
  if (unwrap) {
946
483
  while (typeof item === "function") item = item();
947
- dynamic =
948
- normalizeIncomingArray(
949
- normalized,
950
- Array.isArray(item) ? item : [item],
951
- Array.isArray(prev) ? prev : [prev]
952
- ) || dynamic;
484
+ dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic;
953
485
  } else {
954
486
  normalized.push(item);
955
487
  dynamic = true;
956
488
  }
957
489
  } else {
958
490
  const value = String(item);
959
- if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev);
960
- else normalized.push(document.createTextNode(value));
491
+ if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev);else normalized.push(document.createTextNode(value));
961
492
  }
962
493
  }
963
494
  return dynamic;
@@ -966,7 +497,7 @@ function appendNodes(parent, array, marker = null) {
966
497
  for (let i = 0, len = array.length; i < len; i++) parent.insertBefore(array[i], marker);
967
498
  }
968
499
  function cleanChildren(parent, current, marker, replacement) {
969
- if (marker === undefined) return (parent.textContent = "");
500
+ if (marker === undefined) return parent.textContent = "";
970
501
  const node = replacement || document.createTextNode("");
971
502
  if (current.length) {
972
503
  let inserted = false;
@@ -974,9 +505,7 @@ function cleanChildren(parent, current, marker, replacement) {
974
505
  const el = current[i];
975
506
  if (node !== el) {
976
507
  const isParent = el.parentNode === parent;
977
- if (!inserted && !i)
978
- isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker);
979
- else isParent && el.remove();
508
+ if (!inserted && !i) isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker);else isParent && el.remove();
980
509
  } else inserted = true;
981
510
  }
982
511
  } else parent.insertBefore(node, marker);
@@ -987,8 +516,7 @@ function gatherHydratable(element, root) {
987
516
  for (let i = 0; i < templates.length; i++) {
988
517
  const node = templates[i];
989
518
  const key = node.getAttribute("data-hk");
990
- if ((!root || key.startsWith(root)) && !sharedConfig.registry.has(key))
991
- sharedConfig.registry.set(key, node);
519
+ if ((!root || key.startsWith(root)) && !sharedConfig.registry.has(key)) sharedConfig.registry.set(key, node);
992
520
  }
993
521
  }
994
522
  function getHydrationKey() {
@@ -1037,47 +565,42 @@ const hydrate = (...args) => {
1037
565
  return hydrate$1(...args);
1038
566
  };
1039
567
  function Portal(props) {
1040
- const { useShadow } = props,
568
+ const {
569
+ useShadow
570
+ } = props,
1041
571
  marker = document.createTextNode(""),
1042
572
  mount = () => props.mount || document.body,
1043
573
  owner = getOwner();
1044
574
  let content;
1045
575
  let hydrating = !!sharedConfig.context;
1046
- createEffect(
1047
- () => {
1048
- if (hydrating) getOwner().user = hydrating = false;
1049
- content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
1050
- const el = mount();
1051
- if (el instanceof HTMLHeadElement) {
1052
- const [clean, setClean] = createSignal(false);
1053
- const cleanup = () => setClean(true);
1054
- createRoot(dispose => insert(el, () => (!clean() ? content() : dispose()), null));
1055
- onCleanup(cleanup);
1056
- } else {
1057
- const container = createElement(props.isSVG ? "g" : "div", props.isSVG),
1058
- renderRoot =
1059
- useShadow && container.attachShadow
1060
- ? container.attachShadow({
1061
- mode: "open"
1062
- })
1063
- : container;
1064
- Object.defineProperty(container, "_$host", {
1065
- get() {
1066
- return marker.parentNode;
1067
- },
1068
- configurable: true
1069
- });
1070
- insert(renderRoot, content);
1071
- el.appendChild(container);
1072
- props.ref && props.ref(container);
1073
- onCleanup(() => el.removeChild(container));
1074
- }
1075
- },
1076
- undefined,
1077
- {
1078
- render: !hydrating
576
+ createEffect(() => {
577
+ if (hydrating) getOwner().user = hydrating = false;
578
+ content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
579
+ const el = mount();
580
+ if (el instanceof HTMLHeadElement) {
581
+ const [clean, setClean] = createSignal(false);
582
+ const cleanup = () => setClean(true);
583
+ createRoot(dispose => insert(el, () => !clean() ? content() : dispose(), null));
584
+ onCleanup(cleanup);
585
+ } else {
586
+ const container = createElement(props.isSVG ? "g" : "div", props.isSVG),
587
+ renderRoot = useShadow && container.attachShadow ? container.attachShadow({
588
+ mode: "open"
589
+ }) : container;
590
+ Object.defineProperty(container, "_$host", {
591
+ get() {
592
+ return marker.parentNode;
593
+ },
594
+ configurable: true
595
+ });
596
+ insert(renderRoot, content);
597
+ el.appendChild(container);
598
+ props.ref && props.ref(container);
599
+ onCleanup(() => el.removeChild(container));
1079
600
  }
1080
- );
601
+ }, undefined, {
602
+ render: !hydrating
603
+ });
1081
604
  return marker;
1082
605
  }
1083
606
  function Dynamic(props) {
@@ -1100,58 +623,4 @@ function Dynamic(props) {
1100
623
  });
1101
624
  }
1102
625
 
1103
- export {
1104
- Aliases,
1105
- voidFn as Assets,
1106
- ChildProperties,
1107
- DOMElements,
1108
- DelegatedEvents,
1109
- Dynamic,
1110
- Hydration,
1111
- voidFn as HydrationScript,
1112
- NoHydration,
1113
- Portal,
1114
- Properties,
1115
- SVGElements,
1116
- SVGNamespace,
1117
- addEventListener,
1118
- assign,
1119
- classList,
1120
- className,
1121
- clearDelegatedEvents,
1122
- delegateEvents,
1123
- dynamicProperty,
1124
- escape,
1125
- voidFn as generateHydrationScript,
1126
- voidFn as getAssets,
1127
- getHydrationKey,
1128
- getNextElement,
1129
- getNextMarker,
1130
- getNextMatch,
1131
- getPropAlias,
1132
- hydrate,
1133
- innerHTML,
1134
- insert,
1135
- isDev,
1136
- isServer,
1137
- render,
1138
- renderToStream,
1139
- renderToString,
1140
- renderToStringAsync,
1141
- resolveSSRNode,
1142
- runHydrationEvents,
1143
- setAttribute,
1144
- setAttributeNS,
1145
- spread,
1146
- ssr,
1147
- ssrAttribute,
1148
- ssrClassList,
1149
- ssrElement,
1150
- ssrHydrationKey,
1151
- ssrSpread,
1152
- ssrStyle,
1153
- style,
1154
- template,
1155
- use,
1156
- voidFn as useAssets
1157
- };
626
+ export { Aliases, voidFn as Assets, ChildProperties, DOMElements, DelegatedEvents, Dynamic, Hydration, voidFn as HydrationScript, NoHydration, Portal, Properties, SVGElements, SVGNamespace, addEventListener, assign, classList, className, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, voidFn as generateHydrationScript, voidFn as getAssets, getHydrationKey, getNextElement, getNextMarker, getNextMatch, getPropAlias, hydrate, innerHTML, insert, isDev, isServer, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, spread, ssr, ssrAttribute, ssrClassList, ssrElement, ssrHydrationKey, ssrSpread, ssrStyle, style, template, use, voidFn as useAssets };