@torpor/view 0.4.4 → 0.4.6

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 (126) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/compile.cjs +89 -65
  3. package/dist/compile.cjs.map +1 -1
  4. package/dist/compile.js +89 -65
  5. package/dist/compile.js.map +1 -1
  6. package/dist/index.cjs +1 -1
  7. package/dist/index.cjs.map +1 -1
  8. package/dist/index.d.cts +1 -1
  9. package/dist/index.d.ts +1 -1
  10. package/dist/index.js +1 -1
  11. package/dist/index.js.map +1 -1
  12. package/package.json +7 -7
  13. package/src/compile/build/client/buildAwaitNode.ts +3 -2
  14. package/src/compile/build/client/buildCode.ts +14 -11
  15. package/src/compile/build/client/buildComponentNode.ts +15 -13
  16. package/src/compile/build/client/buildElementNode.ts +5 -4
  17. package/src/compile/build/client/buildForNode.ts +22 -12
  18. package/src/compile/build/client/buildHtmlNode.ts +14 -2
  19. package/src/compile/build/client/buildIfNode.ts +3 -2
  20. package/src/compile/build/client/buildSwitchNode.ts +3 -2
  21. package/src/compile/parse/parseCode.ts +5 -2
  22. package/src/compile/parse/parseTag.ts +4 -0
  23. package/src/compile/parse/scopeStyles.ts +13 -12
  24. package/src/render/runControl.ts +1 -1
  25. package/test/bind/components/output/BindComponent-client.ts +3 -1
  26. package/test/bind/components/temp/{BindComponent-client-9da323149e29bbb0d7eaf5a86ed541357f1219f8.ts → BindComponent-client-59dbb5565268702ed2935e7e8cc7609b0f956bdc.ts} +3 -1
  27. package/test/child-component/components/output/ChildComponent-client.ts +3 -1
  28. package/test/child-component/components/temp/{ChildComponent-client-6033ce1f59fe1ce3f3dfb3d7845807e7f047b18d.ts → ChildComponent-client-a0ac41e8516d1584b2318770b6a5fc791e07b53b.ts} +3 -1
  29. package/test/class/components/output/Class-client.ts +3 -1
  30. package/test/class/components/temp/{Class-client-a5e3f4dd7b0272d69b856f3ef4aa43b83bc2d849.ts → Class-client-28a59ce1bd5ccd2c6cc48d803216a5346fcf2329.ts} +3 -1
  31. package/test/component/components/output/Component-client.ts +3 -1
  32. package/test/component/components/temp/{Component-client-ff200ee2a7a5f08d0473fddffa1f3ba5eb641d2a.ts → Component-client-475c9724b22ebc18149075860326ffd395c4caa0.ts} +3 -1
  33. package/test/effects/components/output/ForEffect-client.ts +3 -1
  34. package/test/effects/components/temp/{ForEffect-client-b1cff64d6b44a881a4bcf4b1a3dee3fa64c9ec7b.ts → ForEffect-client-841255d13e0691d88345d9ea89c5fb021ca4db02.ts} +3 -1
  35. package/test/for/components/output/For-client.ts +3 -1
  36. package/test/for/components/output/ForAfterFor-client.ts +6 -2
  37. package/test/for/components/output/ForContainingFor-client.ts +6 -2
  38. package/test/for/components/output/ForContainingFunction-client.ts +3 -1
  39. package/test/for/components/output/ForContainingIf-client.ts +3 -1
  40. package/test/for/components/output/ForEscape-client.ts +3 -1
  41. package/test/for/components/output/ForIn-client.ts +3 -1
  42. package/test/for/components/output/ForOf-client.ts +3 -1
  43. package/test/for/components/temp/{For-client-8fd92bf0c26cb8e97006a302104ebb2fdcd2e818.ts → For-client-69c16449ab9b63fd8ace8cb1364105a80e6e1c40.ts} +3 -1
  44. package/test/for/components/temp/{ForAfterFor-client-509955ddc13396ede05c9986a6dcc8bbebd00cf3.ts → ForAfterFor-client-b57ee13c70d8504456dbb5f75efd9defecab8cd1.ts} +6 -2
  45. package/test/for/components/temp/{ForContainingFor-client-4f600c73a6583c84d981a82fae42332f983f0b36.ts → ForContainingFor-client-bc5cc8b51b248bebc28fdba5e69d56af4148a66a.ts} +6 -2
  46. package/test/for/components/temp/{ForContainingFunction-client-9bacc4a7214f2385d98b358d29443363f8b9e78d.ts → ForContainingFunction-client-f29a23d27f5458760406127c58520d6abf924409.ts} +3 -1
  47. package/test/for/components/temp/{ForContainingIf-client-92b3c13b0fbe3d7900c05dd2e833d8e51d1bc66c.ts → ForContainingIf-client-da96adc2e61301142e0728b55665ef241c19f9a4.ts} +3 -1
  48. package/test/for/components/temp/{ForEscape-client-29cdd1ae0528a32f5737295287489e9bbd42889d.ts → ForEscape-client-f2b7590f8e93981bc0cd0c0845ad22df1dc050b6.ts} +3 -1
  49. package/test/for/components/temp/{ForIn-client-fffaa596adb40e4067931af81cc13fc971dd1813.ts → ForIn-client-8754824447479fba5ba3676b5c1dcb1e3591575f.ts} +3 -1
  50. package/test/for/components/temp/{ForOf-client-e6d0948fbd00bfbcbc7099f84331bc3d493abc28.ts → ForOf-client-852d13b24329f89bd864313bc376f73174b9965e.ts} +3 -1
  51. package/test/html/components/output/Html-client.ts +1 -1
  52. package/test/html/components/temp/{Html-client-14bf031fae1c40ea86913ca71aee00b947d88b4d.ts → Html-client-2e1b6cfd24f6114f3e9b0fb0adc0022841c2196b.ts} +1 -1
  53. package/test/if/components/output/IfContainingFor-client.ts +3 -1
  54. package/test/if/components/temp/{IfContainingFor-client-a1246616d908018a77caa27aca6f9fa63e325960.ts → IfContainingFor-client-dc70bb4ae31c2320b4e22f4f26d87d5650667713.ts} +3 -1
  55. package/test/party/components/output/EmitToParent-client.ts +4 -1
  56. package/test/party/components/output/InputSelect-client.ts +3 -1
  57. package/test/party/components/output/Loop-client.ts +4 -1
  58. package/test/party/components/output/Props-client.ts +6 -1
  59. package/test/party/components/temp/{EmitToParent-client-02c78412e4cacc27cbc857d68d5a064474ccc882.ts → EmitToParent-client-3666116e65f3e8d4dbb0782d93f631a855b094ec.ts} +4 -1
  60. package/test/party/components/temp/{InputSelect-client-49f9978ab5f32d13ada9d1c3d7522cbafa4c3cc7.ts → InputSelect-client-6827b541b2a0569745e21823bc3420bdfff746b2.ts} +3 -1
  61. package/test/party/components/temp/{Loop-client-d8be7f7caf99d17b048d915d2dbe1db97c44aecf.ts → Loop-client-79bc3b13d7f6a733694cb5f3ee4b91667ea5c5b5.ts} +4 -1
  62. package/test/party/components/temp/{Props-client-c126fe2030c202b8371f72d8395d0a210a0d67c2.ts → Props-client-7dbf4a9aecc5b1890492db1d30904341bfd0e9eb.ts} +6 -1
  63. package/test/props/components/output/Reactive-client.ts +3 -1
  64. package/test/props/components/temp/{Reactive-client-626575b72eeb6e7eafe7352f0acda1502b0c3d37.ts → Reactive-client-dc9aadcdcb4a950141942769806a1017c9076b20.ts} +3 -1
  65. package/test/slots/components/output/LetSlot-client.ts +6 -2
  66. package/test/slots/components/temp/{LetSlot-client-2cd77fd4f84810a55926f0265a9b780516982d5b.ts → LetSlot-client-328fd8a9fcfc6b68c0380f99d3f09ede33babc2f.ts} +6 -2
  67. package/test/special-component/components/output/SpecialComponent-client.ts +2 -1
  68. package/test/special-component/components/temp/{SpecialComponent-client-1955ef6a59b67e29ea076ed28758625922ff7d7b.ts → SpecialComponent-client-4a9face6c61d943cd94c995b174877f08a6af9f4.ts} +2 -1
  69. package/test/special-self/components/output/SpecialSelf-client.ts +3 -1
  70. package/test/special-self/components/temp/{SpecialSelf-client-126d3318d9aee9b2e6309c0ae5b91b2e56e9e647.ts → SpecialSelf-client-baf46bd8104e26f37e699a1a0918ea2d8f1a8e8a.ts} +3 -1
  71. package/test/watch-array/components/output/ArrayAllFunctions-client.ts +4 -1
  72. package/test/watch-array/components/output/ArrayAllFunctionsUnkeyed-client.ts +3 -1
  73. package/test/watch-array/components/output/ArrayEmpty-client.ts +4 -1
  74. package/test/watch-array/components/output/ArrayEntries-client.ts +4 -2
  75. package/test/watch-array/components/output/ArrayIndexes-client.ts +4 -1
  76. package/test/watch-array/components/output/ArrayPop-client.ts +4 -1
  77. package/test/watch-array/components/output/ArrayPush-client.ts +4 -1
  78. package/test/watch-array/components/output/ArrayReassign-client.ts +4 -1
  79. package/test/watch-array/components/output/ArrayReverse-client.ts +4 -1
  80. package/test/watch-array/components/output/ArraySetObject-client.ts +4 -1
  81. package/test/watch-array/components/output/ArraySetProperty-client.ts +4 -1
  82. package/test/watch-array/components/output/ArrayShift-client.ts +4 -1
  83. package/test/watch-array/components/output/ArraySort-client.ts +4 -1
  84. package/test/watch-array/components/output/ArraySpliceAdd-client.ts +4 -1
  85. package/test/watch-array/components/output/ArraySpliceDelete-client.ts +4 -1
  86. package/test/watch-array/components/output/ArraySpliceDeleteAll-client.ts +4 -1
  87. package/test/watch-array/components/output/ArraySpliceDeleteAndAdd-client.ts +4 -1
  88. package/test/watch-array/components/output/ArraySpliceDeleteEnd-client.ts +4 -1
  89. package/test/watch-array/components/output/ArraySwap-client.ts +4 -1
  90. package/test/watch-array/components/output/ArrayUnshift-client.ts +4 -1
  91. package/test/watch-array/components/output/ArrayUpdateAssignment-client.ts +4 -1
  92. package/test/watch-array/components/temp/{ArrayPush-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts → ArrayAllFunctions-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts} +4 -1
  93. package/test/watch-array/components/temp/{ArrayAllFunctionsUnkeyed-client-9d10d33225715295edde4c036977dfbc57e3fda9.ts → ArrayAllFunctionsUnkeyed-client-f60e58a2cf8361b50f0598aa021576b320716897.ts} +3 -1
  94. package/test/watch-array/components/temp/{ArrayEmpty-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts → ArrayEmpty-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts} +4 -1
  95. package/test/watch-array/components/temp/{ArrayEntries-client-ef539f1f3238595af775cdcdf0fe43608e9e9162.ts → ArrayEntries-client-2d9b2fcda6b7706ef82b8d4bb590f5fab77fdcdd.ts} +4 -2
  96. package/test/watch-array/components/temp/{ArrayIndexes-client-e57339b7f87549f78154ccbaaf1a9b35d5844a5e.ts → ArrayIndexes-client-b30b5caaf0f9a559730dce0ab966da6de84abbc9.ts} +4 -1
  97. package/test/watch-array/components/temp/{ArrayAllFunctions-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts → ArrayPop-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts} +4 -1
  98. package/test/watch-array/components/temp/{ArrayPop-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts → ArrayPush-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts} +4 -1
  99. package/test/watch-array/components/temp/ArrayReassign-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  100. package/test/watch-array/components/temp/ArrayReverse-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  101. package/test/watch-array/components/temp/ArraySetObject-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  102. package/test/watch-array/components/temp/ArraySetProperty-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  103. package/test/watch-array/components/temp/ArrayShift-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  104. package/test/watch-array/components/temp/ArraySort-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  105. package/test/watch-array/components/temp/ArraySpliceAdd-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  106. package/test/watch-array/components/temp/ArraySpliceDelete-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  107. package/test/watch-array/components/temp/ArraySpliceDeleteAll-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  108. package/test/watch-array/components/temp/ArraySpliceDeleteAndAdd-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  109. package/test/watch-array/components/temp/ArraySpliceDeleteEnd-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  110. package/test/watch-array/components/temp/ArraySwap-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  111. package/test/watch-array/components/temp/ArrayUnshift-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  112. package/test/watch-array/components/temp/ArrayUpdateAssignment-client-fcd44b588ebc667ff1e645ac95ea9ce6511dde04.ts +83 -0
  113. package/test/watch-array/components/temp/ArrayReassign-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
  114. package/test/watch-array/components/temp/ArrayReverse-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
  115. package/test/watch-array/components/temp/ArraySetObject-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
  116. package/test/watch-array/components/temp/ArraySetProperty-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
  117. package/test/watch-array/components/temp/ArrayShift-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
  118. package/test/watch-array/components/temp/ArraySort-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
  119. package/test/watch-array/components/temp/ArraySpliceAdd-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
  120. package/test/watch-array/components/temp/ArraySpliceDelete-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
  121. package/test/watch-array/components/temp/ArraySpliceDeleteAll-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
  122. package/test/watch-array/components/temp/ArraySpliceDeleteAndAdd-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
  123. package/test/watch-array/components/temp/ArraySpliceDeleteEnd-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
  124. package/test/watch-array/components/temp/ArraySwap-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
  125. package/test/watch-array/components/temp/ArrayUnshift-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
  126. package/test/watch-array/components/temp/ArrayUpdateAssignment-client-bf2caf578a29ef32ca77f51ec2402c6034c219db.ts +0 -80
