dothtml 6.0.0-beta.12 → 6.0.0-beta.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.
- package/build_module/css/format-css-type.d.ts +4 -0
- package/build_module/css/format-css-type.js +38 -0
- package/build_module/css/format-css-type.js.map +1 -0
- package/build_module/dot.js +12 -183
- package/build_module/dot.js.map +1 -1
- package/build_module/helpers.d.ts +1 -0
- package/build_module/helpers.js +1 -0
- package/build_module/helpers.js.map +1 -1
- package/build_module/reactive.d.ts +6 -0
- package/build_module/reactive.js +18 -3
- package/build_module/reactive.js.map +1 -1
- package/build_module/v-style-nodes/base-v-style.d.ts +14 -0
- package/build_module/v-style-nodes/base-v-style.js +116 -0
- package/build_module/v-style-nodes/base-v-style.js.map +1 -0
- package/build_module/v-style-nodes/css-function-builder-v-style.d.ts +20 -0
- package/build_module/v-style-nodes/css-function-builder-v-style.js +71 -0
- package/build_module/v-style-nodes/css-function-builder-v-style.js.map +1 -0
- package/build_module/v-style-nodes/filter-v-style.d.ts +14 -0
- package/build_module/v-style-nodes/filter-v-style.js +35 -0
- package/build_module/v-style-nodes/filter-v-style.js.map +1 -0
- package/build_module/v-style-nodes/transform-v-style.d.ts +29 -0
- package/build_module/v-style-nodes/transform-v-style.js +76 -0
- package/build_module/v-style-nodes/transform-v-style.js.map +1 -0
- package/build_module/v-style-nodes/v-style.d.ts +6 -0
- package/build_module/v-style-nodes/v-style.js +6 -0
- package/build_module/v-style-nodes/v-style.js.map +1 -0
- package/build_module/vdom-nodes/component-vdom.js +0 -1
- package/build_module/vdom-nodes/component-vdom.js.map +1 -1
- package/build_module/vdom-nodes/container-vdom.d.ts +2 -0
- package/build_module/vdom-nodes/container-vdom.js +184 -0
- package/build_module/vdom-nodes/container-vdom.js.map +1 -1
- package/build_module/vdom-nodes/element-vdom.d.ts +1 -0
- package/build_module/vdom-nodes/element-vdom.js +10 -0
- package/build_module/vdom-nodes/element-vdom.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare function formatCssLength(value: string | number): string;
|
|
2
|
+
export declare function formatCssPercentage(value: string | number): string | number;
|
|
3
|
+
export declare function formatCssColor(value: string | number): string;
|
|
4
|
+
export declare function formatCssAngle(value: string | number): string;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { floatRegex } from "../helpers";
|
|
2
|
+
export function formatCssLength(value) {
|
|
3
|
+
value = value || "0px";
|
|
4
|
+
if (!isNaN(value))
|
|
5
|
+
value = Math.round(value) + "px";
|
|
6
|
+
let length = Number(value.match(floatRegex)[0]);
|
|
7
|
+
let units = value.split(floatRegex)[1] || "px";
|
|
8
|
+
return `${length}${units}`;
|
|
9
|
+
}
|
|
10
|
+
export function formatCssPercentage(value) {
|
|
11
|
+
return isNaN(value) ? value : `${value}%`;
|
|
12
|
+
}
|
|
13
|
+
export function formatCssColor(value) {
|
|
14
|
+
if (typeof value == "number") {
|
|
15
|
+
let r = 0;
|
|
16
|
+
let g = 0;
|
|
17
|
+
let b = 0;
|
|
18
|
+
let a = 1;
|
|
19
|
+
b = value & 0xFF;
|
|
20
|
+
value >>= 8;
|
|
21
|
+
g = value & 0xFF;
|
|
22
|
+
value >>= 8;
|
|
23
|
+
r = value & 0xFF;
|
|
24
|
+
return `rgb(${r} ${g} ${b})`;
|
|
25
|
+
}
|
|
26
|
+
else if (typeof value == "string") {
|
|
27
|
+
return value;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
export function formatCssAngle(value) {
|
|
31
|
+
value = value || "0deg";
|
|
32
|
+
if (!isNaN(value))
|
|
33
|
+
value = `${Math.round(value)}deg`;
|
|
34
|
+
let angle = Number(value.match(floatRegex)[0]);
|
|
35
|
+
let units = value.split(floatRegex)[1] || "deg";
|
|
36
|
+
return `${angle}${units}`;
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=format-css-type.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"format-css-type.js","sourceRoot":"","sources":["../../src/css/format-css-type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAIxC,MAAM,UAAU,eAAe,CAAC,KAAmB;IAClD,KAAK,GAAG,KAAK,IAAI,KAAK,CAAC;IACvB,IAAG,CAAC,KAAK,CAAC,KAAe,CAAC;QAAE,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAe,CAAC,GAAG,IAAI,CAAC;IACvE,IAAI,MAAM,GAAG,MAAM,CAAE,KAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,IAAI,KAAK,GAAI,KAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IAE3D,OAAO,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,KAAoB;IACvD,OAAO,KAAK,CAAC,KAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAoB;IAOlD,IAAG,OAAO,KAAK,IAAI,QAAQ,EAAE;QAE5B,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,IAAI,CAAC,GAAG,CAAC,CAAC;QAEV,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC;QACjB,KAAK,KAAK,CAAC,CAAC;QACZ,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC;QACjB,KAAK,KAAK,CAAC,CAAC;QACZ,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC;QAEjB,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;KAC7B;SACI,IAAG,OAAO,KAAK,IAAI,QAAQ,EAAE;QACjC,OAAO,KAAK,CAAC;KACb;AACF,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAoB;IAClD,KAAK,GAAG,KAAK,IAAI,MAAM,CAAC;IACxB,IAAG,CAAC,KAAK,CAAC,KAAe,CAAC;QAAE,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAe,CAAC,KAAK,CAAC;IACxE,IAAI,KAAK,GAAG,MAAM,CAAE,KAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,IAAI,KAAK,GAAI,KAAgB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC;IAE5D,OAAO,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;AAC3B,CAAC"}
|
package/build_module/dot.js
CHANGED
|
@@ -7,6 +7,7 @@ import Reactive from "./reactive";
|
|
|
7
7
|
import { component } from "./decoration/component";
|
|
8
8
|
import { ComponentVdom } from "./vdom-nodes/component-vdom";
|
|
9
9
|
import { useStyles } from "./decoration/use-styles";
|
|
10
|
+
import BaseVStyle from "./v-style-nodes/base-v-style";
|
|
10
11
|
const allTags = [
|
|
11
12
|
"a",
|
|
12
13
|
"aside",
|
|
@@ -112,169 +113,6 @@ const allTags = [
|
|
|
112
113
|
"video",
|
|
113
114
|
"wbr"
|
|
114
115
|
];
|
|
115
|
-
const allAttributes = [
|
|
116
|
-
"accept",
|
|
117
|
-
"accessKey",
|
|
118
|
-
"action",
|
|
119
|
-
"align",
|
|
120
|
-
"allow",
|
|
121
|
-
"allowFullScreen",
|
|
122
|
-
"aLink",
|
|
123
|
-
"alt",
|
|
124
|
-
"archive",
|
|
125
|
-
"autoCapitalize",
|
|
126
|
-
"autoComplete",
|
|
127
|
-
"autoFocus",
|
|
128
|
-
"autoPlay",
|
|
129
|
-
"autoSave",
|
|
130
|
-
"axis",
|
|
131
|
-
"background",
|
|
132
|
-
"bgColor",
|
|
133
|
-
"border",
|
|
134
|
-
"buffered",
|
|
135
|
-
"cellPadding",
|
|
136
|
-
"cellSpacing",
|
|
137
|
-
"challenge",
|
|
138
|
-
"char",
|
|
139
|
-
"charset",
|
|
140
|
-
"charOff",
|
|
141
|
-
"checked",
|
|
142
|
-
"class",
|
|
143
|
-
"classId",
|
|
144
|
-
"clear",
|
|
145
|
-
"codeBase",
|
|
146
|
-
"codeType",
|
|
147
|
-
"color",
|
|
148
|
-
"cols",
|
|
149
|
-
"colSpan",
|
|
150
|
-
"compact",
|
|
151
|
-
"contentEditable",
|
|
152
|
-
"contextMenu",
|
|
153
|
-
"controls",
|
|
154
|
-
"coords",
|
|
155
|
-
"crossOrigin",
|
|
156
|
-
"dateTime",
|
|
157
|
-
"declare",
|
|
158
|
-
"decoding",
|
|
159
|
-
"default",
|
|
160
|
-
"dir",
|
|
161
|
-
"dirName",
|
|
162
|
-
"disabled",
|
|
163
|
-
"download",
|
|
164
|
-
"draggable",
|
|
165
|
-
"dropZone",
|
|
166
|
-
"encType",
|
|
167
|
-
"enterKeyHint",
|
|
168
|
-
"exportParts",
|
|
169
|
-
"face",
|
|
170
|
-
"font",
|
|
171
|
-
"fontFace",
|
|
172
|
-
"fontFaceFormat",
|
|
173
|
-
"fontFaceName",
|
|
174
|
-
"fontFaceSrc",
|
|
175
|
-
"fontFaceUri",
|
|
176
|
-
"fontSpecification",
|
|
177
|
-
"for",
|
|
178
|
-
"foreignObject",
|
|
179
|
-
"formAction",
|
|
180
|
-
"frame",
|
|
181
|
-
"frameBorder",
|
|
182
|
-
"headers",
|
|
183
|
-
"height",
|
|
184
|
-
"hidden",
|
|
185
|
-
"high",
|
|
186
|
-
"hRef",
|
|
187
|
-
"hRefLang",
|
|
188
|
-
"hSpace",
|
|
189
|
-
"icon",
|
|
190
|
-
"id",
|
|
191
|
-
"inert",
|
|
192
|
-
"inputMode",
|
|
193
|
-
"images",
|
|
194
|
-
"is",
|
|
195
|
-
"isMap",
|
|
196
|
-
"itemId",
|
|
197
|
-
"itemProp",
|
|
198
|
-
"itemRef",
|
|
199
|
-
"itemScope",
|
|
200
|
-
"itemType",
|
|
201
|
-
"keyType",
|
|
202
|
-
"kind",
|
|
203
|
-
"lang",
|
|
204
|
-
"list",
|
|
205
|
-
"loading",
|
|
206
|
-
"longDesc",
|
|
207
|
-
"loop",
|
|
208
|
-
"low",
|
|
209
|
-
"manifest",
|
|
210
|
-
"marginHeight",
|
|
211
|
-
"marginWidth",
|
|
212
|
-
"max",
|
|
213
|
-
"maxLength",
|
|
214
|
-
"media",
|
|
215
|
-
"metadata",
|
|
216
|
-
"method",
|
|
217
|
-
"min",
|
|
218
|
-
"missingGlyph",
|
|
219
|
-
"multiple",
|
|
220
|
-
"muted",
|
|
221
|
-
"name",
|
|
222
|
-
"noHRef",
|
|
223
|
-
"nOnce",
|
|
224
|
-
"noResize",
|
|
225
|
-
"noShade",
|
|
226
|
-
"noValidate",
|
|
227
|
-
"noWrap",
|
|
228
|
-
"open",
|
|
229
|
-
"optimum",
|
|
230
|
-
"part",
|
|
231
|
-
"pattern",
|
|
232
|
-
"ping",
|
|
233
|
-
"placeholder",
|
|
234
|
-
"playsInline",
|
|
235
|
-
"poster",
|
|
236
|
-
"preload",
|
|
237
|
-
"prompt",
|
|
238
|
-
"radioGroup",
|
|
239
|
-
"readOnly",
|
|
240
|
-
"referrerPolicy",
|
|
241
|
-
"rel",
|
|
242
|
-
"required",
|
|
243
|
-
"rev",
|
|
244
|
-
"reversed",
|
|
245
|
-
"role",
|
|
246
|
-
"rows",
|
|
247
|
-
"rowSpan",
|
|
248
|
-
"rules",
|
|
249
|
-
"sandbox",
|
|
250
|
-
"scope",
|
|
251
|
-
"scrolling",
|
|
252
|
-
"seamless",
|
|
253
|
-
"selected",
|
|
254
|
-
"shape",
|
|
255
|
-
"size",
|
|
256
|
-
"sizes",
|
|
257
|
-
"spellCheck",
|
|
258
|
-
"src",
|
|
259
|
-
"srcDoc",
|
|
260
|
-
"srcLang",
|
|
261
|
-
"srcSet",
|
|
262
|
-
"standby",
|
|
263
|
-
"start",
|
|
264
|
-
"step",
|
|
265
|
-
"style",
|
|
266
|
-
"tabIndex",
|
|
267
|
-
"target",
|
|
268
|
-
"title",
|
|
269
|
-
"translate",
|
|
270
|
-
"type",
|
|
271
|
-
"useMap",
|
|
272
|
-
"vAlign",
|
|
273
|
-
"valueType",
|
|
274
|
-
"virtualKeyboardPolicy",
|
|
275
|
-
"width",
|
|
276
|
-
"wrap"
|
|
277
|
-
];
|
|
278
116
|
const specialAttributes = [
|
|
279
117
|
["quoteCite", "cite"],
|
|
280
118
|
["objectData", "data"],
|
|
@@ -413,11 +251,17 @@ const makeDot = () => {
|
|
|
413
251
|
o.setValue(props?.value);
|
|
414
252
|
return o;
|
|
415
253
|
};
|
|
416
|
-
_dot.css = ()
|
|
417
|
-
|
|
254
|
+
_dot.css = new BaseVStyle();
|
|
255
|
+
_dot.css._isBase = true;
|
|
418
256
|
_dot.component = component;
|
|
419
257
|
_dot.component["useStyles"] = useStyles;
|
|
420
|
-
_dot.useStyles = (
|
|
258
|
+
_dot.useStyles = (applyToDocument, styles) => {
|
|
259
|
+
if (applyToDocument && !styles) {
|
|
260
|
+
if (typeof applyToDocument == "string" || (applyToDocument["call"] && applyToDocument["apply"])) {
|
|
261
|
+
styles = applyToDocument;
|
|
262
|
+
applyToDocument = document;
|
|
263
|
+
}
|
|
264
|
+
}
|
|
421
265
|
let cssStringContent = "";
|
|
422
266
|
if (typeof styles == "string") {
|
|
423
267
|
cssStringContent = styles;
|
|
@@ -430,10 +274,10 @@ const makeDot = () => {
|
|
|
430
274
|
else {
|
|
431
275
|
}
|
|
432
276
|
}
|
|
433
|
-
const styleSheet =
|
|
277
|
+
const styleSheet = applyToDocument.createElement("style");
|
|
434
278
|
styleSheet.type = "text/css";
|
|
435
279
|
styleSheet.textContent = cssStringContent;
|
|
436
|
-
|
|
280
|
+
applyToDocument.head.appendChild(styleSheet);
|
|
437
281
|
};
|
|
438
282
|
{
|
|
439
283
|
for (let i = 0; i < allTags.length; i++) {
|
|
@@ -459,21 +303,6 @@ const makeDot = () => {
|
|
|
459
303
|
makeCoreWrapper(_dot, E);
|
|
460
304
|
}
|
|
461
305
|
}
|
|
462
|
-
{
|
|
463
|
-
for (let i = 0; i < allAttributes.length; i++) {
|
|
464
|
-
let A = allAttributes[i];
|
|
465
|
-
ContainerVdom.prototype[A] = function (c) {
|
|
466
|
-
let C = this._children[this._children.length - 1];
|
|
467
|
-
if (C && C instanceof ElementVdom) {
|
|
468
|
-
C.setAttr(A, c);
|
|
469
|
-
}
|
|
470
|
-
else {
|
|
471
|
-
throw new Error(`Invalid node to set ${A} attribute.`);
|
|
472
|
-
}
|
|
473
|
-
return this;
|
|
474
|
-
};
|
|
475
|
-
}
|
|
476
|
-
}
|
|
477
306
|
{
|
|
478
307
|
for (let i = 0; i < specialAttributes.length; i++) {
|
|
479
308
|
let A = specialAttributes[i];
|
package/build_module/dot.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dot.js","sourceRoot":"","sources":["../src/dot.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"dot.js","sourceRoot":"","sources":["../src/dot.ts"],"names":[],"mappings":"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"}
|
package/build_module/helpers.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,UAAU,kBAAkB,CAAC,KAAW,EAAE,GAAS;IAExD,IAAI,KAAK,CAAC,UAAU,KAAK,GAAG,CAAC,UAAU,EAAE;QACxC,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;KAClE;IAED,IAAI,OAAO,GAAc,KAAK,CAAC,WAAW,CAAC;IAG3C,OAAO,OAAO,IAAI,OAAO,KAAK,GAAG,EAAE;QAClC,MAAM,IAAI,GAAc,OAAO,CAAC,WAAW,CAAC;QAG5C,IAAG,OAAO,CAAC,kBAAkB,CAAC,EAAC;YAC9B,OAAO,CAAC,kBAAkB,CAAC,CAAC,SAAS,EAAE,CAAC;SACxC;aACG;YACH,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;SACzC;QACD,OAAO,GAAG,IAAI,CAAC;KACf;AACF,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAS,EAAE,IAAS,EAAE,OAAO,GAAG,IAAI,GAAG,EAAE;IAC/D,IAAI,IAAI,KAAK,IAAI,EAAE;QACf,OAAO,IAAI,CAAC;KACf;IAED,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QACtF,OAAO,KAAK,CAAC;KAChB;IAGD,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACnB,OAAO,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;KACrC;IACD,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAExB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAC5C,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE;YAC7B,OAAO,KAAK,CAAC;SAChB;KACJ;IAED,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;QACrB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE;YAC7C,OAAO,KAAK,CAAC;SAChB;KACJ;IAED,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;QACrB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;KACJ;IAED,OAAO,IAAI,CAAC;AAChB,CAAC"}
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,UAAU,kBAAkB,CAAC,KAAW,EAAE,GAAS;IAExD,IAAI,KAAK,CAAC,UAAU,KAAK,GAAG,CAAC,UAAU,EAAE;QACxC,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;KAClE;IAED,IAAI,OAAO,GAAc,KAAK,CAAC,WAAW,CAAC;IAG3C,OAAO,OAAO,IAAI,OAAO,KAAK,GAAG,EAAE;QAClC,MAAM,IAAI,GAAc,OAAO,CAAC,WAAW,CAAC;QAG5C,IAAG,OAAO,CAAC,kBAAkB,CAAC,EAAC;YAC9B,OAAO,CAAC,kBAAkB,CAAC,CAAC,SAAS,EAAE,CAAC;SACxC;aACG;YACH,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;SACzC;QACD,OAAO,GAAG,IAAI,CAAC;KACf;AACF,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAS,EAAE,IAAS,EAAE,OAAO,GAAG,IAAI,GAAG,EAAE;IAC/D,IAAI,IAAI,KAAK,IAAI,EAAE;QACf,OAAO,IAAI,CAAC;KACf;IAED,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QACtF,OAAO,KAAK,CAAC;KAChB;IAGD,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACnB,OAAO,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;KACrC;IACD,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAExB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAC5C,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE;YAC7B,OAAO,KAAK,CAAC;SAChB;KACJ;IAED,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;QACrB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE;YAC7C,OAAO,KAAK,CAAC;SAChB;KACJ;IAED,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;QACrB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;KACJ;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,MAAM,CAAC,IAAI,UAAU,GAAG,IAAI,MAAM,CAAC,2CAA2C,EAAE,GAAG,CAAC,CAAC"}
|
|
@@ -4,6 +4,7 @@ import { TextVdom } from "./vdom-nodes/text-vdom";
|
|
|
4
4
|
import { HtmlVdom } from "./vdom-nodes/html-vdom";
|
|
5
5
|
import { ConditionalVdom } from "./vdom-nodes/conditional-vdom";
|
|
6
6
|
import CollectionVdom from "./vdom-nodes/collection-vdom";
|
|
7
|
+
import VStyle from "./v-style-nodes/v-style";
|
|
7
8
|
export default class Reactive<Ti = any, To = Ti> implements IReactive<Ti, To> {
|
|
8
9
|
_value: Ti;
|
|
9
10
|
private _cachedLastValue;
|
|
@@ -19,6 +20,10 @@ export default class Reactive<Ti = any, To = Ti> implements IReactive<Ti, To> {
|
|
|
19
20
|
key?: string;
|
|
20
21
|
}>;
|
|
21
22
|
observingConditionals: Record<number, ConditionalVdom>;
|
|
23
|
+
observingStyles: Record<number, {
|
|
24
|
+
prop: string;
|
|
25
|
+
vStyle: VStyle;
|
|
26
|
+
}>;
|
|
22
27
|
observingCallbacks: Record<number, (value: To) => void>;
|
|
23
28
|
constructor();
|
|
24
29
|
getValue(): To;
|
|
@@ -29,6 +34,7 @@ export default class Reactive<Ti = any, To = Ti> implements IReactive<Ti, To> {
|
|
|
29
34
|
subscribeText(node: TextVdom): number;
|
|
30
35
|
subscribeHtml(node: HtmlVdom): number;
|
|
31
36
|
subscribeAttr(node: ElementVdom, attributeName: string): number;
|
|
37
|
+
subscribeStyle(vStyle: VStyle, propName: string): number;
|
|
32
38
|
subscribeCollection(node: CollectionVdom): number;
|
|
33
39
|
subscribeCond(node: ConditionalVdom): number;
|
|
34
40
|
subscribeCallback(callback: (value: To) => void): number;
|
package/build_module/reactive.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
const TEXT_OFFSET = 0;
|
|
2
2
|
const HTML_OFFSET = 1;
|
|
3
3
|
const ATTR_OFFSET = 2;
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
4
|
+
const STYLE_OFFSET = 3;
|
|
5
|
+
const COND_OFFSET = 4;
|
|
6
|
+
const ARRAY_OFFSET = 5;
|
|
7
|
+
const CB_OFFSET = 6;
|
|
7
8
|
const CATEGORIES = CB_OFFSET + 1;
|
|
8
9
|
export default class Reactive {
|
|
9
10
|
constructor() {
|
|
@@ -12,6 +13,7 @@ export default class Reactive {
|
|
|
12
13
|
this.observingAttributes = {};
|
|
13
14
|
this.observingCollections = {};
|
|
14
15
|
this.observingConditionals = {};
|
|
16
|
+
this.observingStyles = {};
|
|
15
17
|
this.observingCallbacks = {};
|
|
16
18
|
this.nextId = 1;
|
|
17
19
|
}
|
|
@@ -39,6 +41,10 @@ export default class Reactive {
|
|
|
39
41
|
let a = this.observingAttributes[o];
|
|
40
42
|
a.element.setAttr(a.attribute, this);
|
|
41
43
|
}
|
|
44
|
+
for (let o in this.observingStyles) {
|
|
45
|
+
let s = this.observingStyles[o];
|
|
46
|
+
s.vStyle.updateProp(s.prop, value);
|
|
47
|
+
}
|
|
42
48
|
for (let o in this.observingCollections) {
|
|
43
49
|
let c = this.observingCollections[o];
|
|
44
50
|
c.collection.updateList();
|
|
@@ -67,6 +73,11 @@ export default class Reactive {
|
|
|
67
73
|
this.observingAttributes[id] = { element: node, attribute: attributeName };
|
|
68
74
|
return id;
|
|
69
75
|
}
|
|
76
|
+
subscribeStyle(vStyle, propName) {
|
|
77
|
+
let id = STYLE_OFFSET + CATEGORIES * this.nextId++;
|
|
78
|
+
this.observingStyles[id] = { prop: propName, vStyle: vStyle };
|
|
79
|
+
return id;
|
|
80
|
+
}
|
|
70
81
|
subscribeCollection(node) {
|
|
71
82
|
let id = ARRAY_OFFSET + CATEGORIES * this.nextId++;
|
|
72
83
|
this.observingCollections[id] = { collection: node, key: null };
|
|
@@ -93,6 +104,10 @@ export default class Reactive {
|
|
|
93
104
|
delete this.observingAttributes[id];
|
|
94
105
|
break;
|
|
95
106
|
}
|
|
107
|
+
case STYLE_OFFSET: {
|
|
108
|
+
delete this.observingStyles[id];
|
|
109
|
+
break;
|
|
110
|
+
}
|
|
96
111
|
case HTML_OFFSET: {
|
|
97
112
|
delete this.observingHtmlNodes[id];
|
|
98
113
|
break;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reactive.js","sourceRoot":"","sources":["../src/reactive.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"reactive.js","sourceRoot":"","sources":["../src/reactive.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,GAAG,CAAC,CAAC;AACtB,MAAM,WAAW,GAAG,CAAC,CAAC;AACtB,MAAM,WAAW,GAAG,CAAC,CAAC;AACtB,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,MAAM,WAAW,GAAG,CAAC,CAAC;AACtB,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,MAAM,SAAS,GAAG,CAAC,CAAC;AAEpB,MAAM,UAAU,GAAG,SAAS,GAAG,CAAC,CAAC;AAEjC,MAAM,CAAC,OAAO,OAAO,QAAQ;IAa5B;QARA,uBAAkB,GAA6B,EAAE,CAAC;QAClD,uBAAkB,GAA6B,EAAE,CAAC;QAClD,wBAAmB,GAA8D,EAAE,CAAC;QACpF,yBAAoB,GAA+D,EAAE,CAAC;QACtF,0BAAqB,GAAoC,EAAE,CAAC;QAC5D,oBAAe,GAAmD,EAAE,CAAC;QACrE,uBAAkB,GAAsC,EAAE,CAAC;QA0D3D,WAAM,GAAG,CAAC,CAAC;IAvDX,CAAC;IAED,QAAQ;QACP,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAuB,CAAC;IACxF,CAAC;IAED,QAAQ,CAAC,CAAK;QACb,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAChB,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC/B,IAAG,IAAI,CAAC,gBAAgB,IAAI,QAAQ,EAAC;YACpC,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;YACjC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;SACvB;IACF,CAAC;IAEO,OAAO,CAAC,KAAS;QACxB,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,kBAAkB,EAAC;YACpC,IAAI,CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;YACnC,CAAC,CAAC,QAAQ,CAAC,WAAW,GAAG,KAAe,IAAI,EAAE,CAAC;SAC/C;QAED,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,kBAAkB,EAAC;YACpC,IAAI,CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;YACnC,CAAC,CAAC,UAAU,CAAC,KAAe,CAAC,CAAC;SAC9B;QAED,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,mBAAmB,EAAC;YACrC,IAAI,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;YACpC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;SACrC;QAED,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,eAAe,EAAC;YACjC,IAAI,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;YAChC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,KAAe,CAAC,CAAC;SAC7C;QAED,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,oBAAoB,EAAC;YACtC,IAAI,CAAC,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;YACrC,CAAC,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;SAC1B;QAED,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,qBAAqB,EAAC;YACvC,IAAI,CAAC,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;YACtC,CAAC,CAAC,gBAAgB,EAAE,CAAC;SACrB;QAGD,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,kBAAkB,EAAC;YACpC,IAAI,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;YACpC,EAAE,CAAC,KAAK,CAAC,CAAC;SACV;IACF,CAAC;IAMD,aAAa,CAAC,IAAc;QAC3B,IAAI,EAAE,GAAG,WAAW,GAAG,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAClD,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;QACnC,OAAO,EAAE,CAAC;IACX,CAAC;IACD,aAAa,CAAC,IAAc;QAC3B,IAAI,EAAE,GAAG,WAAW,GAAG,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAClD,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;QACnC,OAAO,EAAE,CAAC;IACX,CAAC;IACD,aAAa,CAAC,IAAiB,EAAE,aAAqB;QACrD,IAAI,EAAE,GAAG,WAAW,GAAG,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAClD,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAC,CAAC;QACzE,OAAO,EAAE,CAAC;IACX,CAAC;IAED,cAAc,CAAC,MAAc,EAAE,QAAgB;QAC9C,IAAI,EAAE,GAAG,YAAY,GAAG,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACnD,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC;QAC5D,OAAO,EAAE,CAAC;IACX,CAAC;IACD,mBAAmB,CAAC,IAAoB;QACvC,IAAI,EAAE,GAAG,YAAY,GAAG,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACnD,IAAI,CAAC,oBAAoB,CAAC,EAAE,CAAC,GAAG,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAC,CAAC;QAC9D,OAAO,EAAE,CAAC;IACX,CAAC;IACD,aAAa,CAAC,IAAqB;QAClC,IAAI,EAAE,GAAG,WAAW,GAAG,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAClD,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;QACtC,OAAO,EAAE,CAAC;IACX,CAAC;IACD,iBAAiB,CAAC,QAA2B;QAC5C,IAAI,EAAE,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAChD,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC;QACvC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,aAAa,CAAC,EAAU;QACvB,IAAI,QAAQ,GAAG,EAAE,GAAG,UAAU,CAAC;QAC/B,QAAO,QAAQ,EAAC;YACf,KAAK,WAAW,CAAC,CAAC;gBACjB,OAAO,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;gBACnC,MAAM;aACN;YACD,KAAK,WAAW,CAAC,CAAC;gBACjB,OAAO,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBACpC,MAAM;aACN;YACD,KAAK,YAAY,CAAC,CAAC;gBAClB,OAAO,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;gBAChC,MAAM;aACN;YACD,KAAK,WAAW,CAAC,CAAC;gBACjB,OAAO,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;gBACnC,MAAM;aACN;YACD,KAAK,YAAY,CAAC,CAAC;gBAClB,OAAO,IAAI,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;gBACrC,MAAM;aACN;YACD,KAAK,WAAW,CAAC,CAAC;gBACjB,OAAO,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC;gBACtC,MAAM;aACN;YACD,KAAK,SAAS,CAAC,CAAC;gBACf,OAAO,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;gBACnC,MAAM;aACN;SACD;IACF,CAAC;IAED,eAAe;QACd,IAAI,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACnC,IAAI,CAAC,gBAAgB,GAAG,YAAY,CAAC;QACrC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC;CAED"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import VStyle from "./v-style";
|
|
2
|
+
export default class BaseVStyle extends VStyle {
|
|
3
|
+
private readonly _isBase;
|
|
4
|
+
private props;
|
|
5
|
+
private subscriptions;
|
|
6
|
+
private renderedSubBuilders;
|
|
7
|
+
private selector;
|
|
8
|
+
private target;
|
|
9
|
+
_render(target: HTMLElement): void;
|
|
10
|
+
_unrender(): void;
|
|
11
|
+
renderAndSetPropValue(prop: any, value: any): void;
|
|
12
|
+
updateProp(prop: string, value: string): void;
|
|
13
|
+
setProp(propName: any, value: any): any;
|
|
14
|
+
}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import Reactive from "../reactive";
|
|
2
|
+
import FilterVStyle from "./filter-v-style";
|
|
3
|
+
import TransformVStyle from "./transform-v-style";
|
|
4
|
+
import VStyle from "./v-style";
|
|
5
|
+
export default class BaseVStyle extends VStyle {
|
|
6
|
+
constructor() {
|
|
7
|
+
super(...arguments);
|
|
8
|
+
this._isBase = false;
|
|
9
|
+
this.props = [];
|
|
10
|
+
this.subscriptions = {};
|
|
11
|
+
this.renderedSubBuilders = [];
|
|
12
|
+
}
|
|
13
|
+
_render(target) {
|
|
14
|
+
this.target = target;
|
|
15
|
+
for (let i = 0; i < this.props.length; i++) {
|
|
16
|
+
let P = this.props[i];
|
|
17
|
+
this.renderAndSetPropValue(P.prop, P.value);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
_unrender() {
|
|
21
|
+
for (let i = 0; i < this.renderedSubBuilders.length; i++) {
|
|
22
|
+
let sb = this.renderedSubBuilders[i];
|
|
23
|
+
sb._unrender();
|
|
24
|
+
}
|
|
25
|
+
this.renderedSubBuilders.length = 0;
|
|
26
|
+
for (let s in this.subscriptions) {
|
|
27
|
+
let P = this.subscriptions[s];
|
|
28
|
+
P.detachBinding(Number(s));
|
|
29
|
+
}
|
|
30
|
+
this.subscriptions = {};
|
|
31
|
+
this.target = null;
|
|
32
|
+
}
|
|
33
|
+
renderAndSetPropValue(prop, value) {
|
|
34
|
+
if (value instanceof Reactive) {
|
|
35
|
+
let id = value.subscribeStyle(this, prop);
|
|
36
|
+
this.subscriptions[id] = value;
|
|
37
|
+
this.updateProp(prop, value.getValue());
|
|
38
|
+
}
|
|
39
|
+
else if (value instanceof VStyle) {
|
|
40
|
+
this.renderedSubBuilders.push(value);
|
|
41
|
+
value._render(this.target);
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
this.updateProp(prop, value);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
updateProp(prop, value) {
|
|
48
|
+
if (this.target) {
|
|
49
|
+
this.target.style[prop] = value;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
setProp(propName, value) {
|
|
53
|
+
if (this._isBase) {
|
|
54
|
+
let newStyle = new BaseVStyle();
|
|
55
|
+
return newStyle.setProp(propName, value);
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
if (value && value.call && value.apply) {
|
|
59
|
+
let builder;
|
|
60
|
+
switch (propName) {
|
|
61
|
+
case "transform": {
|
|
62
|
+
builder = new TransformVStyle(propName);
|
|
63
|
+
break;
|
|
64
|
+
}
|
|
65
|
+
case "filter":
|
|
66
|
+
case "backdrop-filter": {
|
|
67
|
+
builder = new FilterVStyle(propName);
|
|
68
|
+
break;
|
|
69
|
+
}
|
|
70
|
+
default: throw new Error(`${propName} does not have a builder.`);
|
|
71
|
+
}
|
|
72
|
+
value(builder);
|
|
73
|
+
value = builder;
|
|
74
|
+
if (this.target) {
|
|
75
|
+
this.renderedSubBuilders.push(builder);
|
|
76
|
+
builder._render(this.target);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
else {
|
|
80
|
+
if (this.target) {
|
|
81
|
+
let observerId = value.subscribeStyle(this, propName);
|
|
82
|
+
this.subscriptions[observerId] = value;
|
|
83
|
+
this.renderAndSetPropValue(propName, value);
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
this.props.push({ prop: propName, value: value });
|
|
87
|
+
return this;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
{
|
|
92
|
+
const _allProps = {
|
|
93
|
+
"color": "color|background-Color|border-Bottom-Color|border-Color|border-Left-Color|border-Right-Color|border-Top-Color|text-Decoration-Color|outline-Color|column-Rule-Color",
|
|
94
|
+
"length": "background-Size|block-Size|border-Bottom-Left-Radius|border-Bottom-Right-Radius|border-Bottom-Width|border-Image-Width|border-Left-Width|border-Radius|border-Right-Width|border-Top-Left-Radius|border-Top-Right-Radius|border-Top-Width|border-Width|bottom|gap|height|left|margin|margin-Bottom|margin-Left|margin-Right|margin-Top|max-Height|max-Width|min-Height|min-Width|padding|padding-Bottom|padding-Left|padding-Right|padding-Top|right|top|width|line-Height|flex-Basis|font-Size|text-Indent",
|
|
95
|
+
"url": "background-Image|border-Image|list-Style-Image|content|image-Orientation",
|
|
96
|
+
"transformation": "transform",
|
|
97
|
+
"filter": "filter|backdrop-Filter",
|
|
98
|
+
"misc": "all|appearance|aspect-Ratio|opacity|background|background-Attachment|background-Blend-Mode|background-Position|background-Repeat|background-Clip|background-Origin|border|border-Bottom|border-Bottom-Style|border-Image-Outset|border-Image-Repeat|border-Image-Slice|border-Image-Source|border-Left|border-Left-Style|border-Right|border-Right-Style|border-Style|border-Top|border-Top-Style|box-Decoration-Break|box-Shadow|clear|clip|display|float|overflow|box|overflow-X|overflow-Y|position|visibility|vertical-Align|z-Index|align-Content|align-Items|align-Self|flex|flex-Basis|flex-Direction|flex-Flow|flex-Grow|flex-Shrink|flex-Wrap|grid|grid-Area|grid-Auto-Columns|grid-auto-Rows|grid-Column|grid-Column-End|grid-Column-Gap|grid-Column-Start|grid-Gap|grid-Row|grid-Row-End|grid-Row-Gap|grid-Row-Start|grid-Template|grid-Template-Areas|grid-Template-Columns|grid-Template-Rows|justify-Content|order|hanging-Punctuation|hyphens|letter-Spacing|line-Break|overflow-Wrap|tab-Size|text-Align|text-Align-Last|text-Combine-Upright|text-Justify|text-Transform|white-Space|word-Break|word-Spacing|word-Wrap|text-Decoration|text-Decoration-Line|text-Decoration-Style|text-Shadow|text-Underline-Position|font|font-Family|font-Feature-Settings|font-Kerning|font-Language-Override|font-Size-Adjust|font-Stretch|font-Style|font-Synthesis|font-Variant|font-Variant-Alternates|font-Variant-Caps|font-Variant-East-Asian|font-Variant-Ligatures|font-Variant-Numeric|font-Variant-Position|font-Weight|direction|text-Orientation|text-Combine-Upright|unicode-Bidi|user-Select|writing-Mode|border-Collapse|border-Spacing|caption-Side|empty-Cells|table-Layout|counter-Increment|counter-Reset|list-Style|list-Style-Position|list-Style-Type|animation|animation-Delay|animation-Direction|animation-Duration|animation-Fill-Mode|animation-Iteration-Count|animation-Name|animation-Play-State|animation-Timing-Function|backface-Visibility|perspective2d|perspective-Origin|transform-Origin|transform-Style|transition|transition-Property|transition-Duration|transition-Timing-Function|transition-Delay|box-Sizing|cursor|ime-Mode|nav-Down|nav-Index|nav-Left|nav-Right|nav-Up|outline|outline-Offset|outline-Style|outline-Width|resize|text-Overflow|break-After|break-Before|break-Inside|column-Count|column-Fill|column-Gap|column-Rule|column-Rule-Style|column-Rule-Width|column-Span|column-Width|columns|widows|orphans|page-Break-After|page-Break-Before|page-Break-Inside|marks|quotes|image-Rendering|image-Resolution|object-Fit|object-Position|mask|mask-Type|mark|mark-After|mark-Before|phonemes|rest|rest-After|rest-Before|voice-Balance|voice-Duration|voice-Pitch|voice-Pitch-Range|voice-Rate|voice-Stress|voice-Volume|marquee-Direction|marquee-Play-Count|marquee-Speed|marquee-Style|pointer-Events",
|
|
99
|
+
};
|
|
100
|
+
for (let k in _allProps) {
|
|
101
|
+
let str = _allProps[k];
|
|
102
|
+
let props = str.split("|");
|
|
103
|
+
let types = k.split("|");
|
|
104
|
+
for (let t in types) {
|
|
105
|
+
for (let i = 0; i < props.length; i++) {
|
|
106
|
+
let pName = props[i];
|
|
107
|
+
let cssName = pName.toLowerCase();
|
|
108
|
+
let jsName = pName.split("-").join("");
|
|
109
|
+
BaseVStyle.prototype[jsName] = function () {
|
|
110
|
+
return this.setProp(cssName, ...arguments);
|
|
111
|
+
};
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
//# sourceMappingURL=base-v-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base-v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/base-v-style.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import Reactive from "../reactive";
|
|
2
|
+
import VStyle from "./v-style";
|
|
3
|
+
export default abstract class CssFunctionBuilderVStyle extends VStyle {
|
|
4
|
+
simpleValue: string;
|
|
5
|
+
funcs: Array<{
|
|
6
|
+
func: string;
|
|
7
|
+
args: Array<{
|
|
8
|
+
v: number | boolean | string | Reactive;
|
|
9
|
+
f: (v: number | boolean | string | Reactive) => string;
|
|
10
|
+
}>;
|
|
11
|
+
}>;
|
|
12
|
+
readonly propName: string;
|
|
13
|
+
subscriptions: Record<number, Reactive>;
|
|
14
|
+
target: HTMLElement;
|
|
15
|
+
constructor(propName: string);
|
|
16
|
+
_render(target: HTMLElement): void;
|
|
17
|
+
_unrender(): void;
|
|
18
|
+
updateProp(prop: string, value: string): void;
|
|
19
|
+
appendFunction(filter: string, args: any): this;
|
|
20
|
+
}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import Reactive from "../reactive";
|
|
2
|
+
import VStyle from "./v-style";
|
|
3
|
+
export default class CssFunctionBuilderVStyle extends VStyle {
|
|
4
|
+
constructor(propName) {
|
|
5
|
+
super();
|
|
6
|
+
this.funcs = [];
|
|
7
|
+
this.subscriptions = {};
|
|
8
|
+
this.propName = propName;
|
|
9
|
+
}
|
|
10
|
+
_render(target) {
|
|
11
|
+
this.target = target;
|
|
12
|
+
let result = "";
|
|
13
|
+
for (let i = 0; i < this.funcs.length; i++) {
|
|
14
|
+
let t = this.funcs[i];
|
|
15
|
+
for (let k = 0; k < t.args.length; k++) {
|
|
16
|
+
let arg = t.args[k];
|
|
17
|
+
if (arg.v instanceof Reactive) {
|
|
18
|
+
let subscriptionId = arg.v.subscribeStyle(this, t.func);
|
|
19
|
+
this.subscriptions[subscriptionId] = arg.v;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
if (this.simpleValue) {
|
|
24
|
+
result = this.simpleValue;
|
|
25
|
+
target.style[this.propName] = result;
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
this.updateProp(null, null);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
_unrender() {
|
|
32
|
+
for (let s in this.subscriptions) {
|
|
33
|
+
this.subscriptions[s].detachBinding(Number(s));
|
|
34
|
+
}
|
|
35
|
+
this.subscriptions = {};
|
|
36
|
+
this.target = null;
|
|
37
|
+
}
|
|
38
|
+
updateProp(prop, value) {
|
|
39
|
+
let isSimple = true;
|
|
40
|
+
let ret = "";
|
|
41
|
+
for (let i = 0; i < this.funcs.length; i++) {
|
|
42
|
+
let t = this.funcs[i];
|
|
43
|
+
ret += t.func + "(";
|
|
44
|
+
for (let k = 0; k < t.args.length; k++) {
|
|
45
|
+
let arg = t.args[k];
|
|
46
|
+
let argVal = "";
|
|
47
|
+
if (arg.v instanceof Reactive) {
|
|
48
|
+
argVal = arg.v.getValue();
|
|
49
|
+
isSimple = false;
|
|
50
|
+
}
|
|
51
|
+
else {
|
|
52
|
+
argVal = `${arg.v}`;
|
|
53
|
+
}
|
|
54
|
+
if (arg.f)
|
|
55
|
+
argVal = arg.f(argVal);
|
|
56
|
+
ret += argVal.toString();
|
|
57
|
+
}
|
|
58
|
+
ret = ret.trim() + ") ";
|
|
59
|
+
}
|
|
60
|
+
ret = ret.trim();
|
|
61
|
+
if (isSimple) {
|
|
62
|
+
this.simpleValue = ret;
|
|
63
|
+
}
|
|
64
|
+
this.target.style[this.propName] = ret;
|
|
65
|
+
}
|
|
66
|
+
appendFunction(filter, args) {
|
|
67
|
+
this.funcs.push({ func: filter, args: args });
|
|
68
|
+
return this;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
//# sourceMappingURL=css-function-builder-v-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css-function-builder-v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/css-function-builder-v-style.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { AngleUnits, Color, NumericLength, Percentage } from "dothtml-interfaces";
|
|
2
|
+
import CssFunctionBuilderVStyle from "./css-function-builder-v-style";
|
|
3
|
+
export default class FilterVStyle extends CssFunctionBuilderVStyle {
|
|
4
|
+
blur(v: NumericLength): this;
|
|
5
|
+
brightness(v: Percentage): this;
|
|
6
|
+
contrast(v: Percentage): this;
|
|
7
|
+
dropShadow(x: NumericLength, y: NumericLength, blur: NumericLength, color: Color): this;
|
|
8
|
+
grayscale(v: Percentage): this;
|
|
9
|
+
hueRotate(v: AngleUnits): this;
|
|
10
|
+
invert(v: Percentage): this;
|
|
11
|
+
opacity(v: Percentage): this;
|
|
12
|
+
sepia(v: Percentage): this;
|
|
13
|
+
saturate(v: Percentage): this;
|
|
14
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { formatCssColor, formatCssLength, formatCssPercentage } from "../css/format-css-type";
|
|
2
|
+
import CssFunctionBuilderVStyle from "./css-function-builder-v-style";
|
|
3
|
+
export default class FilterVStyle extends CssFunctionBuilderVStyle {
|
|
4
|
+
blur(v) {
|
|
5
|
+
return this.appendFunction("blur", [{ v, f: formatCssLength }]);
|
|
6
|
+
}
|
|
7
|
+
brightness(v) {
|
|
8
|
+
return this.appendFunction("brightness", [{ v, f: formatCssPercentage }]);
|
|
9
|
+
}
|
|
10
|
+
contrast(v) {
|
|
11
|
+
return this.appendFunction("contrast", [{ v, f: formatCssLength }]);
|
|
12
|
+
}
|
|
13
|
+
dropShadow(x, y, blur, color) {
|
|
14
|
+
return this.appendFunction("drop-shadow", [{ v: x, f: formatCssLength }, { v: y, f: formatCssLength }, { v: blur, f: formatCssLength }, { v: color, f: formatCssColor }]);
|
|
15
|
+
}
|
|
16
|
+
grayscale(v) {
|
|
17
|
+
return this.appendFunction("grayscale", [{ v, f: formatCssLength }]);
|
|
18
|
+
}
|
|
19
|
+
hueRotate(v) {
|
|
20
|
+
return this.appendFunction("hue-rotate", [{ v, f: formatCssLength }]);
|
|
21
|
+
}
|
|
22
|
+
invert(v) {
|
|
23
|
+
return this.appendFunction("invert", [{ v, f: formatCssLength }]);
|
|
24
|
+
}
|
|
25
|
+
opacity(v) {
|
|
26
|
+
return this.appendFunction("opacity", [{ v, f: formatCssLength }]);
|
|
27
|
+
}
|
|
28
|
+
sepia(v) {
|
|
29
|
+
return this.appendFunction("sepia", [{ v, f: formatCssLength }]);
|
|
30
|
+
}
|
|
31
|
+
saturate(v) {
|
|
32
|
+
return this.appendFunction("saturate", [{ v, f: formatCssLength }]);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=filter-v-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filter-v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/filter-v-style.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,wBAAwB,MAAM,gCAAgC,CAAC;AAEtE,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,wBAAwB;IAEjE,IAAI,CAAC,CAAgB;QACpB,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IAC/D,CAAC;IACD,UAAU,CAAC,CAAa;QACvB,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,mBAAmB,EAAC,CAAC,CAAC,CAAC;IACzE,CAAC;IACD,QAAQ,CAAC,CAAa;QACrB,OAAO,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACnE,CAAC;IACD,UAAU,CAAC,CAAgB,EAAE,CAAgB,EAAE,IAAmB,EAAE,KAAY;QAC/E,OAAO,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,EAAE,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,EAAE,EAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,eAAe,EAAC,EAAE,EAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAC,CAAC,CAAC,CAAC;IACnK,CAAC;IACD,SAAS,CAAC,CAAa;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACpE,CAAC;IACD,SAAS,CAAC,CAAa;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACrE,CAAC;IACD,MAAM,CAAC,CAAa;QACnB,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACjE,CAAC;IACD,OAAO,CAAC,CAAa;QACpB,OAAO,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IACD,KAAK,CAAC,CAAa;QAClB,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IAChE,CAAC;IACD,QAAQ,CAAC,CAAa;QACrB,OAAO,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,eAAe,EAAC,CAAC,CAAC,CAAC;IACnE,CAAC;CACD"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { NumericAngle, NumericLength } from "dothtml-interfaces";
|
|
2
|
+
import CssFunctionBuilderVStyle from "./css-function-builder-v-style";
|
|
3
|
+
export default class TransformVStyle extends CssFunctionBuilderVStyle {
|
|
4
|
+
matrix3d(a1: number, b1: number, c1: number, d1: number, a2: number, b2: number, c2: number, d2: number, a3: number, b3: number, c3: number, d3: number, a4: number, b4: number, c4: number, d4: number): this;
|
|
5
|
+
matrix(a: number, b: number, c: number, d: number, tx: number, ty: number): this;
|
|
6
|
+
translate(x: NumericLength, y?: NumericLength): this;
|
|
7
|
+
translate3d(x: NumericLength, y: NumericLength, z: NumericLength): this;
|
|
8
|
+
translateX(x: NumericLength): this;
|
|
9
|
+
translateY(y: NumericLength): this;
|
|
10
|
+
translateZ(z: NumericLength): this;
|
|
11
|
+
scale(x: number, y?: number): this;
|
|
12
|
+
scale3d(x: number, y: number, z: number): this;
|
|
13
|
+
scaleX(x: number): this;
|
|
14
|
+
scaleY(y: number): this;
|
|
15
|
+
scaleZ(z: number): this;
|
|
16
|
+
rotate(x: NumericAngle): this;
|
|
17
|
+
rotate3d(x: number, y: number, z: number, a: NumericAngle): this;
|
|
18
|
+
rotate3dDeg(x: number, y: number, z: number, a: number): this;
|
|
19
|
+
rotate3dRad(x: number, y: number, z: number, a: number): this;
|
|
20
|
+
rotate3dGrad(x: number, y: number, z: number, a: number): this;
|
|
21
|
+
rotate3dTurn(x: number, y: number, z: number, a: number): this;
|
|
22
|
+
rotateX(x: NumericAngle): this;
|
|
23
|
+
rotateY(y: NumericAngle): this;
|
|
24
|
+
rotateZ(z: NumericAngle): this;
|
|
25
|
+
skew(x: NumericAngle, y?: NumericAngle): this;
|
|
26
|
+
skewX(x: NumericAngle): this;
|
|
27
|
+
skewY(y: NumericAngle): this;
|
|
28
|
+
perspective(d: NumericLength): this;
|
|
29
|
+
}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import CssFunctionBuilderVStyle from "./css-function-builder-v-style";
|
|
2
|
+
import { formatCssAngle, formatCssLength } from "../css/format-css-type";
|
|
3
|
+
export default class TransformVStyle extends CssFunctionBuilderVStyle {
|
|
4
|
+
matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) {
|
|
5
|
+
return this.appendFunction("matrix3d", arguments);
|
|
6
|
+
}
|
|
7
|
+
matrix(a, b, c, d, tx, ty) {
|
|
8
|
+
return this.appendFunction("matrix", arguments);
|
|
9
|
+
}
|
|
10
|
+
translate(x, y) {
|
|
11
|
+
return arguments.length == 1
|
|
12
|
+
? this.appendFunction("translate", [{ f: formatCssLength, v: x }])
|
|
13
|
+
: this.appendFunction("translate", [{ f: formatCssLength, v: x }, { f: formatCssLength, v: y }]);
|
|
14
|
+
}
|
|
15
|
+
translate3d(x, y, z) {
|
|
16
|
+
return this.appendFunction("translate3d", [{ f: formatCssLength, v: x }, { f: formatCssLength, v: y }, { f: formatCssLength, v: z }]);
|
|
17
|
+
}
|
|
18
|
+
translateX(x) {
|
|
19
|
+
return this.appendFunction("translateX", [{ f: formatCssLength, v: x }]);
|
|
20
|
+
}
|
|
21
|
+
translateY(y) {
|
|
22
|
+
return this.appendFunction("translateY", [{ f: formatCssLength, v: y }]);
|
|
23
|
+
}
|
|
24
|
+
translateZ(z) {
|
|
25
|
+
return this.appendFunction("translateZ", [{ f: formatCssLength, v: z }]);
|
|
26
|
+
}
|
|
27
|
+
scale(x, y) {
|
|
28
|
+
return this.appendFunction("scale", [x, y ?? 1]);
|
|
29
|
+
}
|
|
30
|
+
scale3d(x, y, z) {
|
|
31
|
+
return this.appendFunction("scale3d", [x, y, z]);
|
|
32
|
+
}
|
|
33
|
+
scaleX(x) {
|
|
34
|
+
return this.appendFunction("scaleX", [x]);
|
|
35
|
+
}
|
|
36
|
+
scaleY(y) {
|
|
37
|
+
return this.appendFunction("scaleY", [y]);
|
|
38
|
+
}
|
|
39
|
+
scaleZ(z) {
|
|
40
|
+
return this.appendFunction("scaleZ", [z]);
|
|
41
|
+
}
|
|
42
|
+
rotate(x) {
|
|
43
|
+
return this.appendFunction("rotate", [{ f: formatCssAngle, v: x }]);
|
|
44
|
+
}
|
|
45
|
+
rotate3d(x, y, z, a) {
|
|
46
|
+
return this.appendFunction("rotate3d", [x, y, z, { f: formatCssAngle, v: a }]);
|
|
47
|
+
}
|
|
48
|
+
rotate3dDeg(x, y, z, a) { return this.rotate3d(x, y, z, a); }
|
|
49
|
+
rotate3dRad(x, y, z, a) { return this.rotate3d(x, y, z, `${a}rad`); }
|
|
50
|
+
rotate3dGrad(x, y, z, a) { return this.rotate3d(x, y, z, `${a}grad`); }
|
|
51
|
+
rotate3dTurn(x, y, z, a) { return this.rotate3d(x, y, z, `${a}turn`); }
|
|
52
|
+
rotateX(x) {
|
|
53
|
+
return this.appendFunction("rotateX", [{ f: formatCssAngle, v: x }]);
|
|
54
|
+
}
|
|
55
|
+
rotateY(y) {
|
|
56
|
+
return this.appendFunction("rotateY", [{ f: formatCssAngle, v: y }]);
|
|
57
|
+
}
|
|
58
|
+
rotateZ(z) {
|
|
59
|
+
return this.appendFunction("rotateZ", [{ f: formatCssAngle, v: z }]);
|
|
60
|
+
}
|
|
61
|
+
skew(x, y) {
|
|
62
|
+
return arguments.length == 1
|
|
63
|
+
? this.appendFunction("skew", [{ f: formatCssAngle, v: x }])
|
|
64
|
+
: this.appendFunction("skew", [{ f: formatCssAngle, v: x }, { f: formatCssAngle, v: y }]);
|
|
65
|
+
}
|
|
66
|
+
skewX(x) {
|
|
67
|
+
return this.appendFunction("skewX", [{ f: formatCssAngle, v: x }]);
|
|
68
|
+
}
|
|
69
|
+
skewY(y) {
|
|
70
|
+
return this.appendFunction("skewY", [{ f: formatCssAngle, v: y }]);
|
|
71
|
+
}
|
|
72
|
+
perspective(d) {
|
|
73
|
+
return this.appendFunction("perspective", [{ f: formatCssLength, v: d }]);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
//# sourceMappingURL=transform-v-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"transform-v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/transform-v-style.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/v-style.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAgB,MAAM;IAOnC,QAAQ;QACP,OAAO,EAAE,CAAC;IACX,CAAC;CACD"}
|
|
@@ -20,7 +20,6 @@ export class ComponentVdom extends Vdom {
|
|
|
20
20
|
let shadow = this.attachShadow({ mode: 'open' });
|
|
21
21
|
this._component._._meta.shadowRoot = shadow;
|
|
22
22
|
this.cvdom.childShadowVdom._render(shadow);
|
|
23
|
-
console.log("Shadow INNERHTML???", shadow.innerHTML);
|
|
24
23
|
}
|
|
25
24
|
else {
|
|
26
25
|
throw new Error("Component build function returned invalid object.");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/component-vdom.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,MAAM,OAAO,aAAc,SAAQ,IAAI;IAOtC,YAAY,SAAqB;QAChC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAG3B,IAAI,CAAC,SAAS,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;QACrD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAA6B,CAAC;QAC3H,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IAEhD,CAAC;IAEO,kBAAkB,CAAC,SAAqB,EAAE,QAAkB;QAEnE,IAAI,wBAAwB,GAAG,QAAQ,CAAC,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAElG,IAAG,wBAAwB,IAAI,SAAS,EAAC;YAGxC,wBAAwB,GAAG,KAAM,SAAQ,WAAW;gBAEnD,IAAI,SAAS,CAAC,KAAiB;oBAC9B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;oBACxB,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACzB,CAAC;gBAID,gBAAgB;oBAEf,IAAG,IAAI,CAAC,KAAK,YAAY,IAAI,EAAC;wBAC7B,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;wBAChD,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAa,CAAC,UAAU,GAAG,MAAM,CAAC;wBACrD,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,MAAa,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"component-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/component-vdom.ts"],"names":[],"mappings":"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"}
|
|
@@ -12,8 +12,10 @@ export declare class ContainerVdom extends Vdom {
|
|
|
12
12
|
_addChild(content: Vdom): this;
|
|
13
13
|
_render(node: HTMLElement): void;
|
|
14
14
|
_unrender(): void;
|
|
15
|
+
attr(A: string, c: any): void;
|
|
15
16
|
html(c: string | Reactive): this;
|
|
16
17
|
text(c: string | Reactive): this;
|
|
18
|
+
md(c: string | Reactive): this;
|
|
17
19
|
mount(c: IComponent): this;
|
|
18
20
|
when(condition: Reactive | boolean, then: ContainerVdom | string | boolean | number): this;
|
|
19
21
|
otherwiseWhen(condition: Reactive | boolean, then: ContainerVdom | string | boolean | number, seal?: boolean): this;
|
|
@@ -27,6 +27,15 @@ export class ContainerVdom extends Vdom {
|
|
|
27
27
|
this._children[c]._unrender();
|
|
28
28
|
}
|
|
29
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
|
+
}
|
|
30
39
|
html(c) {
|
|
31
40
|
let hn = new HtmlVdom(c);
|
|
32
41
|
return this._addChild(hn);
|
|
@@ -35,6 +44,9 @@ export class ContainerVdom extends Vdom {
|
|
|
35
44
|
let tn = new TextVdom(c);
|
|
36
45
|
return this._addChild(tn);
|
|
37
46
|
}
|
|
47
|
+
md(c) {
|
|
48
|
+
return this.text(c);
|
|
49
|
+
}
|
|
38
50
|
mount(c) {
|
|
39
51
|
let cn = new ComponentVdom(c);
|
|
40
52
|
return this._addChild(cn);
|
|
@@ -82,4 +94,176 @@ export class ContainerVdom extends Vdom {
|
|
|
82
94
|
return this;
|
|
83
95
|
}
|
|
84
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
|
+
}
|
|
85
269
|
//# sourceMappingURL=container-vdom.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/container-vdom.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"container-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/container-vdom.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { DOT_VDOM_PROP_NAME } from "../constants";
|
|
2
2
|
import Reactive from "../reactive";
|
|
3
|
+
import BaseVStyle from "../v-style-nodes/base-v-style";
|
|
3
4
|
import { ContainerVdom } from "./container-vdom";
|
|
4
5
|
import { Vdom } from "./vdom";
|
|
5
6
|
export default class ElementVdom extends Vdom {
|
|
@@ -10,6 +11,7 @@ export default class ElementVdom extends Vdom {
|
|
|
10
11
|
this.attributes = {};
|
|
11
12
|
this.events = [];
|
|
12
13
|
this.attributeObserverIds = [];
|
|
14
|
+
this.childBuilders = [];
|
|
13
15
|
this.tag = tag;
|
|
14
16
|
this.children = new ContainerVdom();
|
|
15
17
|
this.children._parent = this;
|
|
@@ -33,6 +35,10 @@ export default class ElementVdom extends Vdom {
|
|
|
33
35
|
this.children._unrender();
|
|
34
36
|
this.element.parentNode?.removeChild(this.element);
|
|
35
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;
|
|
36
42
|
for (let i = 0; i < this.attributeObserverIds.length; i++) {
|
|
37
43
|
let item = this.attributeObserverIds[i];
|
|
38
44
|
item.observable.detachBinding(item.id);
|
|
@@ -73,6 +79,10 @@ export default class ElementVdom extends Vdom {
|
|
|
73
79
|
});
|
|
74
80
|
}
|
|
75
81
|
}
|
|
82
|
+
else if (value instanceof BaseVStyle) {
|
|
83
|
+
value._render(this.element);
|
|
84
|
+
this.childBuilders.push(value);
|
|
85
|
+
}
|
|
76
86
|
else {
|
|
77
87
|
}
|
|
78
88
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"element-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/element-vdom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,IAAI;
|
|
1
|
+
{"version":3,"file":"element-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/element-vdom.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dothtml",
|
|
3
|
-
"version": "6.0.0-beta.
|
|
3
|
+
"version": "6.0.0-beta.15",
|
|
4
4
|
"description": "DOThtml is a client-side web building framework written in TypeScript.",
|
|
5
5
|
"main": "./build_module/index.js",
|
|
6
6
|
"exports": "./build_module/index.js",
|
|
@@ -52,6 +52,6 @@
|
|
|
52
52
|
"webpack-cli": "^5.1.4"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
|
-
"dothtml-interfaces": "^0.1.
|
|
55
|
+
"dothtml-interfaces": "^0.1.36"
|
|
56
56
|
}
|
|
57
57
|
}
|