j-templates 8.0.13 → 8.0.15

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 (49) hide show
  1. package/DOM/createAssignment.js +2 -6
  2. package/DOM/createAttributeAssignment.js +2 -6
  3. package/DOM/createEventAssignment.js +2 -6
  4. package/DOM/createPropertyAssignment.js +10 -14
  5. package/DOM/domNodeConfig.js +27 -30
  6. package/DOM/elements.js +102 -108
  7. package/DOM/index.js +3 -19
  8. package/Node/component.js +12 -16
  9. package/Node/component.types.js +1 -2
  10. package/Node/nodeConfig.js +2 -5
  11. package/Node/vNode.js +64 -67
  12. package/Node/vNode.types.js +5 -9
  13. package/Store/Diff/defaultDiffTreeWorker.d.ts +1 -0
  14. package/Store/Diff/defaultDiffTreeWorker.js +4 -0
  15. package/Store/Diff/diffAsync.d.ts +2 -4
  16. package/Store/Diff/diffAsync.js +4 -33
  17. package/Store/Diff/diffSync.js +3 -10
  18. package/Store/Diff/diffTree.d.ts +66 -41
  19. package/Store/Diff/diffTree.js +374 -426
  20. package/Store/Diff/diffTreeWorker.d.ts +8 -0
  21. package/Store/Diff/diffTreeWorker.js +27 -0
  22. package/Store/Diff/workerQueue.js +6 -10
  23. package/Store/Store/store.js +10 -14
  24. package/Store/Store/storeAsync.d.ts +1 -2
  25. package/Store/Store/storeAsync.js +10 -14
  26. package/Store/Store/storeSync.js +10 -14
  27. package/Store/Tree/observableNode.js +35 -38
  28. package/Store/Tree/observableScope.js +35 -42
  29. package/Store/index.js +5 -13
  30. package/Utils/animation.js +7 -11
  31. package/Utils/array.js +2 -6
  32. package/Utils/asyncQueue.js +7 -11
  33. package/Utils/decorators.js +44 -53
  34. package/Utils/emitter.js +6 -9
  35. package/Utils/functions.js +1 -4
  36. package/Utils/index.js +3 -21
  37. package/Utils/injector.js +2 -6
  38. package/Utils/json.d.ts +32 -10
  39. package/Utils/json.js +195 -208
  40. package/Utils/list.js +2 -5
  41. package/Utils/scheduling.js +4 -7
  42. package/Utils/thread.js +18 -26
  43. package/Utils/utils.types.js +1 -2
  44. package/_not_used/array.js +4 -10
  45. package/_not_used/avlTree.js +2 -5
  46. package/index.js +2 -10
  47. package/package.json +1 -1
  48. package/Store/Diff/diffWorker.d.ts +0 -3
  49. package/Store/Diff/diffWorker.js +0 -21
@@ -1,14 +1,10 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Assignment = Assignment;
4
- exports.CreateAssignment = CreateAssignment;
5
1
  const DEFAULT_ASSIGNMENT = {};