@@ -45,7 +45,9 @@ export default function ForIn(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let key in $props.item) {
48
- let t_new_item_1 = t_list_item({ key }, undefined);
48
+ let t_new_item_1 = t_list_item(
49
+ { key },
50
+ );
49
51
  t_new_item_1.previousRegion = t_previous_item_1;
50
52
  t_previous_item_1.nextRegion = t_new_item_1;
51
53
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,9 @@ export default function ForOf(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, undefined);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ );
49
51
  t_new_item_1.previousRegion = t_previous_item_1;
50
52
  t_previous_item_1.nextRegion = t_new_item_1;
51
53
  t_previous_item_1 = t_new_item_1;
@@ -34,7 +34,7 @@ export default function Html(
34
34
  t_run_control(t_html_region_1, t_html_anchor_1, (t_before) => {
35
35
  $props.html;
36
36
  t_run_branch(t_html_region_1, () => {
37
- const t_template_1 = document.createElement("template");
37
+ let t_template_1 = document.createElement("template");
38
38
  t_template_1.innerHTML = $props.html;
39
39
  let t_fragment_1 = t_template_1.content.cloneNode(true) as DocumentFragment;
40
40
  t_add_fragment(t_fragment_1, t_html_parent_1, t_before);
@@ -34,7 +34,7 @@ export default function Html(
34
34
  t_run_control(t_html_region_1, t_html_anchor_1, (t_before) => {
35
35
  $props.html;
36
36
  t_run_branch(t_html_region_1, () => {
37
- const t_template_1 = document.createElement("template");
37
+ let t_template_1 = document.createElement("template");
38
38
  t_template_1.innerHTML = $props.html;
39
39
  let t_fragment_1 = t_template_1.content.cloneNode(true) as DocumentFragment;
40
40
  t_add_fragment(t_fragment_1, t_html_parent_1, t_before);
@@ -58,7 +58,9 @@ export default function IfContainingIf(
58
58
  let t_previous_item_1 = t_for_region_1;
59
59
  let t_next_item_1 = t_for_region_1.nextRegion;
60
60
  for (let i = 0; i < $props.counter; i++) {
61
- let t_new_item_1 = t_list_item({ i }, undefined);
61
+ let t_new_item_1 = t_list_item(
62
+ { i },
63
+ );
62
64
  t_new_item_1.previousRegion = t_previous_item_1;
63
65
  t_previous_item_1.nextRegion = t_new_item_1;
64
66
  t_previous_item_1 = t_new_item_1;
@@ -58,7 +58,9 @@ export default function IfContainingIf(
58
58
  let t_previous_item_1 = t_for_region_1;
59
59
  let t_next_item_1 = t_for_region_1.nextRegion;
60
60
  for (let i = 0; i < $props.counter; i++) {
61
- let t_new_item_1 = t_list_item({ i }, undefined);
61
+ let t_new_item_1 = t_list_item(
62
+ { i },
63
+ );
62
64
  t_new_item_1.previousRegion = t_previous_item_1;
63
65
  t_previous_item_1.nextRegion = t_new_item_1;
64
66
  t_previous_item_1 = t_new_item_1;
@@ -43,7 +43,10 @@ export default function AnswerButtonApp(
43
43
  let t_comp_anchor_1 = t_anchor(t_next(t_next(t_next(t_root_0), true))) as HTMLElement;
44
44
 
45
45
  /* @component */
46
- const t_props_1 = $watch({ onYes: onAnswerYes, onNo: onAnswerNo });
46
+ const t_props_1 = $watch({
47
+ onYes: onAnswerYes,
48
+ onNo: onAnswerNo,
49
+ });
47
50
  $run(() => {
48
51
  t_props_1["onYes"] = onAnswerYes;
49
52
  t_props_1["onNo"] = onAnswerNo;
@@ -61,7 +61,9 @@ export default function ColorSelect(
61
61
  let t_previous_item_1 = t_for_region_1;
62
62
  let t_next_item_1 = t_for_region_1.nextRegion;
63
63
  for (let color of colors) {
64
- let t_new_item_1 = t_list_item({ color }, undefined);
64
+ let t_new_item_1 = t_list_item(
65
+ { color },
66
+ );
65
67
  t_new_item_1.previousRegion = t_previous_item_1;
66
68
  t_previous_item_1.nextRegion = t_new_item_1;
67
69
  t_previous_item_1 = t_new_item_1;
@@ -48,7 +48,10 @@ export default function Colors(
48
48
  let t_previous_item_1 = t_for_region_1;
49
49
  let t_next_item_1 = t_for_region_1.nextRegion;
50
50
  for (let color of colors) {
51
- let t_new_item_1 = t_list_item({ color }, color);
51
+ let t_new_item_1 = t_list_item(
52
+ { color },
53
+ color,
54
+ );
52
55
  t_new_item_1.previousRegion = t_previous_item_1;
53
56
  t_previous_item_1.nextRegion = t_new_item_1;
54
57
  t_previous_item_1 = t_new_item_1;
@@ -30,7 +30,12 @@ export default function UserProfileApp(
30
30
  let t_comp_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
31
31
 
32
32
  /* @component */
33
- const t_props_1 = $watch({ name: "John", age: 20, favoriteColors: ["green", "blue", "red"], isAvailable: true });
33
+ const t_props_1 = $watch({
34
+ name: "John",
35
+ age: 20,
36
+ favoriteColors: ["green", "blue", "red"],
37
+ isAvailable: true,
38
+ });
34
39
  $run(() => {
35
40
  t_props_1["age"] = 20;
36
41
  t_props_1["favoriteColors"] = ["green", "blue", "red"];
@@ -43,7 +43,10 @@ export default function AnswerButtonApp(
43
43
  let t_comp_anchor_1 = t_anchor(t_next(t_next(t_next(t_root_0), true))) as HTMLElement;
44
44
 
45
45
  /* @component */
46
- const t_props_1 = $watch({ onYes: onAnswerYes, onNo: onAnswerNo });
46
+ const t_props_1 = $watch({
47
+ onYes: onAnswerYes,
48
+ onNo: onAnswerNo,
49
+ });
47
50
  $run(() => {
48
51
  t_props_1["onYes"] = onAnswerYes;
49
52
  t_props_1["onNo"] = onAnswerNo;
@@ -61,7 +61,9 @@ export default function ColorSelect(
61
61
  let t_previous_item_1 = t_for_region_1;
62
62
  let t_next_item_1 = t_for_region_1.nextRegion;
63
63
  for (let color of colors) {
64
- let t_new_item_1 = t_list_item({ color }, undefined);
64
+ let t_new_item_1 = t_list_item(
65
+ { color },
66
+ );
65
67
  t_new_item_1.previousRegion = t_previous_item_1;
66
68
  t_previous_item_1.nextRegion = t_new_item_1;
67
69
  t_previous_item_1 = t_new_item_1;
@@ -48,7 +48,10 @@ export default function Colors(
48
48
  let t_previous_item_1 = t_for_region_1;
49
49
  let t_next_item_1 = t_for_region_1.nextRegion;
50
50
  for (let color of colors) {
51
- let t_new_item_1 = t_list_item({ color }, color);
51
+ let t_new_item_1 = t_list_item(
52
+ { color },
53
+ color,
54
+ );
52
55
  t_new_item_1.previousRegion = t_previous_item_1;
53
56
  t_previous_item_1.nextRegion = t_new_item_1;
54
57
  t_previous_item_1 = t_new_item_1;
@@ -30,7 +30,12 @@ export default function UserProfileApp(
30
30
  let t_comp_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
31
31
 
32
32
  /* @component */
33
- const t_props_1 = $watch({ name: "John", age: 20, favoriteColors: ["green", "blue", "red"], isAvailable: true });
33
+ const t_props_1 = $watch({
34
+ name: "John",
35
+ age: 20,
36
+ favoriteColors: ["green", "blue", "red"],
37
+ isAvailable: true,
38
+ });
34
39
  $run(() => {
35
40
  t_props_1["age"] = 20;
36
41
  t_props_1["favoriteColors"] = ["green", "blue", "red"];
@@ -33,7 +33,9 @@ export default function Reactive(
33
33
  let t_comp_anchor_1 = t_anchor(t_next(t_next(t_button_1, true))) as HTMLElement;
34
34
 
35
35
  /* @component */
36
- const t_props_1 = $watch({ text: $state.text });
36
+ const t_props_1 = $watch({
37
+ text: $state.text,
38
+ });
37
39
  $run(() => {
38
40
  t_props_1["text"] = $state.text;
39
41
  });
@@ -33,7 +33,9 @@ export default function Reactive(
33
33
  let t_comp_anchor_1 = t_anchor(t_next(t_next(t_button_1, true))) as HTMLElement;
34
34
 
35
35
  /* @component */
36
- const t_props_1 = $watch({ text: $state.text });
36
+ const t_props_1 = $watch({
37
+ text: $state.text,
38
+ });
37
39
  $run(() => {
38
40
  t_props_1["text"] = $state.text;
39
41
  });
@@ -35,7 +35,9 @@ export default function Let(
35
35
  let t_comp_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
36
36
 
37
37
  /* @component */
38
- const t_props_1 = $watch({ items: $props.items });
38
+ const t_props_1 = $watch({
39
+ items: $props.items,
40
+ });
39
41
  $run(() => {
40
42
  t_props_1["items"] = $props.items;
41
43
  });
@@ -93,7 +95,9 @@ function List(
93
95
  let t_previous_item_1 = t_for_region_1;
94
96
  let t_next_item_1 = t_for_region_1.nextRegion;
95
97
  for (let item of $props.items) {
96
- let t_new_item_1 = t_list_item({ item }, undefined);
98
+ let t_new_item_1 = t_list_item(
99
+ { item },
100
+ );
97
101
  t_new_item_1.previousRegion = t_previous_item_1;
98
102
  t_previous_item_1.nextRegion = t_new_item_1;
99
103
  t_previous_item_1 = t_new_item_1;
@@ -35,7 +35,9 @@ export default function Let(
35
35
  let t_comp_anchor_1 = t_anchor(t_next(t_root_0)) as HTMLElement;
36
36
 
37
37
  /* @component */
38
- const t_props_1 = $watch({ items: $props.items });
38
+ const t_props_1 = $watch({
39
+ items: $props.items,
40
+ });
39
41
  $run(() => {
40
42
  t_props_1["items"] = $props.items;
41
43
  });
@@ -93,7 +95,9 @@ function List(
93
95
  let t_previous_item_1 = t_for_region_1;
94
96
  let t_next_item_1 = t_for_region_1.nextRegion;
95
97
  for (let item of $props.items) {
96
- let t_new_item_1 = t_list_item({ item }, undefined);
98
+ let t_new_item_1 = t_list_item(
99
+ { item },
100
+ );
97
101
  t_new_item_1.previousRegion = t_previous_item_1;
98
102
  t_previous_item_1.nextRegion = t_new_item_1;
99
103
  t_previous_item_1 = t_new_item_1;
@@ -44,7 +44,8 @@ export default function Component(
44
44
  let t_comp_anchor_1 = t_anchor(t_root_1) as HTMLElement;
45
45
 
46
46
  /* @component */
47
- const t_props_1 = $watch({ });
47
+ const t_props_1 = $watch({
48
+ });
48
49
  const t_slots_1: Record<string, SlotRender> = {};
49
50
  t_slots_1["_"] = (
50
51
  $sparent: ParentNode,
@@ -44,7 +44,8 @@ export default function Component(
44
44
  let t_comp_anchor_1 = t_anchor(t_root_1) as HTMLElement;
45
45
 
46
46
  /* @component */
47
- const t_props_1 = $watch({ });
47
+ const t_props_1 = $watch({
48
+ });
48
49
  const t_slots_1: Record<string, SlotRender> = {};
49
50
  t_slots_1["_"] = (
50
51
  $sparent: ParentNode,
@@ -44,7 +44,9 @@ export default function Self(
44
44
  let t_comp_anchor_1 = t_anchor(t_next(t_root_1)) as HTMLElement;
45
45
 
46
46
  /* @component */
47
- const t_props_1 = $watch({ level: $props.level + 1 });
47
+ const t_props_1 = $watch({
48
+ level: $props.level + 1,
49
+ });
48
50
  $run(() => {
49
51
  t_props_1["level"] = $props.level + 1;
50
52
  });
@@ -44,7 +44,9 @@ export default function Self(
44
44
  let t_comp_anchor_1 = t_anchor(t_next(t_root_1)) as HTMLElement;
45
45
 
46
46
  /* @component */
47
- const t_props_1 = $watch({ level: $props.level + 1 });
47
+ const t_props_1 = $watch({
48
+ level: $props.level + 1,
49
+ });
48
50
  $run(() => {
49
51
  t_props_1["level"] = $props.level + 1;
50
52
  });
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,9 @@ export default function ArrayUnkeyed(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, undefined);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ );
49
51
  t_new_item_1.previousRegion = t_previous_item_1;
50
52
  t_previous_item_1.nextRegion = t_new_item_1;
51
53
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,8 +45,10 @@ export default function ArrayEntries(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let [i, item] of $props.items.entries()) {
48
- let t_new_item_1 = t_list_item({ i,
49
- item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { i, item },
50
+ item.id,
51
+ );
50
52
  t_new_item_1.previousRegion = t_previous_item_1;
51
53
  t_previous_item_1.nextRegion = t_new_item_1;
52
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function ArrayIndexes(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let i = 0; i < $props.items.length; i++) {
48
- let t_new_item_1 = t_list_item({ i }, $props.items[i].id);
48
+ let t_new_item_1 = t_list_item(
49
+ { i },
50
+ $props.items[i].id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,9 @@ export default function ArrayUnkeyed(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, undefined);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ );
49
51
  t_new_item_1.previousRegion = t_previous_item_1;
50
52
  t_previous_item_1.nextRegion = t_new_item_1;
51
53
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function Array(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let item of $props.items) {
48
- let t_new_item_1 = t_list_item({ item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { item },
50
+ item.id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;
@@ -45,8 +45,10 @@ export default function ArrayEntries(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let [i, item] of $props.items.entries()) {
48
- let t_new_item_1 = t_list_item({ i,
49
- item }, item.id);
48
+ let t_new_item_1 = t_list_item(
49
+ { i, item },
50
+ item.id,
51
+ );
50
52
  t_new_item_1.previousRegion = t_previous_item_1;
51
53
  t_previous_item_1.nextRegion = t_new_item_1;
52
54
  t_previous_item_1 = t_new_item_1;
@@ -45,7 +45,10 @@ export default function ArrayIndexes(
45
45
  let t_previous_item_1 = t_for_region_1;
46
46
  let t_next_item_1 = t_for_region_1.nextRegion;
47
47
  for (let i = 0; i < $props.items.length; i++) {
48
- let t_new_item_1 = t_list_item({ i }, $props.items[i].id);
48
+ let t_new_item_1 = t_list_item(
49
+ { i },
50
+ $props.items[i].id,
51
+ );
49
52
  t_new_item_1.previousRegion = t_previous_item_1;
50
53
  t_previous_item_1.nextRegion = t_new_item_1;
51
54
  t_previous_item_1 = t_new_item_1;