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
package/build_module/helpers.js
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { DOT_VDOM_PROP_NAME } from "./constants";
|
|
2
|
-
export function removeNodesBetween(start, end) {
|
|
3
|
-
if (start.parentNode !== end.parentNode) {
|
|
4
|
-
throw new Error("Start and end nodes must have the same parent.");
|
|
5
|
-
}
|
|
6
|
-
let current = start.nextSibling;
|
|
7
|
-
while (current && current !== end) {
|
|
8
|
-
const next = current.nextSibling;
|
|
9
|
-
if (current[DOT_VDOM_PROP_NAME]) {
|
|
10
|
-
current[DOT_VDOM_PROP_NAME]._unrender();
|
|
11
|
-
}
|
|
12
|
-
else {
|
|
13
|
-
current.parentNode?.removeChild(current);
|
|
14
|
-
}
|
|
15
|
-
current = next;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
export function deepEqual(obj1, obj2, visited = new Map()) {
|
|
19
|
-
if (obj1 === obj2) {
|
|
20
|
-
return true;
|
|
21
|
-
}
|
|
22
|
-
if (obj1 == null || obj2 == null || typeof obj1 !== 'object' || typeof obj2 !== 'object') {
|
|
23
|
-
return false;
|
|
24
|
-
}
|
|
25
|
-
if (visited.has(obj1)) {
|
|
26
|
-
return visited.get(obj1) === obj2;
|
|
27
|
-
}
|
|
28
|
-
visited.set(obj1, obj2);
|
|
29
|
-
if (Array.isArray(obj1) && Array.isArray(obj2)) {
|
|
30
|
-
if (obj1.length !== obj2.length) {
|
|
31
|
-
return false;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
for (const prop in obj1) {
|
|
35
|
-
if (!obj2.hasOwnProperty(prop)) {
|
|
36
|
-
return false;
|
|
37
|
-
}
|
|
38
|
-
if (!deepEqual(obj1[prop], obj2[prop], visited)) {
|
|
39
|
-
return false;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
for (const prop in obj2) {
|
|
43
|
-
if (!obj1.hasOwnProperty(prop)) {
|
|
44
|
-
return false;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
return true;
|
|
48
|
-
}
|
|
49
|
-
export var floatRegex = new RegExp("[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?", "g");
|
|
50
|
-
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
package/build_module/index.d.ts
DELETED
package/build_module/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;AAUtB,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;AAEjB,OAAO,EAAE,GAAG,EAAE,CAAC"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { IReactive } from "dothtml-interfaces";
|
|
2
|
-
import ElementVdom from "./vdom-nodes/element-vdom";
|
|
3
|
-
import { TextVdom } from "./vdom-nodes/text-vdom";
|
|
4
|
-
import { HtmlVdom } from "./vdom-nodes/html-vdom";
|
|
5
|
-
import { ConditionalVdom } from "./vdom-nodes/conditional-vdom";
|
|
6
|
-
import CollectionVdom from "./vdom-nodes/collection-vdom";
|
|
7
|
-
import VStyle from "./v-style-nodes/v-style";
|
|
8
|
-
export default class Reactive<Ti = any, To = Ti> implements IReactive<Ti, To> {
|
|
9
|
-
_value: Ti;
|
|
10
|
-
private _cachedLastValue;
|
|
11
|
-
key: string;
|
|
12
|
-
observingTextNodes: Record<number, TextVdom>;
|
|
13
|
-
observingHtmlNodes: Record<number, HtmlVdom>;
|
|
14
|
-
observingAttributes: Record<number, {
|
|
15
|
-
element: ElementVdom;
|
|
16
|
-
attribute: string;
|
|
17
|
-
}>;
|
|
18
|
-
observingCollections: Record<number, {
|
|
19
|
-
collection: CollectionVdom;
|
|
20
|
-
key?: string;
|
|
21
|
-
}>;
|
|
22
|
-
observingConditionals: Record<number, ConditionalVdom>;
|
|
23
|
-
observingStyles: Record<number, {
|
|
24
|
-
prop: string;
|
|
25
|
-
vStyle: VStyle;
|
|
26
|
-
}>;
|
|
27
|
-
observingCallbacks: Record<number, (value: To) => void>;
|
|
28
|
-
constructor();
|
|
29
|
-
getValue(): To;
|
|
30
|
-
setValue(v: Ti): void;
|
|
31
|
-
private updater;
|
|
32
|
-
transformer?: (input: Ti) => To;
|
|
33
|
-
nextId: number;
|
|
34
|
-
subscribeText(node: TextVdom): number;
|
|
35
|
-
subscribeHtml(node: HtmlVdom): number;
|
|
36
|
-
subscribeAttr(node: ElementVdom, attributeName: string): number;
|
|
37
|
-
subscribeStyle(vStyle: VStyle, propName: string): number;
|
|
38
|
-
subscribeCollection(node: CollectionVdom): number;
|
|
39
|
-
subscribeCond(node: ConditionalVdom): number;
|
|
40
|
-
subscribeCallback(callback: (value: To) => void): number;
|
|
41
|
-
detachBinding(id: number): void;
|
|
42
|
-
updateObservers(): void;
|
|
43
|
-
}
|
package/build_module/reactive.js
DELETED
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
const TEXT_OFFSET = 0;
|
|
2
|
-
const HTML_OFFSET = 1;
|
|
3
|
-
const ATTR_OFFSET = 2;
|
|
4
|
-
const STYLE_OFFSET = 3;
|
|
5
|
-
const COND_OFFSET = 4;
|
|
6
|
-
const ARRAY_OFFSET = 5;
|
|
7
|
-
const CB_OFFSET = 6;
|
|
8
|
-
const CATEGORIES = CB_OFFSET + 1;
|
|
9
|
-
export default class Reactive {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.observingTextNodes = {};
|
|
12
|
-
this.observingHtmlNodes = {};
|
|
13
|
-
this.observingAttributes = {};
|
|
14
|
-
this.observingCollections = {};
|
|
15
|
-
this.observingConditionals = {};
|
|
16
|
-
this.observingStyles = {};
|
|
17
|
-
this.observingCallbacks = {};
|
|
18
|
-
this.nextId = 1;
|
|
19
|
-
}
|
|
20
|
-
getValue() {
|
|
21
|
-
return this.transformer ? this.transformer(this._value) : this._value;
|
|
22
|
-
}
|
|
23
|
-
setValue(v) {
|
|
24
|
-
this._value = v;
|
|
25
|
-
let newValue = this.getValue();
|
|
26
|
-
if (this._cachedLastValue != newValue) {
|
|
27
|
-
this._cachedLastValue = newValue;
|
|
28
|
-
this.updater(newValue);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
updater(value) {
|
|
32
|
-
for (let o in this.observingTextNodes) {
|
|
33
|
-
let n = this.observingTextNodes[o];
|
|
34
|
-
n.textNode.textContent = value ?? "";
|
|
35
|
-
}
|
|
36
|
-
for (let o in this.observingHtmlNodes) {
|
|
37
|
-
let n = this.observingHtmlNodes[o];
|
|
38
|
-
n.updateHtml(value);
|
|
39
|
-
}
|
|
40
|
-
for (let o in this.observingAttributes) {
|
|
41
|
-
let a = this.observingAttributes[o];
|
|
42
|
-
a.element.setAttr(a.attribute, this);
|
|
43
|
-
}
|
|
44
|
-
for (let o in this.observingStyles) {
|
|
45
|
-
let s = this.observingStyles[o];
|
|
46
|
-
s.vStyle.updateProp(s.prop, value);
|
|
47
|
-
}
|
|
48
|
-
for (let o in this.observingCollections) {
|
|
49
|
-
let c = this.observingCollections[o];
|
|
50
|
-
c.collection.updateList();
|
|
51
|
-
}
|
|
52
|
-
for (let o in this.observingConditionals) {
|
|
53
|
-
let a = this.observingConditionals[o];
|
|
54
|
-
a.updateConditions();
|
|
55
|
-
}
|
|
56
|
-
for (let o in this.observingCallbacks) {
|
|
57
|
-
let cb = this.observingCallbacks[o];
|
|
58
|
-
cb(value);
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
subscribeText(node) {
|
|
62
|
-
let id = TEXT_OFFSET + CATEGORIES * this.nextId++;
|
|
63
|
-
this.observingTextNodes[id] = node;
|
|
64
|
-
return id;
|
|
65
|
-
}
|
|
66
|
-
subscribeHtml(node) {
|
|
67
|
-
let id = HTML_OFFSET + CATEGORIES * this.nextId++;
|
|
68
|
-
this.observingHtmlNodes[id] = node;
|
|
69
|
-
return id;
|
|
70
|
-
}
|
|
71
|
-
subscribeAttr(node, attributeName) {
|
|
72
|
-
let id = ATTR_OFFSET + CATEGORIES * this.nextId++;
|
|
73
|
-
this.observingAttributes[id] = { element: node, attribute: attributeName };
|
|
74
|
-
return id;
|
|
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
|
-
}
|
|
81
|
-
subscribeCollection(node) {
|
|
82
|
-
let id = ARRAY_OFFSET + CATEGORIES * this.nextId++;
|
|
83
|
-
this.observingCollections[id] = { collection: node, key: null };
|
|
84
|
-
return id;
|
|
85
|
-
}
|
|
86
|
-
subscribeCond(node) {
|
|
87
|
-
let id = COND_OFFSET + CATEGORIES * this.nextId++;
|
|
88
|
-
this.observingConditionals[id] = node;
|
|
89
|
-
return id;
|
|
90
|
-
}
|
|
91
|
-
subscribeCallback(callback) {
|
|
92
|
-
let id = CB_OFFSET + CATEGORIES * this.nextId++;
|
|
93
|
-
this.observingCallbacks[id] = callback;
|
|
94
|
-
return id;
|
|
95
|
-
}
|
|
96
|
-
detachBinding(id) {
|
|
97
|
-
let category = id % CATEGORIES;
|
|
98
|
-
switch (category) {
|
|
99
|
-
case TEXT_OFFSET: {
|
|
100
|
-
delete this.observingTextNodes[id];
|
|
101
|
-
break;
|
|
102
|
-
}
|
|
103
|
-
case ATTR_OFFSET: {
|
|
104
|
-
delete this.observingAttributes[id];
|
|
105
|
-
break;
|
|
106
|
-
}
|
|
107
|
-
case STYLE_OFFSET: {
|
|
108
|
-
delete this.observingStyles[id];
|
|
109
|
-
break;
|
|
110
|
-
}
|
|
111
|
-
case HTML_OFFSET: {
|
|
112
|
-
delete this.observingHtmlNodes[id];
|
|
113
|
-
break;
|
|
114
|
-
}
|
|
115
|
-
case ARRAY_OFFSET: {
|
|
116
|
-
delete this.observingCollections[id];
|
|
117
|
-
break;
|
|
118
|
-
}
|
|
119
|
-
case COND_OFFSET: {
|
|
120
|
-
delete this.observingConditionals[id];
|
|
121
|
-
break;
|
|
122
|
-
}
|
|
123
|
-
case CB_OFFSET: {
|
|
124
|
-
delete this.observingCallbacks[id];
|
|
125
|
-
break;
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
updateObservers() {
|
|
130
|
-
let updatedValue = this.getValue();
|
|
131
|
-
this._cachedLastValue = updatedValue;
|
|
132
|
-
this.updater(updatedValue);
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
//# sourceMappingURL=reactive.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"reactive.js","sourceRoot":"","sources":["../src/reactive.ts"],"names":[],"mappings":"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"}
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=v-dom-node.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"v-dom-node.js","sourceRoot":"","sources":["../src/v-dom-node.ts"],"names":[],"mappings":""}
|
|
@@ -1,14 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,116 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"base-v-style.js","sourceRoot":"","sources":["../../src/v-style-nodes/base-v-style.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,71 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,29 +0,0 @@
|
|
|
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
|
-
}
|