dothtml 6.0.0-beta.43 → 6.0.0-beta.45
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.
- package/dist/index.cjs.js +2 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.esm.js +2 -0
- package/dist/index.esm.js.map +1 -0
- package/package.json +22 -16
- package/build_module/constants.js +0 -2
- package/build_module/constants.js.map +0 -1
- package/build_module/css/css-props.js +0 -40
- package/build_module/css/css-props.js.map +0 -1
- package/build_module/css/css.d.ts +0 -0
- package/build_module/css/css.js +0 -1
- package/build_module/css/css.js.map +0 -1
- package/build_module/css/format-css-type.js +0 -73
- package/build_module/css/format-css-type.js.map +0 -1
- package/build_module/decoration/component.d.ts +0 -14
- package/build_module/decoration/component.js +0 -35
- package/build_module/decoration/component.js.map +0 -1
- package/build_module/decoration/use-styles.d.ts +0 -14
- package/build_module/decoration/use-styles.js +0 -19
- package/build_module/decoration/use-styles.js.map +0 -1
- package/build_module/dot.js +0 -342
- package/build_module/dot.js.map +0 -1
- package/build_module/helpers/render-css.d.ts +0 -2
- package/build_module/helpers/render-css.js +0 -20
- package/build_module/helpers/render-css.js.map +0 -1
- package/build_module/helpers/render-stylesheet.js +0 -27
- package/build_module/helpers/render-stylesheet.js.map +0 -1
- package/build_module/helpers/tools.js +0 -50
- package/build_module/helpers/tools.js.map +0 -1
- package/build_module/helpers.d.ts +0 -3
- package/build_module/helpers.js +0 -50
- package/build_module/helpers.js.map +0 -1
- package/build_module/index.js +0 -6
- package/build_module/index.js.map +0 -1
- package/build_module/reactive.d.ts +0 -46
- package/build_module/reactive.js +0 -150
- package/build_module/reactive.js.map +0 -1
- package/build_module/reactivity/binding.js +0 -20
- package/build_module/reactivity/binding.js.map +0 -1
- package/build_module/reactivity/bound-reactive.d.ts +0 -13
- package/build_module/reactivity/bound-reactive.js +0 -20
- package/build_module/reactivity/bound-reactive.js.map +0 -1
- package/build_module/reactivity/reactive-attr.js +0 -7
- package/build_module/reactivity/reactive-attr.js.map +0 -1
- package/build_module/reactivity/reactive-style.js +0 -7
- package/build_module/reactivity/reactive-style.js.map +0 -1
- package/build_module/reactivity/reactive.d.ts +0 -22
- package/build_module/reactivity/reactive.js +0 -54
- package/build_module/reactivity/reactive.js.map +0 -1
- package/build_module/reactivity/ref.js +0 -6
- package/build_module/reactivity/ref.js.map +0 -1
- package/build_module/reactivity/subscription.js +0 -41
- package/build_module/reactivity/subscription.js.map +0 -1
- package/build_module/reactivity/watcher.js +0 -61
- package/build_module/reactivity/watcher.js.map +0 -1
- package/build_module/v-dom-node.d.ts +0 -0
- package/build_module/v-dom-node.js +0 -1
- package/build_module/v-dom-node.js.map +0 -1
- package/build_module/v-meta-nodes/attribute-v-node.js +0 -53
- package/build_module/v-meta-nodes/attribute-v-node.js.map +0 -1
- package/build_module/v-meta-nodes/style-v-node.js +0 -135
- package/build_module/v-meta-nodes/style-v-node.js.map +0 -1
- package/build_module/v-meta-nodes/v-meta-node.js +0 -3
- package/build_module/v-meta-nodes/v-meta-node.js.map +0 -1
- package/build_module/v-style-nodes/base-v-style.js +0 -113
- package/build_module/v-style-nodes/base-v-style.js.map +0 -1
- package/build_module/v-style-nodes/css-function-builder-v-style.js +0 -28
- package/build_module/v-style-nodes/css-function-builder-v-style.js.map +0 -1
- package/build_module/v-style-nodes/filter-v-style.js +0 -35
- package/build_module/v-style-nodes/filter-v-style.js.map +0 -1
- package/build_module/v-style-nodes/transform-v-style.js +0 -76
- package/build_module/v-style-nodes/transform-v-style.js.map +0 -1
- package/build_module/v-style-nodes/v-style.js +0 -6
- package/build_module/v-style-nodes/v-style.js.map +0 -1
- package/build_module/vdom-nodes/collection-vdom.js +0 -157
- package/build_module/vdom-nodes/collection-vdom.js.map +0 -1
- package/build_module/vdom-nodes/component-vdom.js +0 -100
- package/build_module/vdom-nodes/component-vdom.js.map +0 -1
- package/build_module/vdom-nodes/conditional-vdom.js +0 -98
- package/build_module/vdom-nodes/conditional-vdom.js.map +0 -1
- package/build_module/vdom-nodes/container-vdom.js +0 -110
- package/build_module/vdom-nodes/container-vdom.js.map +0 -1
- package/build_module/vdom-nodes/element-vdom.js +0 -164
- package/build_module/vdom-nodes/element-vdom.js.map +0 -1
- package/build_module/vdom-nodes/html-vdom.js +0 -53
- package/build_module/vdom-nodes/html-vdom.js.map +0 -1
- package/build_module/vdom-nodes/text-vdom.js +0 -37
- package/build_module/vdom-nodes/text-vdom.js.map +0 -1
- package/build_module/vdom-nodes/vdom.js +0 -41
- package/build_module/vdom-nodes/vdom.js.map +0 -1
- package/build_module/window-wrapper.js +0 -39
- package/build_module/window-wrapper.js.map +0 -1
- /package/{build_module → dist/build_module}/constants.d.ts +0 -0
- /package/{build_module → dist/build_module}/css/css-props.d.ts +0 -0
- /package/{build_module → dist/build_module}/css/format-css-type.d.ts +0 -0
- /package/{build_module → dist/build_module}/dot.d.ts +0 -0
- /package/{build_module → dist/build_module}/helpers/render-stylesheet.d.ts +0 -0
- /package/{build_module → dist/build_module}/helpers/tools.d.ts +0 -0
- /package/{build_module → dist/build_module}/index.d.ts +0 -0
- /package/{build_module → dist/build_module}/reactivity/binding.d.ts +0 -0
- /package/{build_module → dist/build_module}/reactivity/reactive-attr.d.ts +0 -0
- /package/{build_module → dist/build_module}/reactivity/reactive-style.d.ts +0 -0
- /package/{build_module → dist/build_module}/reactivity/ref.d.ts +0 -0
- /package/{build_module → dist/build_module}/reactivity/subscription.d.ts +0 -0
- /package/{build_module → dist/build_module}/reactivity/watcher.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-meta-nodes/attribute-v-node.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-meta-nodes/style-v-node.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-meta-nodes/v-meta-node.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-style-nodes/base-v-style.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-style-nodes/css-function-builder-v-style.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-style-nodes/filter-v-style.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-style-nodes/transform-v-style.d.ts +0 -0
- /package/{build_module → dist/build_module}/v-style-nodes/v-style.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/collection-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/component-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/conditional-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/container-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/element-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/html-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/text-vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/vdom-nodes/vdom.d.ts +0 -0
- /package/{build_module → dist/build_module}/window-wrapper.d.ts +0 -0
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { Vdom } from "./vdom";
|
|
2
|
-
import renderStylesheet from "../helpers/render-stylesheet";
|
|
3
|
-
let tagId = 0x10000;
|
|
4
|
-
export class ComponentVdom extends Vdom {
|
|
5
|
-
constructor(dot, component) {
|
|
6
|
-
super();
|
|
7
|
-
this.component = component;
|
|
8
|
-
if (component._?._meta) {
|
|
9
|
-
throw new Error("Component has already been added to the VDOM.");
|
|
10
|
-
}
|
|
11
|
-
if (!component.constructor["_dotHtmlComponent"]) {
|
|
12
|
-
component.constructor["_dotHtmlComponent"] = {};
|
|
13
|
-
let ts = (Math.floor(performance.now() * 10000000000000)).toString(16);
|
|
14
|
-
let tId = (tagId++).toString(16);
|
|
15
|
-
component.constructor["_dotHtmlComponent"].tagName = `dothtml-${tId}${dot["_addTimestamp"] ? `-${ts}` : ""}`;
|
|
16
|
-
}
|
|
17
|
-
if (!component._) {
|
|
18
|
-
component._ = {};
|
|
19
|
-
}
|
|
20
|
-
component._.refs = {};
|
|
21
|
-
component._._meta = component._._meta || {};
|
|
22
|
-
component._._meta.isRendered = false;
|
|
23
|
-
component._._meta.tagName = component.constructor["_dotHtmlComponent"].tagName;
|
|
24
|
-
this.childShadowVdom = this.component.build(dot);
|
|
25
|
-
this.component.built && this.component.built();
|
|
26
|
-
}
|
|
27
|
-
setupCustomElement(document) {
|
|
28
|
-
let CustomElementConstructor = document.defaultView.customElements.get(this.component._._meta.tagName);
|
|
29
|
-
if (CustomElementConstructor == undefined) {
|
|
30
|
-
let styles = this.component.stylize && this.component.stylize() || [];
|
|
31
|
-
if (typeof styles == "string")
|
|
32
|
-
styles = [styles];
|
|
33
|
-
let sharedStylesheets = [];
|
|
34
|
-
let styleTags = [];
|
|
35
|
-
if (styles) {
|
|
36
|
-
for (let i = 0; i < styles.length; i++) {
|
|
37
|
-
let styleItem = renderStylesheet(styles[i], document);
|
|
38
|
-
if (styleItem instanceof document.defaultView.CSSStyleSheet) {
|
|
39
|
-
sharedStylesheets.push(styleItem);
|
|
40
|
-
}
|
|
41
|
-
else {
|
|
42
|
-
styleTags.push(styleItem);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
let DocSpecificHtmlEl = document.defaultView.HTMLElement;
|
|
47
|
-
CustomElementConstructor = class extends DocSpecificHtmlEl {
|
|
48
|
-
set component(value) {
|
|
49
|
-
this._component = value;
|
|
50
|
-
this._renderComponent();
|
|
51
|
-
}
|
|
52
|
-
_renderComponent() {
|
|
53
|
-
if (this.cvdom instanceof Vdom) {
|
|
54
|
-
let shadow = this.attachShadow({ mode: 'open' });
|
|
55
|
-
shadow.adoptedStyleSheets = sharedStylesheets;
|
|
56
|
-
for (let i = 0; i < styleTags.length; i++) {
|
|
57
|
-
shadow.appendChild(styleTags[i]);
|
|
58
|
-
}
|
|
59
|
-
this._component._._meta.shadowRoot = shadow;
|
|
60
|
-
this.cvdom.childShadowVdom._render(shadow);
|
|
61
|
-
}
|
|
62
|
-
else {
|
|
63
|
-
throw new Error("Component build function returned invalid object.");
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
document.defaultView.customElements.define(this.component._._meta.tagName, CustomElementConstructor);
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
_render(node) {
|
|
71
|
-
if (!this.component._)
|
|
72
|
-
throw new Error("Invalid component. Ensure components are created through the component factory or through decoration.");
|
|
73
|
-
if (this.component._?._meta?.isRendered)
|
|
74
|
-
throw new Error("Individual component instances cannot be rendered twice at once.");
|
|
75
|
-
if (!this.component._._meta)
|
|
76
|
-
this.component._._meta = {};
|
|
77
|
-
this.component.mounting && this.component.mounting();
|
|
78
|
-
this.component._._meta.isRendered = true;
|
|
79
|
-
let document = node.ownerDocument;
|
|
80
|
-
this.setupCustomElement(document);
|
|
81
|
-
this.shadowEl = document.createElement(this.component._._meta.tagName);
|
|
82
|
-
this.shadowEl["cvdom"] = this;
|
|
83
|
-
this.shadowEl["component"] = this.component;
|
|
84
|
-
this.component._.restyle && this.component._.restyle();
|
|
85
|
-
node.appendChild(this.shadowEl);
|
|
86
|
-
this.component.mounted && this.component.mounted();
|
|
87
|
-
}
|
|
88
|
-
_unrender() {
|
|
89
|
-
this.component.unmounting && this.component.unmounting();
|
|
90
|
-
this.childShadowVdom._unrender();
|
|
91
|
-
this.shadowEl.remove();
|
|
92
|
-
this.shadowEl = null;
|
|
93
|
-
this.component._._meta.isRendered = false;
|
|
94
|
-
this.component.unmounted && this.component.unmounted();
|
|
95
|
-
}
|
|
96
|
-
toString() {
|
|
97
|
-
return `<${this.component._._meta.tagName}></${this.component._._meta.tagName}>`;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
//# sourceMappingURL=component-vdom.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"component-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/component-vdom.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import Binding from "../reactivity/binding";
|
|
2
|
-
import { Vdom } from "./vdom";
|
|
3
|
-
export class ConditionalVdom extends Vdom {
|
|
4
|
-
constructor() {
|
|
5
|
-
super(...arguments);
|
|
6
|
-
this.conditions = [];
|
|
7
|
-
this.sealed = false;
|
|
8
|
-
this.renderedIndex = -1;
|
|
9
|
-
}
|
|
10
|
-
addCondition(condition, vNode, seal = false) {
|
|
11
|
-
if (this.sealed) {
|
|
12
|
-
throw new Error("Cannot add additional conditions to a sealed block.");
|
|
13
|
-
}
|
|
14
|
-
this.sealed = seal;
|
|
15
|
-
let C = {
|
|
16
|
-
condition,
|
|
17
|
-
vNode,
|
|
18
|
-
startAnchor: null,
|
|
19
|
-
endAnchor: null,
|
|
20
|
-
observerId: 0
|
|
21
|
-
};
|
|
22
|
-
this.conditions.push(C);
|
|
23
|
-
if (this._isRendered) {
|
|
24
|
-
this.renderClause(C, this.conditions[0].startAnchor.parentElement);
|
|
25
|
-
if (this.renderedIndex == -1) {
|
|
26
|
-
this.updateConditions();
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
renderClause(C, node) {
|
|
31
|
-
if (C.startAnchor)
|
|
32
|
-
throw new Error("Item is already rendered.");
|
|
33
|
-
C.startAnchor = node.ownerDocument.createTextNode("");
|
|
34
|
-
C.endAnchor = node.ownerDocument.createTextNode("");
|
|
35
|
-
node.appendChild(C.startAnchor);
|
|
36
|
-
node.appendChild(C.endAnchor);
|
|
37
|
-
if (C.condition instanceof Binding) {
|
|
38
|
-
C.observerId = C.condition._subscribe(this);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
_render(node) {
|
|
42
|
-
this._isRendered = true;
|
|
43
|
-
for (let c = 0; c < this.conditions.length; c++) {
|
|
44
|
-
this.renderClause(this.conditions[c], node);
|
|
45
|
-
}
|
|
46
|
-
this.updateConditions();
|
|
47
|
-
}
|
|
48
|
-
removeCNode(C) {
|
|
49
|
-
if (C.condition instanceof Binding) {
|
|
50
|
-
C.condition._unsubscribe(C.observerId);
|
|
51
|
-
C.observerId = 0;
|
|
52
|
-
}
|
|
53
|
-
let start = C.startAnchor;
|
|
54
|
-
let end = C.endAnchor;
|
|
55
|
-
start.parentElement.removeChild(start);
|
|
56
|
-
end.parentElement.removeChild(end);
|
|
57
|
-
C.startAnchor = null;
|
|
58
|
-
C.endAnchor = null;
|
|
59
|
-
C.vNode._unrender();
|
|
60
|
-
}
|
|
61
|
-
_unrender() {
|
|
62
|
-
if (!this._isRendered)
|
|
63
|
-
return;
|
|
64
|
-
this._isRendered = false;
|
|
65
|
-
this.renderedIndex = -1;
|
|
66
|
-
for (let i = 0; i < this.conditions.length; i++) {
|
|
67
|
-
let C = this.conditions[i];
|
|
68
|
-
this.removeCNode(C);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
updateConditions() {
|
|
72
|
-
let node = this.conditions[0].startAnchor.parentElement;
|
|
73
|
-
let newIndex = -1;
|
|
74
|
-
for (let c = 0; c < this.conditions.length; c++) {
|
|
75
|
-
let C = this.conditions[c];
|
|
76
|
-
if (C.condition instanceof Binding ? C.condition._get() : C.condition) {
|
|
77
|
-
newIndex = c;
|
|
78
|
-
break;
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
if (newIndex != this.renderedIndex) {
|
|
82
|
-
{
|
|
83
|
-
if (this.renderedIndex != -1) {
|
|
84
|
-
let C = this.conditions[this.renderedIndex];
|
|
85
|
-
C.vNode._unrender();
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
{
|
|
89
|
-
this.renderedIndex = newIndex;
|
|
90
|
-
if (newIndex != -1) {
|
|
91
|
-
let C = this.conditions[newIndex];
|
|
92
|
-
C.vNode._renderBefore(C.endAnchor);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
//# sourceMappingURL=conditional-vdom.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"conditional-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/conditional-vdom.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import Watcher from "../reactivity/watcher";
|
|
2
|
-
import CollectionVdom from "./collection-vdom";
|
|
3
|
-
import { ConditionalVdom } from "./conditional-vdom";
|
|
4
|
-
import ElementVdom from "./element-vdom";
|
|
5
|
-
import { HtmlVdom } from "./html-vdom";
|
|
6
|
-
import { TextVdom } from "./text-vdom";
|
|
7
|
-
import { Vdom } from "./vdom";
|
|
8
|
-
import { ComponentVdom } from "./component-vdom";
|
|
9
|
-
function reduceReactive(value) {
|
|
10
|
-
if (value instanceof Watcher)
|
|
11
|
-
return value.bind();
|
|
12
|
-
else
|
|
13
|
-
return value;
|
|
14
|
-
}
|
|
15
|
-
export class ContainerVdom extends Vdom {
|
|
16
|
-
constructor(dot) {
|
|
17
|
-
super();
|
|
18
|
-
this._children = [];
|
|
19
|
-
this._parent = null;
|
|
20
|
-
this._dot = dot;
|
|
21
|
-
}
|
|
22
|
-
_addChild(content) {
|
|
23
|
-
this._children.push(content);
|
|
24
|
-
if (this._parent && this._parent instanceof ElementVdom && this._parent.element)
|
|
25
|
-
content._render(this._parent.element);
|
|
26
|
-
return this;
|
|
27
|
-
}
|
|
28
|
-
_render(node) {
|
|
29
|
-
this._isRendered = true;
|
|
30
|
-
for (let c = 0; c < this._children.length; c++) {
|
|
31
|
-
this._children[c]._render(node);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
_unrender() {
|
|
35
|
-
if (!this._isRendered)
|
|
36
|
-
return;
|
|
37
|
-
this._isRendered = false;
|
|
38
|
-
for (let c = 0; c < this._children.length; c++) {
|
|
39
|
-
this._children[c]._unrender();
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
attr(A, c) {
|
|
43
|
-
let C = this._children[this._children.length - 1];
|
|
44
|
-
if (C && C instanceof ElementVdom) {
|
|
45
|
-
C.setAttr(A, c);
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
throw new Error(`Invalid node to set ${A} attribute.`);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
html(c) {
|
|
52
|
-
let hn = new HtmlVdom(reduceReactive(c));
|
|
53
|
-
return this._addChild(hn);
|
|
54
|
-
}
|
|
55
|
-
text(c) {
|
|
56
|
-
let tn = new TextVdom(reduceReactive(c));
|
|
57
|
-
return this._addChild(tn);
|
|
58
|
-
}
|
|
59
|
-
md(c) {
|
|
60
|
-
return this.text(reduceReactive(c));
|
|
61
|
-
}
|
|
62
|
-
mount(c) {
|
|
63
|
-
let cn = new ComponentVdom(this._dot, c);
|
|
64
|
-
let ret = this._addChild(cn);
|
|
65
|
-
return ret;
|
|
66
|
-
}
|
|
67
|
-
when(condition, then) {
|
|
68
|
-
let condNode = new ConditionalVdom();
|
|
69
|
-
let thenContainer;
|
|
70
|
-
if (then instanceof ContainerVdom) {
|
|
71
|
-
thenContainer = then;
|
|
72
|
-
}
|
|
73
|
-
else {
|
|
74
|
-
thenContainer = new ContainerVdom(this._dot);
|
|
75
|
-
let textVdom = new TextVdom(reduceReactive(then));
|
|
76
|
-
thenContainer._addChild(textVdom);
|
|
77
|
-
then = thenContainer;
|
|
78
|
-
}
|
|
79
|
-
condNode.addCondition(reduceReactive(condition), reduceReactive(then));
|
|
80
|
-
this._addChild(condNode);
|
|
81
|
-
return this;
|
|
82
|
-
}
|
|
83
|
-
otherwiseWhen(condition, then, seal = false) {
|
|
84
|
-
let condNode = this._children[this._children.length - 1];
|
|
85
|
-
if (condNode instanceof ConditionalVdom) {
|
|
86
|
-
let thenContainer;
|
|
87
|
-
if (then instanceof ContainerVdom) {
|
|
88
|
-
thenContainer = then;
|
|
89
|
-
}
|
|
90
|
-
else {
|
|
91
|
-
thenContainer = new ContainerVdom(this._dot);
|
|
92
|
-
let textVdom = new TextVdom(reduceReactive(then));
|
|
93
|
-
thenContainer._addChild(textVdom);
|
|
94
|
-
then = thenContainer;
|
|
95
|
-
}
|
|
96
|
-
condNode.addCondition(reduceReactive(condition), reduceReactive(then), seal);
|
|
97
|
-
}
|
|
98
|
-
else {
|
|
99
|
-
throw new Error("Can't branch off of a non-conditional node.");
|
|
100
|
-
}
|
|
101
|
-
return this;
|
|
102
|
-
}
|
|
103
|
-
otherwise(then) { return this.otherwiseWhen(true, then, true); }
|
|
104
|
-
each(collection, callback) {
|
|
105
|
-
let collectionVdom = new CollectionVdom(reduceReactive(collection), callback);
|
|
106
|
-
this._addChild(collectionVdom);
|
|
107
|
-
return this;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
//# sourceMappingURL=container-vdom.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"container-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/container-vdom.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
import { DOT_VDOM_PROP_NAME } from "../constants";
|
|
2
|
-
import Watcher from "../reactivity/watcher";
|
|
3
|
-
import AttributeVNode from "../v-meta-nodes/attribute-v-node";
|
|
4
|
-
import StyleVNode from "../v-meta-nodes/style-v-node";
|
|
5
|
-
import { ContainerVdom } from "./container-vdom";
|
|
6
|
-
import { Vdom } from "./vdom";
|
|
7
|
-
import Binding from "../reactivity/binding";
|
|
8
|
-
import ReactiveAttr from "../reactivity/reactive-attr";
|
|
9
|
-
export class AttributeItem {
|
|
10
|
-
}
|
|
11
|
-
let manualInputAllowed = true;
|
|
12
|
-
export default class ElementVdom extends Vdom {
|
|
13
|
-
constructor(dot, tag) {
|
|
14
|
-
super();
|
|
15
|
-
this.children = null;
|
|
16
|
-
this.tag = null;
|
|
17
|
-
this.attributes = {};
|
|
18
|
-
this.events = [];
|
|
19
|
-
this.attributeObserverIds = [];
|
|
20
|
-
this.childBuilders = [];
|
|
21
|
-
this.attrVNodes = [];
|
|
22
|
-
this.styleVNodes = [];
|
|
23
|
-
this.tag = tag;
|
|
24
|
-
this.children = new ContainerVdom(dot);
|
|
25
|
-
this.children._parent = this;
|
|
26
|
-
}
|
|
27
|
-
_render(node) {
|
|
28
|
-
this.element = node.ownerDocument.createElement(this.tag);
|
|
29
|
-
this.element[DOT_VDOM_PROP_NAME] = this;
|
|
30
|
-
if (this.ref) {
|
|
31
|
-
this.ref["_element"] = this.element;
|
|
32
|
-
}
|
|
33
|
-
for (let a in this.attributes) {
|
|
34
|
-
this.renderAttr(a, this.attributes[a], this.element);
|
|
35
|
-
}
|
|
36
|
-
node.appendChild(this.element);
|
|
37
|
-
for (let i = 0; i < this.events.length; i++) {
|
|
38
|
-
let e = this.events[i];
|
|
39
|
-
this.renderEvent(e.name, e.callback);
|
|
40
|
-
}
|
|
41
|
-
if (this.children) {
|
|
42
|
-
this.children._render(this.element);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
_unrender() {
|
|
46
|
-
if (this.ref) {
|
|
47
|
-
this.ref["_element"] = null;
|
|
48
|
-
}
|
|
49
|
-
this.children._unrender();
|
|
50
|
-
if (this.inputListener) {
|
|
51
|
-
this.element.removeEventListener("input", this.inputListener);
|
|
52
|
-
this.inputListener = null;
|
|
53
|
-
}
|
|
54
|
-
this.element.parentNode?.removeChild(this.element);
|
|
55
|
-
this.element = null;
|
|
56
|
-
for (let i = 0; i < this.childBuilders.length; i++) {
|
|
57
|
-
this.childBuilders[i]._unrender();
|
|
58
|
-
}
|
|
59
|
-
this.childBuilders.length = 0;
|
|
60
|
-
for (let i = 0; i < this.attrVNodes.length; i++) {
|
|
61
|
-
this.attrVNodes[i].unrender();
|
|
62
|
-
}
|
|
63
|
-
this.attrVNodes.length = 0;
|
|
64
|
-
for (let i = 0; i < this.styleVNodes.length; i++) {
|
|
65
|
-
this.styleVNodes[i].unrender();
|
|
66
|
-
}
|
|
67
|
-
this.styleVNodes.length = 0;
|
|
68
|
-
for (let i = 0; i < this.attributeObserverIds.length; i++) {
|
|
69
|
-
let item = this.attributeObserverIds[i];
|
|
70
|
-
item.observable._unsubscribe(item.id);
|
|
71
|
-
}
|
|
72
|
-
this.attributeObserverIds.length = 0;
|
|
73
|
-
}
|
|
74
|
-
toString() {
|
|
75
|
-
if (this.element) {
|
|
76
|
-
return this.element.outerHTML;
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
return super.toString();
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
setAttr(attr, value) {
|
|
83
|
-
attr = (attr ?? "").toLowerCase();
|
|
84
|
-
if (value && typeof value === "object" && !(value instanceof Array || value instanceof Binding || value instanceof Watcher)) {
|
|
85
|
-
switch (attr) {
|
|
86
|
-
case "style": {
|
|
87
|
-
value = new StyleVNode(value);
|
|
88
|
-
break;
|
|
89
|
-
}
|
|
90
|
-
case "ref": {
|
|
91
|
-
break;
|
|
92
|
-
}
|
|
93
|
-
default: {
|
|
94
|
-
value = new AttributeVNode(attr, value);
|
|
95
|
-
break;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
this.attributes[attr] = value;
|
|
100
|
-
if (this.element) {
|
|
101
|
-
this.renderAttr(attr, value, this.element);
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
renderAttr(attr, value, node) {
|
|
105
|
-
if (attr == "ref") {
|
|
106
|
-
this.ref = value;
|
|
107
|
-
if (this.element) {
|
|
108
|
-
this.ref["_element"] = this.element;
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
else if (typeof value === "string" || typeof value === "number") {
|
|
112
|
-
node.setAttribute(attr, `${value}`);
|
|
113
|
-
}
|
|
114
|
-
else if (typeof value === "boolean" || value == null || value == undefined) {
|
|
115
|
-
if (value)
|
|
116
|
-
node.setAttribute(attr, `${value}`);
|
|
117
|
-
else
|
|
118
|
-
node.removeAttribute(attr);
|
|
119
|
-
}
|
|
120
|
-
else if (value instanceof Array) {
|
|
121
|
-
node.setAttribute(attr, value.join(" "));
|
|
122
|
-
}
|
|
123
|
-
else if (value instanceof Binding) {
|
|
124
|
-
this.renderAttr(attr, value._get(), node);
|
|
125
|
-
let id = value._subscribe(new ReactiveAttr(this, attr));
|
|
126
|
-
this.attributeObserverIds.push({ id: id, observable: value });
|
|
127
|
-
if (attr == "value" || attr == "checked") {
|
|
128
|
-
let timeout = null;
|
|
129
|
-
if (!this.inputListener) {
|
|
130
|
-
this.inputListener = (e) => {
|
|
131
|
-
if (!manualInputAllowed)
|
|
132
|
-
return;
|
|
133
|
-
if (timeout)
|
|
134
|
-
clearTimeout(timeout);
|
|
135
|
-
timeout = setTimeout(() => {
|
|
136
|
-
manualInputAllowed = false;
|
|
137
|
-
value._set(this.element[attr]);
|
|
138
|
-
manualInputAllowed = true;
|
|
139
|
-
timeout = null;
|
|
140
|
-
}, 200);
|
|
141
|
-
};
|
|
142
|
-
this.element.addEventListener("input", this.inputListener);
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
else if (value instanceof AttributeVNode) {
|
|
147
|
-
value.render(node);
|
|
148
|
-
}
|
|
149
|
-
else if (value instanceof StyleVNode) {
|
|
150
|
-
value.render(node);
|
|
151
|
-
}
|
|
152
|
-
else {
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
addEventListener(event, callback) {
|
|
156
|
-
this.events.push({ name: event, callback: callback });
|
|
157
|
-
if (this.element)
|
|
158
|
-
this.renderEvent(event, callback);
|
|
159
|
-
}
|
|
160
|
-
renderEvent(e, callback) {
|
|
161
|
-
this.element.addEventListener(e.toLowerCase(), callback);
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
//# sourceMappingURL=element-vdom.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"element-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/element-vdom.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { removeNodesBetween } from "../helpers/tools";
|
|
2
|
-
import Binding from "../reactivity/binding";
|
|
3
|
-
import { Vdom } from "./vdom";
|
|
4
|
-
export class HtmlVdom extends Vdom {
|
|
5
|
-
constructor(html) {
|
|
6
|
-
super();
|
|
7
|
-
this.observerId = 0;
|
|
8
|
-
this.html = html;
|
|
9
|
-
}
|
|
10
|
-
updateHtml(html) {
|
|
11
|
-
if (this.beforeNode) {
|
|
12
|
-
removeNodesBetween(this.beforeNode, this.afterNode);
|
|
13
|
-
let temp = this.beforeNode.ownerDocument.createElement("div");
|
|
14
|
-
temp.innerHTML = html;
|
|
15
|
-
while (temp.firstChild) {
|
|
16
|
-
this.afterNode.parentElement.insertBefore(temp.firstChild, this.afterNode);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
_render(target) {
|
|
21
|
-
let html = "";
|
|
22
|
-
if (this.html instanceof Binding) {
|
|
23
|
-
html = this.html._get() ?? "";
|
|
24
|
-
this.observerId = this.html._subscribe(this);
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
html = this.html;
|
|
28
|
-
}
|
|
29
|
-
this.beforeNode = target.ownerDocument.createTextNode("");
|
|
30
|
-
this.afterNode = target.ownerDocument.createTextNode("");
|
|
31
|
-
target.appendChild(this.beforeNode);
|
|
32
|
-
target.appendChild(this.afterNode);
|
|
33
|
-
this.updateHtml(html ?? "");
|
|
34
|
-
}
|
|
35
|
-
_unrender() {
|
|
36
|
-
if (this.beforeNode) {
|
|
37
|
-
let parent = this.beforeNode.parentElement;
|
|
38
|
-
removeNodesBetween(this.beforeNode, this.afterNode);
|
|
39
|
-
parent.removeChild(this.beforeNode);
|
|
40
|
-
parent.removeChild(this.afterNode);
|
|
41
|
-
this.beforeNode = null;
|
|
42
|
-
this.afterNode = null;
|
|
43
|
-
}
|
|
44
|
-
if (this.observerId && this.html instanceof Binding) {
|
|
45
|
-
this.html._unsubscribe(this.observerId);
|
|
46
|
-
this.observerId = 0;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
toString() {
|
|
50
|
-
return this.html instanceof Binding ? this.html._get() : this.html;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
//# sourceMappingURL=html-vdom.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"html-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/html-vdom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,OAAO,QAAS,SAAQ,IAAI;IAQjC,YAAY,IAAoB;QAC/B,KAAK,EAAE,CAAC;QAHT,eAAU,GAAW,CAAC,CAAC;QAItB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAClB,CAAC;IAED,UAAU,CAAC,IAAI;QACd,IAAG,IAAI,CAAC,UAAU,EAAC;YAClB,kBAAkB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAGpD,IAAI,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YAEtB,OAAO,IAAI,CAAC,UAAU,EAAE;gBACvB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;aAC3E;SACD;IACF,CAAC;IAED,OAAO,CAAC,MAAmB;QAC1B,IAAI,IAAI,GAAG,EAAE,CAAC;QACd,IAAG,IAAI,CAAC,IAAI,YAAY,OAAO,EAAC;YAC/B,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC;YAC9B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SAC7C;aACG;YACH,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SACjB;QAED,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QAC1D,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QACzD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACpC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAC7B,CAAC;IAED,SAAS;QACR,IAAG,IAAI,CAAC,UAAU,EAAC;YAClB,IAAI,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;YAG3C,kBAAkB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAEpD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACpC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACnC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACtB;QAED,IAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,YAAY,OAAO,EAAC;YAClD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACxC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;SACpB;IACF,CAAC;IAED,QAAQ;QACP,OAAO,IAAI,CAAC,IAAI,YAAY,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACpE,CAAC;CACD"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import Binding from "../reactivity/binding";
|
|
2
|
-
import { Vdom } from "./vdom";
|
|
3
|
-
export class TextVdom extends Vdom {
|
|
4
|
-
constructor(text) {
|
|
5
|
-
super();
|
|
6
|
-
this.textNode = null;
|
|
7
|
-
this.observerId = 0;
|
|
8
|
-
this.text = text;
|
|
9
|
-
}
|
|
10
|
-
_render(node) {
|
|
11
|
-
if (this.text instanceof Binding) {
|
|
12
|
-
this.textNode = node.ownerDocument.createTextNode(this.text._get() ?? "");
|
|
13
|
-
this.observerId = this.text._subscribe(this);
|
|
14
|
-
}
|
|
15
|
-
else {
|
|
16
|
-
this.textNode = node.ownerDocument.createTextNode(`${this.text ?? ""}`);
|
|
17
|
-
}
|
|
18
|
-
node.appendChild(this.textNode);
|
|
19
|
-
}
|
|
20
|
-
_unrender() {
|
|
21
|
-
if (this.textNode) {
|
|
22
|
-
this.textNode.parentElement.removeChild(this.textNode);
|
|
23
|
-
this.textNode = null;
|
|
24
|
-
}
|
|
25
|
-
if (this.observerId && this.text instanceof Binding) {
|
|
26
|
-
this.text._unsubscribe(this.observerId);
|
|
27
|
-
this.observerId = 0;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
toString() {
|
|
31
|
-
let temp = document.createTextNode((this.text instanceof Binding ? this.text._get() : this.text) ?? "");
|
|
32
|
-
let div = document.createElement("div");
|
|
33
|
-
div.appendChild(temp);
|
|
34
|
-
return div.innerHTML;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
//# sourceMappingURL=text-vdom.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/text-vdom.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,MAAM,OAAO,QAAS,SAAQ,IAAI;IAMjC,YAAY,IAAmC;QAC9C,KAAK,EAAE,CAAC;QAJT,aAAQ,GAAS,IAAI,CAAC;QACtB,eAAU,GAAG,CAAC,CAAC;QAId,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAClB,CAAC;IAED,OAAO,CAAC,IAAiB;QACxB,IAAG,IAAI,CAAC,IAAI,YAAY,OAAO,EAAC;YAC/B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1E,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SAC7C;aACG;YACH,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;SACxE;QAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC;IAED,SAAS;QACR,IAAG,IAAI,CAAC,QAAQ,EAAC;YAEhB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACvD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACrB;QAED,IAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,YAAY,OAAO,EAAC;YAClD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACxC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;SACpB;IACF,CAAC;IAED,QAAQ;QACP,IAAI,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,YAAY,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACxG,IAAI,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtB,OAAO,GAAG,CAAC,SAAS,CAAC;IACtB,CAAC;CACD"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
export class Vdom {
|
|
2
|
-
constructor() {
|
|
3
|
-
this.__isRendered = false;
|
|
4
|
-
}
|
|
5
|
-
get _isRendered() {
|
|
6
|
-
return this.__isRendered;
|
|
7
|
-
}
|
|
8
|
-
set _isRendered(value) {
|
|
9
|
-
if (value && this.__isRendered)
|
|
10
|
-
throw new Error("Internal Error: Node is already rendered.");
|
|
11
|
-
if (!value && !this.__isRendered)
|
|
12
|
-
throw new Error("Internal Error: Node is not rendered.");
|
|
13
|
-
this.__isRendered = value;
|
|
14
|
-
}
|
|
15
|
-
toString() {
|
|
16
|
-
let el = document.createElement("div");
|
|
17
|
-
this._render(el);
|
|
18
|
-
return el.innerHTML;
|
|
19
|
-
}
|
|
20
|
-
_renderBefore(reference) {
|
|
21
|
-
let dummy = reference.ownerDocument.createElement("div");
|
|
22
|
-
this._render(dummy);
|
|
23
|
-
while (dummy.childNodes.length > 0) {
|
|
24
|
-
let cn = dummy.childNodes[0];
|
|
25
|
-
cn.parentElement.removeChild(cn);
|
|
26
|
-
reference.parentElement.insertBefore(cn, reference);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
_renderAfter(reference) {
|
|
30
|
-
if (reference.nextSibling) {
|
|
31
|
-
this._renderBefore(reference.nextSibling);
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
let temp = reference.ownerDocument.createTextNode("");
|
|
35
|
-
reference.parentElement.appendChild(temp);
|
|
36
|
-
this._renderBefore(temp);
|
|
37
|
-
temp.parentElement.removeChild(temp);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
//# sourceMappingURL=vdom.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/vdom.ts"],"names":[],"mappings":"AAAA,MAAM,OAAgB,IAAI;IAA1B;QAMC,iBAAY,GAAG,KAAK,CAAC;IAoCtB,CAAC;IAnCA,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,YAAY,CAAA;IACzB,CAAC;IACD,IAAI,WAAW,CAAC,KAAc;QAC7B,IAAG,KAAK,IAAI,IAAI,CAAC,YAAY;YAAE,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;QAC5F,IAAG,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;QAC1F,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,QAAQ;QACP,IAAI,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACjB,OAAO,EAAE,CAAC,SAAS,CAAC;IACrB,CAAC;IAED,aAAa,CAAC,SAAe;QAC5B,IAAI,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACpB,OAAM,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAC;YACjC,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YAC7B,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YACjC,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;SACpD;IACF,CAAC;IACD,YAAY,CAAC,SAAe;QAC3B,IAAG,SAAS,CAAC,WAAW,EAAC;YACxB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;SAC1C;aACG;YACH,IAAI,IAAI,GAAG,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;YACtD,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC1C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACzB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SACrC;IACF,CAAC;CACD"}
|