dothtml 6.0.0-beta.15 → 6.0.0-beta.16
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/package.json +2 -2
- package/readme.md +1 -1
- package/build_module/constants.d.ts +0 -1
- package/build_module/constants.js +0 -2
- package/build_module/constants.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.d.ts +0 -4
- package/build_module/css/format-css-type.js +0 -38
- 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 -43
- package/build_module/decoration/component.js.map +0 -1
- package/build_module/decoration/style.d.ts +0 -0
- package/build_module/decoration/style.js +0 -1
- package/build_module/decoration/style.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.d.ts +0 -3
- package/build_module/dot.js +0 -363
- 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 -19
- package/build_module/helpers/render-css.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.d.ts +0 -7
- package/build_module/index.js +0 -5
- package/build_module/index.js.map +0 -1
- package/build_module/reactive.d.ts +0 -43
- package/build_module/reactive.js +0 -135
- package/build_module/reactive.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-style-nodes/base-v-style.d.ts +0 -14
- package/build_module/v-style-nodes/base-v-style.js +0 -116
- package/build_module/v-style-nodes/base-v-style.js.map +0 -1
- package/build_module/v-style-nodes/css-function-builder-v-style.d.ts +0 -20
- package/build_module/v-style-nodes/css-function-builder-v-style.js +0 -71
- package/build_module/v-style-nodes/css-function-builder-v-style.js.map +0 -1
- package/build_module/v-style-nodes/filter-v-style.d.ts +0 -14
- 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.d.ts +0 -29
- 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.d.ts +0 -6
- 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.d.ts +0 -24
- package/build_module/vdom-nodes/collection-vdom.js +0 -154
- package/build_module/vdom-nodes/collection-vdom.js.map +0 -1
- package/build_module/vdom-nodes/component-vdom.d.ts +0 -14
- package/build_module/vdom-nodes/component-vdom.js +0 -61
- package/build_module/vdom-nodes/component-vdom.js.map +0 -1
- package/build_module/vdom-nodes/conditional-vdom.d.ts +0 -14
- package/build_module/vdom-nodes/conditional-vdom.js +0 -97
- package/build_module/vdom-nodes/conditional-vdom.js.map +0 -1
- package/build_module/vdom-nodes/container-vdom.d.ts +0 -25
- package/build_module/vdom-nodes/container-vdom.js +0 -269
- package/build_module/vdom-nodes/container-vdom.js.map +0 -1
- package/build_module/vdom-nodes/element-vdom.d.ts +0 -19
- package/build_module/vdom-nodes/element-vdom.js +0 -98
- package/build_module/vdom-nodes/element-vdom.js.map +0 -1
- package/build_module/vdom-nodes/html-vdom.d.ts +0 -13
- 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.d.ts +0 -11
- 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.d.ts +0 -7
- package/build_module/vdom-nodes/vdom.js +0 -28
- package/build_module/vdom-nodes/vdom.js.map +0 -1
|
@@ -1,269 +0,0 @@
|
|
|
1
|
-
import CollectionVdom from "./collection-vdom";
|
|
2
|
-
import { ConditionalVdom } from "./conditional-vdom";
|
|
3
|
-
import ElementVdom from "./element-vdom";
|
|
4
|
-
import { HtmlVdom } from "./html-vdom";
|
|
5
|
-
import { TextVdom } from "./text-vdom";
|
|
6
|
-
import { Vdom } from "./vdom";
|
|
7
|
-
import { ComponentVdom } from "./component-vdom";
|
|
8
|
-
export class ContainerVdom extends Vdom {
|
|
9
|
-
constructor() {
|
|
10
|
-
super();
|
|
11
|
-
this._children = [];
|
|
12
|
-
this._parent = null;
|
|
13
|
-
}
|
|
14
|
-
_addChild(content) {
|
|
15
|
-
this._children.push(content);
|
|
16
|
-
if (this._parent && this._parent instanceof ElementVdom && this._parent.element)
|
|
17
|
-
content._render(this._parent.element);
|
|
18
|
-
return this;
|
|
19
|
-
}
|
|
20
|
-
_render(node) {
|
|
21
|
-
for (let c = 0; c < this._children.length; c++) {
|
|
22
|
-
this._children[c]._render(node);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
_unrender() {
|
|
26
|
-
for (let c = 0; c < this._children.length; c++) {
|
|
27
|
-
this._children[c]._unrender();
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
attr(A, c) {
|
|
31
|
-
let C = this._children[this._children.length - 1];
|
|
32
|
-
if (C && C instanceof ElementVdom) {
|
|
33
|
-
C.setAttr(A, c);
|
|
34
|
-
}
|
|
35
|
-
else {
|
|
36
|
-
throw new Error(`Invalid node to set ${A} attribute.`);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
html(c) {
|
|
40
|
-
let hn = new HtmlVdom(c);
|
|
41
|
-
return this._addChild(hn);
|
|
42
|
-
}
|
|
43
|
-
text(c) {
|
|
44
|
-
let tn = new TextVdom(c);
|
|
45
|
-
return this._addChild(tn);
|
|
46
|
-
}
|
|
47
|
-
md(c) {
|
|
48
|
-
return this.text(c);
|
|
49
|
-
}
|
|
50
|
-
mount(c) {
|
|
51
|
-
let cn = new ComponentVdom(c);
|
|
52
|
-
return this._addChild(cn);
|
|
53
|
-
}
|
|
54
|
-
when(condition, then) {
|
|
55
|
-
let condNode = new ConditionalVdom();
|
|
56
|
-
let thenContainer;
|
|
57
|
-
if (then instanceof ContainerVdom) {
|
|
58
|
-
thenContainer = then;
|
|
59
|
-
}
|
|
60
|
-
else {
|
|
61
|
-
thenContainer = new ContainerVdom();
|
|
62
|
-
let textVdom = new TextVdom(then);
|
|
63
|
-
thenContainer._addChild(textVdom);
|
|
64
|
-
then = thenContainer;
|
|
65
|
-
}
|
|
66
|
-
condNode.addCondition(condition, then);
|
|
67
|
-
this._addChild(condNode);
|
|
68
|
-
return this;
|
|
69
|
-
}
|
|
70
|
-
otherwiseWhen(condition, then, seal = false) {
|
|
71
|
-
let condNode = this._children[this._children.length - 1];
|
|
72
|
-
if (condNode instanceof ConditionalVdom) {
|
|
73
|
-
let thenContainer;
|
|
74
|
-
if (then instanceof ContainerVdom) {
|
|
75
|
-
thenContainer = then;
|
|
76
|
-
}
|
|
77
|
-
else {
|
|
78
|
-
thenContainer = new ContainerVdom();
|
|
79
|
-
let textVdom = new TextVdom(then);
|
|
80
|
-
thenContainer._addChild(textVdom);
|
|
81
|
-
then = thenContainer;
|
|
82
|
-
}
|
|
83
|
-
condNode.addCondition(condition, then, seal);
|
|
84
|
-
}
|
|
85
|
-
else {
|
|
86
|
-
throw new Error("Can't branch off of a non-conditional node.");
|
|
87
|
-
}
|
|
88
|
-
return this;
|
|
89
|
-
}
|
|
90
|
-
otherwise(then) { return this.otherwiseWhen(true, then, true); }
|
|
91
|
-
each(collection, callback) {
|
|
92
|
-
let collectionVdom = new CollectionVdom(collection, callback);
|
|
93
|
-
this._addChild(collectionVdom);
|
|
94
|
-
return this;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
{
|
|
98
|
-
const allAttributes = [
|
|
99
|
-
"accept",
|
|
100
|
-
"accessKey",
|
|
101
|
-
"action",
|
|
102
|
-
"align",
|
|
103
|
-
"allow",
|
|
104
|
-
"allowFullScreen",
|
|
105
|
-
"aLink",
|
|
106
|
-
"alt",
|
|
107
|
-
"archive",
|
|
108
|
-
"autoCapitalize",
|
|
109
|
-
"autoComplete",
|
|
110
|
-
"autoFocus",
|
|
111
|
-
"autoPlay",
|
|
112
|
-
"autoSave",
|
|
113
|
-
"axis",
|
|
114
|
-
"background",
|
|
115
|
-
"bgColor",
|
|
116
|
-
"border",
|
|
117
|
-
"buffered",
|
|
118
|
-
"cellPadding",
|
|
119
|
-
"cellSpacing",
|
|
120
|
-
"challenge",
|
|
121
|
-
"char",
|
|
122
|
-
"charset",
|
|
123
|
-
"charOff",
|
|
124
|
-
"checked",
|
|
125
|
-
"class",
|
|
126
|
-
"classId",
|
|
127
|
-
"clear",
|
|
128
|
-
"codeBase",
|
|
129
|
-
"codeType",
|
|
130
|
-
"color",
|
|
131
|
-
"cols",
|
|
132
|
-
"colSpan",
|
|
133
|
-
"compact",
|
|
134
|
-
"contentEditable",
|
|
135
|
-
"contextMenu",
|
|
136
|
-
"controls",
|
|
137
|
-
"coords",
|
|
138
|
-
"crossOrigin",
|
|
139
|
-
"dateTime",
|
|
140
|
-
"declare",
|
|
141
|
-
"decoding",
|
|
142
|
-
"default",
|
|
143
|
-
"dir",
|
|
144
|
-
"dirName",
|
|
145
|
-
"disabled",
|
|
146
|
-
"download",
|
|
147
|
-
"draggable",
|
|
148
|
-
"dropZone",
|
|
149
|
-
"encType",
|
|
150
|
-
"enterKeyHint",
|
|
151
|
-
"exportParts",
|
|
152
|
-
"face",
|
|
153
|
-
"font",
|
|
154
|
-
"fontFace",
|
|
155
|
-
"fontFaceFormat",
|
|
156
|
-
"fontFaceName",
|
|
157
|
-
"fontFaceSrc",
|
|
158
|
-
"fontFaceUri",
|
|
159
|
-
"fontSpecification",
|
|
160
|
-
"for",
|
|
161
|
-
"foreignObject",
|
|
162
|
-
"formAction",
|
|
163
|
-
"frame",
|
|
164
|
-
"frameBorder",
|
|
165
|
-
"headers",
|
|
166
|
-
"height",
|
|
167
|
-
"hidden",
|
|
168
|
-
"high",
|
|
169
|
-
"hRef",
|
|
170
|
-
"hRefLang",
|
|
171
|
-
"hSpace",
|
|
172
|
-
"icon",
|
|
173
|
-
"id",
|
|
174
|
-
"inert",
|
|
175
|
-
"inputMode",
|
|
176
|
-
"images",
|
|
177
|
-
"is",
|
|
178
|
-
"isMap",
|
|
179
|
-
"itemId",
|
|
180
|
-
"itemProp",
|
|
181
|
-
"itemRef",
|
|
182
|
-
"itemScope",
|
|
183
|
-
"itemType",
|
|
184
|
-
"keyType",
|
|
185
|
-
"kind",
|
|
186
|
-
"lang",
|
|
187
|
-
"list",
|
|
188
|
-
"loading",
|
|
189
|
-
"longDesc",
|
|
190
|
-
"loop",
|
|
191
|
-
"low",
|
|
192
|
-
"manifest",
|
|
193
|
-
"marginHeight",
|
|
194
|
-
"marginWidth",
|
|
195
|
-
"max",
|
|
196
|
-
"maxLength",
|
|
197
|
-
"media",
|
|
198
|
-
"metadata",
|
|
199
|
-
"method",
|
|
200
|
-
"min",
|
|
201
|
-
"missingGlyph",
|
|
202
|
-
"multiple",
|
|
203
|
-
"muted",
|
|
204
|
-
"name",
|
|
205
|
-
"noHRef",
|
|
206
|
-
"nOnce",
|
|
207
|
-
"noResize",
|
|
208
|
-
"noShade",
|
|
209
|
-
"noValidate",
|
|
210
|
-
"noWrap",
|
|
211
|
-
"open",
|
|
212
|
-
"optimum",
|
|
213
|
-
"part",
|
|
214
|
-
"pattern",
|
|
215
|
-
"ping",
|
|
216
|
-
"placeholder",
|
|
217
|
-
"playsInline",
|
|
218
|
-
"poster",
|
|
219
|
-
"preload",
|
|
220
|
-
"prompt",
|
|
221
|
-
"radioGroup",
|
|
222
|
-
"readOnly",
|
|
223
|
-
"referrerPolicy",
|
|
224
|
-
"rel",
|
|
225
|
-
"required",
|
|
226
|
-
"rev",
|
|
227
|
-
"reversed",
|
|
228
|
-
"role",
|
|
229
|
-
"rows",
|
|
230
|
-
"rowSpan",
|
|
231
|
-
"rules",
|
|
232
|
-
"sandbox",
|
|
233
|
-
"scope",
|
|
234
|
-
"scrolling",
|
|
235
|
-
"seamless",
|
|
236
|
-
"selected",
|
|
237
|
-
"shape",
|
|
238
|
-
"size",
|
|
239
|
-
"sizes",
|
|
240
|
-
"spellCheck",
|
|
241
|
-
"src",
|
|
242
|
-
"srcDoc",
|
|
243
|
-
"srcLang",
|
|
244
|
-
"srcSet",
|
|
245
|
-
"standby",
|
|
246
|
-
"start",
|
|
247
|
-
"step",
|
|
248
|
-
"style",
|
|
249
|
-
"tabIndex",
|
|
250
|
-
"target",
|
|
251
|
-
"title",
|
|
252
|
-
"translate",
|
|
253
|
-
"type",
|
|
254
|
-
"useMap",
|
|
255
|
-
"vAlign",
|
|
256
|
-
"valueType",
|
|
257
|
-
"virtualKeyboardPolicy",
|
|
258
|
-
"width",
|
|
259
|
-
"wrap"
|
|
260
|
-
];
|
|
261
|
-
for (let i = 0; i < allAttributes.length; i++) {
|
|
262
|
-
let A = allAttributes[i];
|
|
263
|
-
ContainerVdom.prototype[A] = function (c) {
|
|
264
|
-
this.attr(A, c);
|
|
265
|
-
return this;
|
|
266
|
-
};
|
|
267
|
-
}
|
|
268
|
-
}
|
|
269
|
-
//# 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,19 +0,0 @@
|
|
|
1
|
-
import { ContainerVdom } from "./container-vdom";
|
|
2
|
-
import { Vdom } from "./vdom";
|
|
3
|
-
export default class ElementVdom extends Vdom {
|
|
4
|
-
children: ContainerVdom;
|
|
5
|
-
element: HTMLElement;
|
|
6
|
-
tag: string;
|
|
7
|
-
private attributes;
|
|
8
|
-
private events;
|
|
9
|
-
private attributeObserverIds;
|
|
10
|
-
private childBuilders;
|
|
11
|
-
constructor(tag: string);
|
|
12
|
-
_render(node: HTMLElement): void;
|
|
13
|
-
_unrender(): void;
|
|
14
|
-
toString(): string;
|
|
15
|
-
setAttr(attr: any, value: any): void;
|
|
16
|
-
private renderAttr;
|
|
17
|
-
addEventListener(event: string, callback: (e: Event) => void): void;
|
|
18
|
-
private renderEvent;
|
|
19
|
-
}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { DOT_VDOM_PROP_NAME } from "../constants";
|
|
2
|
-
import Reactive from "../reactive";
|
|
3
|
-
import BaseVStyle from "../v-style-nodes/base-v-style";
|
|
4
|
-
import { ContainerVdom } from "./container-vdom";
|
|
5
|
-
import { Vdom } from "./vdom";
|
|
6
|
-
export default class ElementVdom extends Vdom {
|
|
7
|
-
constructor(tag) {
|
|
8
|
-
super();
|
|
9
|
-
this.children = null;
|
|
10
|
-
this.tag = null;
|
|
11
|
-
this.attributes = {};
|
|
12
|
-
this.events = [];
|
|
13
|
-
this.attributeObserverIds = [];
|
|
14
|
-
this.childBuilders = [];
|
|
15
|
-
this.tag = tag;
|
|
16
|
-
this.children = new ContainerVdom();
|
|
17
|
-
this.children._parent = this;
|
|
18
|
-
}
|
|
19
|
-
_render(node) {
|
|
20
|
-
this.element = node.ownerDocument.createElement(this.tag);
|
|
21
|
-
this.element[DOT_VDOM_PROP_NAME] = this;
|
|
22
|
-
for (let a in this.attributes) {
|
|
23
|
-
this.renderAttr(a, this.attributes[a], this.element);
|
|
24
|
-
}
|
|
25
|
-
node.appendChild(this.element);
|
|
26
|
-
for (let i = 0; i < this.events.length; i++) {
|
|
27
|
-
let e = this.events[i];
|
|
28
|
-
this.renderEvent(e.name, e.callback);
|
|
29
|
-
}
|
|
30
|
-
if (this.children) {
|
|
31
|
-
this.children._render(this.element);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
_unrender() {
|
|
35
|
-
this.children._unrender();
|
|
36
|
-
this.element.parentNode?.removeChild(this.element);
|
|
37
|
-
this.element = null;
|
|
38
|
-
for (let i = 0; i < this.childBuilders.length; i++) {
|
|
39
|
-
this.childBuilders[i]._unrender();
|
|
40
|
-
}
|
|
41
|
-
this.childBuilders.length = 0;
|
|
42
|
-
for (let i = 0; i < this.attributeObserverIds.length; i++) {
|
|
43
|
-
let item = this.attributeObserverIds[i];
|
|
44
|
-
item.observable.detachBinding(item.id);
|
|
45
|
-
}
|
|
46
|
-
this.attributeObserverIds.length = 0;
|
|
47
|
-
}
|
|
48
|
-
toString() {
|
|
49
|
-
if (this.element) {
|
|
50
|
-
return this.element.outerHTML;
|
|
51
|
-
}
|
|
52
|
-
else {
|
|
53
|
-
return super.toString();
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
setAttr(attr, value) {
|
|
57
|
-
this.attributes[attr] = value;
|
|
58
|
-
if (this.element) {
|
|
59
|
-
this.renderAttr(attr, value, this.element);
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
renderAttr(attr, value, node) {
|
|
63
|
-
if (typeof value === "string" || typeof value === "number") {
|
|
64
|
-
node.setAttribute(attr, `${value}`);
|
|
65
|
-
}
|
|
66
|
-
else if (typeof value === "boolean" || value == null || value == undefined) {
|
|
67
|
-
if (value)
|
|
68
|
-
node.setAttribute(attr, `${value}`);
|
|
69
|
-
else
|
|
70
|
-
node.removeAttribute(attr);
|
|
71
|
-
}
|
|
72
|
-
else if (value instanceof Reactive) {
|
|
73
|
-
this.renderAttr(attr, value.getValue(), node);
|
|
74
|
-
let id = value.subscribeAttr(this, attr);
|
|
75
|
-
this.attributeObserverIds.push({ id: id, observable: value });
|
|
76
|
-
if (attr == "value" || attr == "checked") {
|
|
77
|
-
this.element.addEventListener("input", (e) => {
|
|
78
|
-
value.setValue(this.element[attr]);
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
else if (value instanceof BaseVStyle) {
|
|
83
|
-
value._render(this.element);
|
|
84
|
-
this.childBuilders.push(value);
|
|
85
|
-
}
|
|
86
|
-
else {
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
addEventListener(event, callback) {
|
|
90
|
-
this.events.push({ name: event, callback: callback });
|
|
91
|
-
if (this.element)
|
|
92
|
-
this.renderEvent(event, callback);
|
|
93
|
-
}
|
|
94
|
-
renderEvent(e, callback) {
|
|
95
|
-
this.element.addEventListener(e.toLowerCase(), callback);
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
//# 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,13 +0,0 @@
|
|
|
1
|
-
import Reactive from "../reactive";
|
|
2
|
-
import { Vdom } from "./vdom";
|
|
3
|
-
export declare class HtmlVdom extends Vdom {
|
|
4
|
-
beforeNode: Node;
|
|
5
|
-
afterNode: Node;
|
|
6
|
-
html: string | Reactive;
|
|
7
|
-
observerId: number;
|
|
8
|
-
constructor(html: string | Reactive);
|
|
9
|
-
updateHtml(html: any): void;
|
|
10
|
-
_render(target: HTMLElement): void;
|
|
11
|
-
_unrender(): void;
|
|
12
|
-
toString(): any;
|
|
13
|
-
}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { removeNodesBetween } from "../helpers";
|
|
2
|
-
import Reactive from "../reactive";
|
|
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 Reactive) {
|
|
23
|
-
html = this.html.getValue();
|
|
24
|
-
this.observerId = this.html.subscribeHtml(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 Reactive) {
|
|
45
|
-
this.html.detachBinding(this.observerId);
|
|
46
|
-
this.observerId = 0;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
toString() {
|
|
50
|
-
return this.html instanceof Reactive ? this.html.getValue() : 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,YAAY,CAAC;AAChD,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,OAAO,QAAS,SAAQ,IAAI;IAQjC,YAAY,IAAqB;QAChC,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,QAAQ,EAAC;YAChC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;SAChD;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,QAAQ,EAAC;YACnD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACzC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;SACpB;IACF,CAAC;IAED,QAAQ;QACP,OAAO,IAAI,CAAC,IAAI,YAAY,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACzE,CAAC;CACD"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import Reactive from "../reactive";
|
|
2
|
-
import { Vdom } from "./vdom";
|
|
3
|
-
export declare class TextVdom extends Vdom {
|
|
4
|
-
text: string | boolean | number | Reactive;
|
|
5
|
-
textNode: Node;
|
|
6
|
-
observerId: number;
|
|
7
|
-
constructor(text: string | boolean | number | Reactive);
|
|
8
|
-
_render(node: HTMLElement): void;
|
|
9
|
-
_unrender(): void;
|
|
10
|
-
toString(): string;
|
|
11
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import Reactive from "../reactive";
|
|
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 Reactive) {
|
|
12
|
-
this.textNode = node.ownerDocument.createTextNode(this.text.getValue() ?? "");
|
|
13
|
-
this.observerId = this.text.subscribeText(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 Reactive) {
|
|
26
|
-
this.text.detachBinding(this.observerId);
|
|
27
|
-
this.observerId = 0;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
toString() {
|
|
31
|
-
let temp = document.createTextNode((this.text instanceof Reactive ? this.text.getValue() : 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,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,MAAM,OAAO,QAAS,SAAQ,IAAI;IAMjC,YAAY,IAAoC;QAC/C,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,QAAQ,EAAC;YAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9E,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;SAChD;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,QAAQ,EAAC;YACnD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACzC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;SACpB;IACF,CAAC;IAED,QAAQ;QACP,IAAI,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,YAAY,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAC7G,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,28 +0,0 @@
|
|
|
1
|
-
export class Vdom {
|
|
2
|
-
toString() {
|
|
3
|
-
let el = document.createElement("div");
|
|
4
|
-
this._render(el);
|
|
5
|
-
return el.innerHTML;
|
|
6
|
-
}
|
|
7
|
-
_renderBefore(reference) {
|
|
8
|
-
let dummy = reference.ownerDocument.createElement("div");
|
|
9
|
-
this._render(dummy);
|
|
10
|
-
while (dummy.childNodes.length > 0) {
|
|
11
|
-
let cn = dummy.childNodes[0];
|
|
12
|
-
cn.parentElement.removeChild(cn);
|
|
13
|
-
reference.parentElement.insertBefore(cn, reference);
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
_renderAfter(reference) {
|
|
17
|
-
if (reference.nextSibling) {
|
|
18
|
-
this._renderBefore(reference.nextSibling);
|
|
19
|
-
}
|
|
20
|
-
else {
|
|
21
|
-
let temp = reference.ownerDocument.createTextNode("");
|
|
22
|
-
reference.parentElement.appendChild(temp);
|
|
23
|
-
this._renderBefore(temp);
|
|
24
|
-
temp.parentElement.removeChild(temp);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
//# 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;IAMzB,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"}
|