6
- function Assignment(target, next, assignment) {
2
+ export function Assignment(target, next, assignment) {
7
3
  for (const key in next) {
8
4
  assignment(target, key, next[key]);
9
5
  }
10
6
  }
11
- function CreateAssignment(target, createAssignment) {
7
+ export function CreateAssignment(target, createAssignment) {
12
8
  let last;
13
9
  let writeTo = {};
14
10
  return function AssignNext(next) {
@@ -1,11 +1,7 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.AttributeAssignment = AttributeAssignment;
4
- exports.CreateAttributeAssignment = CreateAttributeAssignment;
5
- function AttributeAssignment(target, attribute, next) {
1
+ export function AttributeAssignment(target, attribute, next) {
6
2
  target.setAttribute(attribute, next);
7
3
  }
8
- function CreateAttributeAssignment(target, attribute) {
4
+ export function CreateAttributeAssignment(target, attribute) {
9
5
  let lastValue;
10
6
  return function (next) {
11
7
  const nextValue = next && next[attribute];
@@ -1,11 +1,7 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.EventAssignment = EventAssignment;
4
- exports.CreateEventAssignment = CreateEventAssignment;
5
- function EventAssignment(target, event, next) {
1
+ export function EventAssignment(target, event, next) {
6
2
  target.addEventListener(event, next);
7
3
  }
8
- function CreateEventAssignment(target, event) {
4
+ export function CreateEventAssignment(target, event) {
9
5
  let lastEvent;
10
6
  return function (next) {
11
7
  const nextEvent = next && next[event];
@@ -1,10 +1,6 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PropertyAssignment = PropertyAssignment;
4
- exports.CreateRootPropertyAssignment = CreateRootPropertyAssignment;
5
- const json_1 = require("../Utils/json");
6
- const createAssignment_1 = require("./createAssignment");
7
- function PropertyAssignment(target, property, next) {
1
+ import { JsonType } from "../Utils/json";
2
+ import { Assignment, CreateAssignment } from "./createAssignment";
3
+ export function PropertyAssignment(target, property, next) {
8
4
  switch (property) {
9
5
  case "nodeValue": {
10
6
  AssignNodeValue(target, next);
@@ -19,14 +15,14 @@ function PropertyAssignment(target, property, next) {
19
15
  break;
20
16
  }
21
17
  default: {
22
- const jsonType = (0, json_1.JsonType)(next);
18
+ const jsonType = JsonType(next);
23
19
  switch (jsonType) {
24
20
  case "value":
25
21
  target[property] = next;
26
22
  break;
27
23
  default: {
28
24
  const childTarget = target[property];
29
- (0, createAssignment_1.Assignment)(childTarget, next, PropertyAssignment);
25
+ Assignment(childTarget, next, PropertyAssignment);
30
26
  }
31
27
  }
32
28
  }
@@ -40,21 +36,21 @@ function CreatePropertyAssignment(target, property) {
40
36
  const nextValue = next && next[property];
41
37
  if (nextValue === lastValue || nextValue === undefined)
42
38
  return;
43
- jsonType ??= (0, json_1.JsonType)(nextValue);
39
+ jsonType ??= JsonType(nextValue);
44
40
  switch (jsonType) {
45
41
  case "value":
46
42
  target[property] = nextValue;
47
43
  break;
48
44
  default: {
49
45
  const childTarget = target[property];
50
- childAssignment ??= (0, createAssignment_1.CreateAssignment)(childTarget, CreateRootPropertyAssignment);
46
+ childAssignment ??= CreateAssignment(childTarget, CreateRootPropertyAssignment);
51
47
  childAssignment(nextValue);
52
48
  }
53
49
  }
54
50
  lastValue = nextValue;
55
51
  };
56
52
  }
57
- function CreateRootPropertyAssignment(target, property) {
53
+ export function CreateRootPropertyAssignment(target, property) {
58
54
  let lastValue;
59
55
  let jsonType;
60
56
  let childAssignment;
@@ -76,14 +72,14 @@ function CreateRootPropertyAssignment(target, property) {
76
72
  break;
77
73
  }
78
74
  default: {
79
- jsonType ??= (0, json_1.JsonType)(nextValue);
75
+ jsonType ??= JsonType(nextValue);
80
76
  switch (jsonType) {
81
77
  case "value":
82
78
  target[property] = nextValue;
83
79
  break;
84
80
  default: {
85
81
  const childTarget = target[property];
86
- childAssignment ??= (0, createAssignment_1.CreateAssignment)(childTarget, CreatePropertyAssignment);
82
+ childAssignment ??= CreateAssignment(childTarget, CreatePropertyAssignment);
87
83
  childAssignment(nextValue);
88
84
  }
89
85
  }
@@ -1,42 +1,39 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DOMNodeConfig = void 0;
4
- const list_1 = require("../Utils/list");
5
- const scheduling_1 = require("../Utils/scheduling");
6
- const createPropertyAssignment_1 = require("./createPropertyAssignment");
7
- const createEventAssignment_1 = require("./createEventAssignment");
8
- const createAssignment_1 = require("./createAssignment");
9
- const createAttributeAssignment_1 = require("./createAttributeAssignment");
10
- let pendingUpdates = list_1.List.Create();
1
+ import { List } from "../Utils/list";
2
+ import { _queueMicrotask, _requestAnimationFrame } from "../Utils/scheduling";
3
+ import { CreateRootPropertyAssignment, PropertyAssignment } from "./createPropertyAssignment";
4
+ import { CreateEventAssignment, EventAssignment } from "./createEventAssignment";
5
+ import { Assignment, CreateAssignment } from "./createAssignment";
6
+ import { AttributeAssignment, CreateAttributeAssignment } from "./createAttributeAssignment";
7
+ let pendingUpdates = List.Create();
11
8
  let updateScheduled = false;
12
9
  const frameTime = 16;
13
10
  let frameStart = 0;
14
11
  function processUpdates() {
15
- list_1.List.Add(pendingUpdates, null);
12
+ List.Add(pendingUpdates, null);
16
13
  let callback;
17
- while ((callback = list_1.List.Pop(pendingUpdates)))
14
+ while ((callback = List.Pop(pendingUpdates)))
18
15
  callback();
19
16
  if (pendingUpdates.size === 0)
20
17
  updateScheduled = false;
21
18
  else {
22
19
  frameStart = Date.now();
23
- (0, scheduling_1._requestAnimationFrame)(processUpdates);
20
+ _requestAnimationFrame(processUpdates);
24
21
  }
25
22
  }
26
23
  let highPriority = false;
27
24
  function scheduleUpdate(callback) {
28
25
  if (highPriority)
29
- list_1.List.Push(pendingUpdates, callback);
26
+ List.Push(pendingUpdates, callback);
30
27
  else
31
- list_1.List.Add(pendingUpdates, callback);
28
+ List.Add(pendingUpdates, callback);
32
29
  if (!updateScheduled) {
33
30
  const now = Date.now();
34
31
  updateScheduled = true;
35
32
  if (now - frameStart < frameTime)
36
- (0, scheduling_1._queueMicrotask)(processUpdates);
33
+ _queueMicrotask(processUpdates);
37
34
  else {
38
35
  frameStart = now;
39
- (0, scheduling_1._requestAnimationFrame)(processUpdates);
36
+ _requestAnimationFrame(processUpdates);
40
37
  }
41
38
  }
42
39
  }
@@ -51,14 +48,14 @@ function wrapPriorityUpdates(callback) {
51
48
  function getHTMLNode(from, current) {
52
49
  if (typeof from === "string") {
53
50
  if (current?.nodeType === Node.TEXT_NODE) {
54
- exports.DOMNodeConfig.setText(current, from);
51
+ DOMNodeConfig.setText(current, from);
55
52
  return current;
56
53
  }
57
- return exports.DOMNodeConfig.createTextNode(from);
54
+ return DOMNodeConfig.createTextNode(from);
58
55
  }
59
56
  return from;
60
57
  }
61
- exports.DOMNodeConfig = {
58
+ export const DOMNodeConfig = {
62
59
  createNode(type, namespace) {
63
60
  return namespace
64
61
  ? document.createElementNS(namespace, type)
@@ -82,11 +79,11 @@ exports.DOMNodeConfig = {
82
79
  root.appendChild(child);
83
80
  },
84
81
  addChildFirst(root, child) {
85
- exports.DOMNodeConfig.addChildBefore(root, root.firstChild, child);
82
+ DOMNodeConfig.addChildBefore(root, root.firstChild, child);
86
83
  },
87
84
  addChildBefore(root, sibling, child) {
88
85
  if (!sibling) {
89
- exports.DOMNodeConfig.addChild(root, child);
86
+ DOMNodeConfig.addChild(root, child);
90
87
  return;
91
88
  }
92
89
  if (child !== sibling)
@@ -94,10 +91,10 @@ exports.DOMNodeConfig = {
94
91
  },
95
92
  addChildAfter(root, sibling, child) {
96
93
  if (!sibling) {
97
- exports.DOMNodeConfig.addChildFirst(root, child);
94
+ DOMNodeConfig.addChildFirst(root, child);
98
95
  return;
99
96
  }
100
- exports.DOMNodeConfig.addChildBefore(root, sibling.nextSibling, child);
97
+ DOMNodeConfig.addChildBefore(root, sibling.nextSibling, child);
101
98
  },
102
99
  removeChild(root, child) {
103
100
  root.removeChild(child);
@@ -118,22 +115,22 @@ exports.DOMNodeConfig = {
118
115
  target.setAttribute(attribute, value);
119
116
  },
120
117
  propertyAssignment(target, next) {
121
- (0, createAssignment_1.Assignment)(target, next, createPropertyAssignment_1.PropertyAssignment);
118
+ Assignment(target, next, PropertyAssignment);
122
119
  },
123
120
  createPropertyAssignment(target) {
124
- return (0, createAssignment_1.CreateAssignment)(target, createPropertyAssignment_1.CreateRootPropertyAssignment);
121
+ return CreateAssignment(target, CreateRootPropertyAssignment);
125
122
  },
126
123
  eventAssignment(target, next) {
127
- (0, createAssignment_1.Assignment)(target, next, createEventAssignment_1.EventAssignment);
124
+ Assignment(target, next, EventAssignment);
128
125
  },
129
126
  createEventAssignment(target) {
130
- return (0, createAssignment_1.CreateAssignment)(target, createEventAssignment_1.CreateEventAssignment);
127
+ return CreateAssignment(target, CreateEventAssignment);
131
128
  },
132
129
  attributeAssignment(target, next) {
133
- (0, createAssignment_1.Assignment)(target, next, createAttributeAssignment_1.AttributeAssignment);
130
+ Assignment(target, next, AttributeAssignment);
134
131
  },
135
132
  createAttributeAssignment(target) {
136
- return (0, createAssignment_1.CreateAssignment)(target, createAttributeAssignment_1.CreateAttributeAssignment);
133
+ return CreateAssignment(target, CreateAttributeAssignment);
137
134
  },
138
135
  fireEvent(target, event, data) {
139
136
  var cEvent = new CustomEvent(event, data);
package/DOM/elements.js CHANGED
@@ -1,123 +1,117 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.dt = exports.dl = exports.li = exports.ol = exports.ul = exports.rp = exports.rt = exports.dfn = exports.time = exports.abbr = exports.small = exports.mark = exports.sup = exports.sub = exports.ins = exports.del = exports.strike = exports.s = exports.u = exports.em = exports.i = exports.strong = exports.b = exports.a = exports.q = exports.cite = exports._var = exports.samp = exports.kbd = exports.code = exports.pre = exports.p = exports.h6 = exports.h5 = exports.h4 = exports.h3 = exports.h2 = exports.h1 = exports.address = exports.blockquote = exports.hr = exports.footer = exports.header = exports.main = exports.nav = exports.aside = exports.article = exports.section = exports.span = exports.div = void 0;
4
- exports.text = exports.fragment = exports.slot = exports.template = exports.area = exports.map = exports.svg = exports.canvas = exports.menu = exports.dialog = exports.summary = exports.details = exports.iframe = exports.param = exports.object = exports.embed = exports.track = exports.video = exports.audio = exports.source = exports.picture = exports.figcaption = exports.figure = exports.img = exports.meter = exports.progress = exports.output = exports.datalist = exports.legend = exports.fieldset = exports.label = exports.optgroup = exports.option = exports.select = exports.button = exports.textarea = exports.input = exports.form = exports.colgroup = exports.col = exports.td = exports.th = exports.tr = exports.tfoot = exports.tbody = exports.thead = exports.table = exports.dd = void 0;
5
- const vNode_1 = require("../Node/vNode");
6
- const vNode_types_1 = require("../Node/vNode.types");
1
+ import { vNode } from "../Node/vNode";
2
+ import { FRAGMENT_NODE, TEXT_NODE } from "../Node/vNode.types";
7
3
  // Layout
8
- exports.div = vNode_1.vNode.ToFunction("div");
9
- exports.span = vNode_1.vNode.ToFunction("span");
10
- exports.section = vNode_1.vNode.ToFunction("section");
11
- exports.article = vNode_1.vNode.ToFunction("article");
12
- exports.aside = vNode_1.vNode.ToFunction("aside");
13
- exports.nav = vNode_1.vNode.ToFunction("nav");
14
- exports.main = vNode_1.vNode.ToFunction("main");
15
- exports.header = vNode_1.vNode.ToFunction("header");
16
- exports.footer = vNode_1.vNode.ToFunction("footer");
17
- exports.hr = vNode_1.vNode.ToFunction("hr");
18
- exports.blockquote = vNode_1.vNode.ToFunction("blockquote");
19
- exports.address = vNode_1.vNode.ToFunction("address");
4
+ export const div = vNode.ToFunction("div");
5
+ export const span = vNode.ToFunction("span");
6
+ export const section = vNode.ToFunction("section");
7
+ export const article = vNode.ToFunction("article");
8
+ export const aside = vNode.ToFunction("aside");
9
+ export const nav = vNode.ToFunction("nav");
10
+ export const main = vNode.ToFunction("main");
11
+ export const header = vNode.ToFunction("header");
12
+ export const footer = vNode.ToFunction("footer");
13
+ export const hr = vNode.ToFunction("hr");
14
+ export const blockquote = vNode.ToFunction("blockquote");
15
+ export const address = vNode.ToFunction("address");
20
16
  // Text content
21
- exports.h1 = vNode_1.vNode.ToFunction("h1");
22
- exports.h2 = vNode_1.vNode.ToFunction("h2");
23
- exports.h3 = vNode_1.vNode.ToFunction("h3");
24
- exports.h4 = vNode_1.vNode.ToFunction("h4");
25
- exports.h5 = vNode_1.vNode.ToFunction("h5");
26
- exports.h6 = vNode_1.vNode.ToFunction("h6");
27
- exports.p = vNode_1.vNode.ToFunction("p");
28
- exports.pre = vNode_1.vNode.ToFunction("pre");
29
- exports.code = vNode_1.vNode.ToFunction("code");
30
- exports.kbd = vNode_1.vNode.ToFunction("kbd");
31
- exports.samp = vNode_1.vNode.ToFunction("samp");
32
- exports._var = vNode_1.vNode.ToFunction("var");
33
- exports.cite = vNode_1.vNode.ToFunction("cite");
34
- exports.q = vNode_1.vNode.ToFunction("q");
17
+ export const h1 = vNode.ToFunction("h1");
18
+ export const h2 = vNode.ToFunction("h2");
19
+ export const h3 = vNode.ToFunction("h3");
20
+ export const h4 = vNode.ToFunction("h4");
21
+ export const h5 = vNode.ToFunction("h5");
22
+ export const h6 = vNode.ToFunction("h6");
23
+ export const p = vNode.ToFunction("p");
24
+ export const pre = vNode.ToFunction("pre");
25
+ export const code = vNode.ToFunction("code");
26
+ export const kbd = vNode.ToFunction("kbd");
27
+ export const samp = vNode.ToFunction("samp");
28
+ export const _var = vNode.ToFunction("var");
29
+ export const cite = vNode.ToFunction("cite");
30
+ export const q = vNode.ToFunction("q");
35
31
  // Inline text formatting
36
- exports.a = vNode_1.vNode.ToFunction("a");
37
- exports.b = vNode_1.vNode.ToFunction("b");
38
- exports.strong = vNode_1.vNode.ToFunction("strong");
39
- exports.i = vNode_1.vNode.ToFunction("i");
40
- exports.em = vNode_1.vNode.ToFunction("em");
41
- exports.u = vNode_1.vNode.ToFunction("u");
42
- exports.s = vNode_1.vNode.ToFunction("s");
43
- exports.strike = vNode_1.vNode.ToFunction("strike");
44
- exports.del = vNode_1.vNode.ToFunction("del");
45
- exports.ins = vNode_1.vNode.ToFunction("ins");
46
- exports.sub = vNode_1.vNode.ToFunction("sub");
47
- exports.sup = vNode_1.vNode.ToFunction("sup");
48
- exports.mark = vNode_1.vNode.ToFunction("mark");
49
- exports.small = vNode_1.vNode.ToFunction("small");
50
- exports.abbr = vNode_1.vNode.ToFunction("abbr");
51
- exports.time = vNode_1.vNode.ToFunction("time");
52
- exports.dfn = vNode_1.vNode.ToFunction("dfn");
53
- exports.rt = vNode_1.vNode.ToFunction("rt");
54
- exports.rp = vNode_1.vNode.ToFunction("rp");
32
+ export const a = vNode.ToFunction("a");
33
+ export const b = vNode.ToFunction("b");
34
+ export const strong = vNode.ToFunction("strong");
35
+ export const i = vNode.ToFunction("i");
36
+ export const em = vNode.ToFunction("em");
37
+ export const u = vNode.ToFunction("u");
38
+ export const s = vNode.ToFunction("s");
39
+ export const strike = vNode.ToFunction("strike");
40
+ export const del = vNode.ToFunction("del");
41
+ export const ins = vNode.ToFunction("ins");
42
+ export const sub = vNode.ToFunction("sub");
43
+ export const sup = vNode.ToFunction("sup");
44
+ export const mark = vNode.ToFunction("mark");
45
+ export const small = vNode.ToFunction("small");
46
+ export const abbr = vNode.ToFunction("abbr");
47
+ export const time = vNode.ToFunction("time");
48
+ export const dfn = vNode.ToFunction("dfn");
49
+ export const rt = vNode.ToFunction("rt");
50
+ export const rp = vNode.ToFunction("rp");
55
51
  // Lists
56
- exports.ul = vNode_1.vNode.ToFunction("ul");
57
- exports.ol = vNode_1.vNode.ToFunction("ol");
58
- exports.li = vNode_1.vNode.ToFunction("li");
59
- exports.dl = vNode_1.vNode.ToFunction("dl");
60
- exports.dt = vNode_1.vNode.ToFunction("dt");
61
- exports.dd = vNode_1.vNode.ToFunction("dd");
52
+ export const ul = vNode.ToFunction("ul");
53
+ export const ol = vNode.ToFunction("ol");
54
+ export const li = vNode.ToFunction("li");
55
+ export const dl = vNode.ToFunction("dl");
56
+ export const dt = vNode.ToFunction("dt");
57
+ export const dd = vNode.ToFunction("dd");
62
58
  // Tables
63
- exports.table = vNode_1.vNode.ToFunction("table");
64
- exports.thead = vNode_1.vNode.ToFunction("thead");
65
- exports.tbody = vNode_1.vNode.ToFunction("tbody");
66
- exports.tfoot = vNode_1.vNode.ToFunction("tfoot");
67
- exports.tr = vNode_1.vNode.ToFunction("tr");
68
- exports.th = vNode_1.vNode.ToFunction("th");
69
- exports.td = vNode_1.vNode.ToFunction("td");
70
- exports.col = vNode_1.vNode.ToFunction("col");
71
- exports.colgroup = vNode_1.vNode.ToFunction("colgroup");
59
+ export const table = vNode.ToFunction("table");
60
+ export const thead = vNode.ToFunction("thead");
61
+ export const tbody = vNode.ToFunction("tbody");
62
+ export const tfoot = vNode.ToFunction("tfoot");
63
+ export const tr = vNode.ToFunction("tr");
64
+ export const th = vNode.ToFunction("th");
65
+ export const td = vNode.ToFunction("td");
66
+ export const col = vNode.ToFunction("col");
67
+ export const colgroup = vNode.ToFunction("colgroup");
72
68
  // Forms
73
- exports.form = vNode_1.vNode.ToFunction("form");
74
- exports.input = vNode_1.vNode.ToFunction("input");
75
- exports.textarea = vNode_1.vNode.ToFunction("textarea");
76
- exports.button = vNode_1.vNode.ToFunction("button");
77
- exports.select = vNode_1.vNode.ToFunction("select");
78
- exports.option = vNode_1.vNode.ToFunction("option");
79
- exports.optgroup = vNode_1.vNode.ToFunction("optgroup");
80
- exports.label = vNode_1.vNode.ToFunction("label");
81
- exports.fieldset = vNode_1.vNode.ToFunction("fieldset");
82
- exports.legend = vNode_1.vNode.ToFunction("legend");
83
- exports.datalist = vNode_1.vNode.ToFunction("datalist");
84
- exports.output = vNode_1.vNode.ToFunction("output");
85
- exports.progress = vNode_1.vNode.ToFunction("progress");
86
- exports.meter = vNode_1.vNode.ToFunction("meter");
69
+ export const form = vNode.ToFunction("form");
70
+ export const input = vNode.ToFunction("input");
71
+ export const textarea = vNode.ToFunction("textarea");
72
+ export const button = vNode.ToFunction("button");
73
+ export const select = vNode.ToFunction("select");
74
+ export const option = vNode.ToFunction("option");
75
+ export const optgroup = vNode.ToFunction("optgroup");
76
+ export const label = vNode.ToFunction("label");
77
+ export const fieldset = vNode.ToFunction("fieldset");
78
+ export const legend = vNode.ToFunction("legend");
79
+ export const datalist = vNode.ToFunction("datalist");
80
+ export const output = vNode.ToFunction("output");
81
+ export const progress = vNode.ToFunction("progress");
82
+ export const meter = vNode.ToFunction("meter");
87
83
  // Media
88
- exports.img = vNode_1.vNode.ToFunction("img");
89
- exports.figure = vNode_1.vNode.ToFunction("figure");
90
- exports.figcaption = vNode_1.vNode.ToFunction("figcaption");
91
- exports.picture = vNode_1.vNode.ToFunction("picture");
92
- exports.source = vNode_1.vNode.ToFunction("source");
93
- exports.audio = vNode_1.vNode.ToFunction("audio");
94
- exports.video = vNode_1.vNode.ToFunction("video");
95
- exports.track = vNode_1.vNode.ToFunction("track");
96
- exports.embed = vNode_1.vNode.ToFunction("embed");
97
- exports.object = vNode_1.vNode.ToFunction("object");
98
- exports.param = vNode_1.vNode.ToFunction("param");
99
- exports.iframe = vNode_1.vNode.ToFunction("iframe");
84
+ export const img = vNode.ToFunction("img");
85
+ export const figure = vNode.ToFunction("figure");
86
+ export const figcaption = vNode.ToFunction("figcaption");
87
+ export const picture = vNode.ToFunction("picture");
88
+ export const source = vNode.ToFunction("source");
89
+ export const audio = vNode.ToFunction("audio");
90
+ export const video = vNode.ToFunction("video");
91
+ export const track = vNode.ToFunction("track");
92
+ export const embed = vNode.ToFunction("embed");
93
+ export const object = vNode.ToFunction("object");
94
+ export const param = vNode.ToFunction("param");
95
+ export const iframe = vNode.ToFunction("iframe");
100
96
  // Interactive
101
- exports.details = vNode_1.vNode.ToFunction("details");
102
- exports.summary = vNode_1.vNode.ToFunction("summary");
103
- exports.dialog = vNode_1.vNode.ToFunction("dialog");
104
- exports.menu = vNode_1.vNode.ToFunction("menu");
97
+ export const details = vNode.ToFunction("details");
98
+ export const summary = vNode.ToFunction("summary");
99
+ export const dialog = vNode.ToFunction("dialog");
100
+ export const menu = vNode.ToFunction("menu");
105
101
  // Scripting
106
- exports.canvas = vNode_1.vNode.ToFunction("canvas");
107
- exports.svg = vNode_1.vNode.ToFunction("svg");
108
- exports.map = vNode_1.vNode.ToFunction("map");
109
- exports.area = vNode_1.vNode.ToFunction("area");
102
+ export const canvas = vNode.ToFunction("canvas");
103
+ export const svg = vNode.ToFunction("svg");
104
+ export const map = vNode.ToFunction("map");
105
+ export const area = vNode.ToFunction("area");
110
106
  // Meta content
111
- exports.template = vNode_1.vNode.ToFunction("template");
112
- exports.slot = vNode_1.vNode.ToFunction("slot");
113
- const fragmentElement = vNode_1.vNode.ToFunction(vNode_types_1.FRAGMENT_NODE);
114
- const fragment = function (config, children) {
107
+ export const template = vNode.ToFunction("template");
108
+ export const slot = vNode.ToFunction("slot");
109
+ const fragmentElement = vNode.ToFunction(FRAGMENT_NODE);
110
+ export const fragment = function (config, children) {
115
111
  return fragmentElement(config, children);
116
112
  };
117
- exports.fragment = fragment;
118
113
  // Text node
119
- const textElement = vNode_1.vNode.ToFunction(vNode_types_1.TEXT_NODE);
120
- const text = function (callback) {
114
+ const textElement = vNode.ToFunction(TEXT_NODE);
115
+ export const text = function (callback) {
121
116
  return textElement({ props: () => ({ nodeValue: callback() }) });
122
117
  };
123
- exports.text = text;
package/DOM/index.js CHANGED
@@ -1,20 +1,4 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./elements"), exports);
1
+ export * from "./elements";
18
2
  // export * from "./svgElements";
19
- __exportStar(require("./createPropertyAssignment"), exports);
20
- __exportStar(require("./createEventAssignment"), exports);
3
+ export * from "./createPropertyAssignment";
4
+ export * from "./createEventAssignment";
package/Node/component.js CHANGED
@@ -1,9 +1,6 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Component = void 0;
4
- const decorators_1 = require("../Utils/decorators");
5
- const vNode_1 = require("./vNode");
6
- const Store_1 = require("../Store");
1
+ import { Bound, Destroy } from "../Utils/decorators";
2
+ import { vNode } from "./vNode";
3
+ import { ObservableScope } from "../Store";
7
4
  /**
8
5
  * Base Component class.
9
6
  *
@@ -11,7 +8,7 @@ const Store_1 = require("../Store");
11
8
  * @template T - Template type used by the component.
12
9
  * @template E - Event map type for component events.
13
10
  */
14
- class Component {
11
+ export class Component {
15
12
  /**
16
13
  * Returns the component's virtual node injector.
17
14
  */
@@ -34,7 +31,7 @@ class Component {
34
31
  * Current data value from the scoped Observable.
35
32
  */
36
33
  get Data() {
37
- return Store_1.ObservableScope.Value(this.scope);
34
+ return ObservableScope.Value(this.scope);
38
35
  }
39
36
  /**
40
37
  * Accessor for the component's virtual node.
@@ -52,7 +49,7 @@ class Component {
52
49
  this.vNode = vNode;
53
50
  const { data, on } = config;
54
51
  if (typeof data === "function")
55
- this.scope = Store_1.ObservableScope.Create(data);
52
+ this.scope = ObservableScope.Create(data);
56
53
  else
57
54
  this.scope = {
58
55
  type: "static",
@@ -77,7 +74,7 @@ class Component {
77
74
  * Override to perform post‑binding initialization.
78
75
  */
79
76
  Bound() {
80
- decorators_1.Bound.All(this);
77
+ Bound.All(this);
81
78
  }
82
79
  /**
83
80
  * Fires a component event.
@@ -93,11 +90,10 @@ class Component {
93
90
  * Destroys the component, cleaning up its scoped data and decorators.
94
91
  */
95
92
  Destroy() {
96
- Store_1.ObservableScope.Destroy(this.scope);
97
- decorators_1.Destroy.All(this);
93
+ ObservableScope.Destroy(this.scope);
94
+ Destroy.All(this);
98
95
  }
99
96
  }
100
- exports.Component = Component;
101
97
  (function (Component) {
102
98
  /**
103
99
  * Function wraps the Component as a function that can be used to create vNode objects
@@ -114,7 +110,7 @@ exports.Component = Component;
114
110
  props: config.props,
115
111
  componentFactory: ComponentFactory,
116
112
  };
117
- return vNode_1.vNode.Create(definition);
113
+ return vNode.Create(definition);
118
114
  };
119
115
  }
120
116
  Component.ToFunction = ToFunction;
@@ -142,7 +138,7 @@ exports.Component = Component;
142
138
  * @returns The result of the attachment operation.
143
139
  */
144
140
  function Attach(node, vnode) {
145
- return vNode_1.vNode.Attach(node, vnode);
141
+ return vNode.Attach(node, vnode);
146
142
  }
147
143
  Component.Attach = Attach;
148
- })(Component || (exports.Component = Component = {}));
144
+ })(Component || (Component = {}));
@@ -1,2 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
1
+ export {};
@@ -1,5 +1,2 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NodeConfig = void 0;
4
- const domNodeConfig_1 = require("../DOM/domNodeConfig");
5
- exports.NodeConfig = domNodeConfig_1.DOMNodeConfig;
1
+ import { DOMNodeConfig } from "../DOM/domNodeConfig";
2
+ export const NodeConfig = DOMNodeConfig;