solid-js 1.8.1 → 1.8.2

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