dothtml 6.0.0-beta.16 → 6.0.0-beta.17
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/constants.d.ts +1 -0
- package/build_module/constants.js +2 -0
- package/build_module/constants.js.map +1 -0
- package/build_module/css/css.d.ts +0 -0
- package/build_module/css/css.js +1 -0
- package/build_module/css/css.js.map +1 -0
- 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/decoration/component.d.ts +13 -0
- package/build_module/decoration/component.js +44 -0
- package/build_module/decoration/component.js.map +1 -0
- package/build_module/decoration/use-styles.d.ts +13 -0
- package/build_module/decoration/use-styles.js +19 -0
- package/build_module/decoration/use-styles.js.map +1 -0
- package/build_module/dot.d.ts +3 -0
- package/build_module/dot.js +377 -0
- package/build_module/dot.js.map +1 -0
- package/build_module/helpers/render-css.d.ts +2 -0
- package/build_module/helpers/render-css.js +19 -0
- package/build_module/helpers/render-css.js.map +1 -0
- package/build_module/helpers.d.ts +3 -0
- package/build_module/helpers.js +50 -0
- package/build_module/helpers.js.map +1 -0
- package/build_module/index.d.ts +7 -0
- package/build_module/index.js +5 -0
- package/build_module/index.js.map +1 -0
- package/build_module/reactive.d.ts +46 -0
- package/build_module/reactive.js +150 -0
- package/build_module/reactive.js.map +1 -0
- package/build_module/v-dom-node.d.ts +0 -0
- package/build_module/v-dom-node.js +1 -0
- package/build_module/v-dom-node.js.map +1 -0
- package/build_module/v-meta-nodes/attribute-v-node.d.ts +11 -0
- package/build_module/v-meta-nodes/attribute-v-node.js +46 -0
- package/build_module/v-meta-nodes/attribute-v-node.js.map +1 -0
- package/build_module/v-meta-nodes/style-v-node.d.ts +11 -0
- package/build_module/v-meta-nodes/style-v-node.js +28 -0
- package/build_module/v-meta-nodes/style-v-node.js.map +1 -0
- 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/collection-vdom.d.ts +24 -0
- package/build_module/vdom-nodes/collection-vdom.js +154 -0
- package/build_module/vdom-nodes/collection-vdom.js.map +1 -0
- package/build_module/vdom-nodes/component-vdom.d.ts +14 -0
- package/build_module/vdom-nodes/component-vdom.js +61 -0
- package/build_module/vdom-nodes/component-vdom.js.map +1 -0
- package/build_module/vdom-nodes/conditional-vdom.d.ts +14 -0
- package/build_module/vdom-nodes/conditional-vdom.js +97 -0
- package/build_module/vdom-nodes/conditional-vdom.js.map +1 -0
- package/build_module/vdom-nodes/container-vdom.d.ts +25 -0
- package/build_module/vdom-nodes/container-vdom.js +97 -0
- package/build_module/vdom-nodes/container-vdom.js.map +1 -0
- package/build_module/vdom-nodes/element-vdom.d.ts +21 -0
- package/build_module/vdom-nodes/element-vdom.js +126 -0
- package/build_module/vdom-nodes/element-vdom.js.map +1 -0
- package/build_module/vdom-nodes/html-vdom.d.ts +13 -0
- package/build_module/vdom-nodes/html-vdom.js +53 -0
- package/build_module/vdom-nodes/html-vdom.js.map +1 -0
- package/build_module/vdom-nodes/text-vdom.d.ts +11 -0
- package/build_module/vdom-nodes/text-vdom.js +37 -0
- package/build_module/vdom-nodes/text-vdom.js.map +1 -0
- package/build_module/vdom-nodes/vdom.d.ts +7 -0
- package/build_module/vdom-nodes/vdom.js +28 -0
- package/build_module/vdom-nodes/vdom.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,46 @@
|
|
|
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
|
+
import AttributeVNode from "./v-meta-nodes/attribute-v-node";
|
|
9
|
+
export default class Reactive<Ti = any, To = Ti> implements IReactive<Ti, To> {
|
|
10
|
+
_value: Ti;
|
|
11
|
+
private _cachedLastValue;
|
|
12
|
+
key: string;
|
|
13
|
+
observingTextNodes: Record<number, TextVdom>;
|
|
14
|
+
observingHtmlNodes: Record<number, HtmlVdom>;
|
|
15
|
+
observingAttributes: Record<number, {
|
|
16
|
+
element: ElementVdom;
|
|
17
|
+
attribute: string;
|
|
18
|
+
}>;
|
|
19
|
+
observingAttributeCollectionss: Record<number, AttributeVNode>;
|
|
20
|
+
observingCollections: Record<number, {
|
|
21
|
+
collection: CollectionVdom;
|
|
22
|
+
key?: string;
|
|
23
|
+
}>;
|
|
24
|
+
observingConditionals: Record<number, ConditionalVdom>;
|
|
25
|
+
observingStyles: Record<number, {
|
|
26
|
+
prop: string;
|
|
27
|
+
vStyle: VStyle;
|
|
28
|
+
}>;
|
|
29
|
+
observingCallbacks: Record<number, (value: To) => void>;
|
|
30
|
+
constructor();
|
|
31
|
+
getValue(): To;
|
|
32
|
+
setValue(v: Ti): void;
|
|
33
|
+
private updater;
|
|
34
|
+
transform?: (input: Ti) => To;
|
|
35
|
+
nextId: number;
|
|
36
|
+
subscribeText(node: TextVdom): number;
|
|
37
|
+
subscribeHtml(node: HtmlVdom): number;
|
|
38
|
+
subscribeAttr(node: ElementVdom, attributeName: string): number;
|
|
39
|
+
subscribeAttrCollection(collection: AttributeVNode): number;
|
|
40
|
+
subscribeStyle(vStyle: VStyle, propName: string): number;
|
|
41
|
+
subscribeCollection(node: CollectionVdom): number;
|
|
42
|
+
subscribeCond(node: ConditionalVdom): number;
|
|
43
|
+
subscribeCallback(callback: (value: To) => void): number;
|
|
44
|
+
detachBinding(id: number): void;
|
|
45
|
+
updateObservers(): void;
|
|
46
|
+
}
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
const TEXT_OFFSET = 0;
|
|
2
|
+
const HTML_OFFSET = 1;
|
|
3
|
+
const ATTR_OFFSET = 2;
|
|
4
|
+
const ATTR_COLLECTION_OFFSET = 3;
|
|
5
|
+
const STYLE_OFFSET = 4;
|
|
6
|
+
const COND_OFFSET = 5;
|
|
7
|
+
const ARRAY_OFFSET = 6;
|
|
8
|
+
const CB_OFFSET = 7;
|
|
9
|
+
const CATEGORIES = CB_OFFSET + 1;
|
|
10
|
+
export default class Reactive {
|
|
11
|
+
constructor() {
|
|
12
|
+
this.observingTextNodes = {};
|
|
13
|
+
this.observingHtmlNodes = {};
|
|
14
|
+
this.observingAttributes = {};
|
|
15
|
+
this.observingAttributeCollectionss = {};
|
|
16
|
+
this.observingCollections = {};
|
|
17
|
+
this.observingConditionals = {};
|
|
18
|
+
this.observingStyles = {};
|
|
19
|
+
this.observingCallbacks = {};
|
|
20
|
+
this.nextId = 1;
|
|
21
|
+
}
|
|
22
|
+
getValue() {
|
|
23
|
+
return this.transform ? this.transform(this._value) : this._value;
|
|
24
|
+
}
|
|
25
|
+
setValue(v) {
|
|
26
|
+
this._value = v;
|
|
27
|
+
let newValue = this.getValue();
|
|
28
|
+
if (this._cachedLastValue != newValue) {
|
|
29
|
+
this._cachedLastValue = newValue;
|
|
30
|
+
this.updater(newValue);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
updater(value) {
|
|
34
|
+
for (let o in this.observingTextNodes) {
|
|
35
|
+
let n = this.observingTextNodes[o];
|
|
36
|
+
n.textNode.textContent = value ?? "";
|
|
37
|
+
}
|
|
38
|
+
for (let o in this.observingHtmlNodes) {
|
|
39
|
+
let n = this.observingHtmlNodes[o];
|
|
40
|
+
n.updateHtml(value);
|
|
41
|
+
}
|
|
42
|
+
for (let o in this.observingAttributes) {
|
|
43
|
+
let a = this.observingAttributes[o];
|
|
44
|
+
a.element.setAttr(a.attribute, this);
|
|
45
|
+
}
|
|
46
|
+
for (let o in this.observingAttributeCollectionss) {
|
|
47
|
+
let a = this.observingAttributeCollectionss[o];
|
|
48
|
+
a.update();
|
|
49
|
+
}
|
|
50
|
+
for (let o in this.observingStyles) {
|
|
51
|
+
let s = this.observingStyles[o];
|
|
52
|
+
s.vStyle.updateProp(s.prop, value);
|
|
53
|
+
}
|
|
54
|
+
for (let o in this.observingCollections) {
|
|
55
|
+
let c = this.observingCollections[o];
|
|
56
|
+
c.collection.updateList();
|
|
57
|
+
}
|
|
58
|
+
for (let o in this.observingConditionals) {
|
|
59
|
+
let a = this.observingConditionals[o];
|
|
60
|
+
a.updateConditions();
|
|
61
|
+
}
|
|
62
|
+
for (let o in this.observingCallbacks) {
|
|
63
|
+
let cb = this.observingCallbacks[o];
|
|
64
|
+
cb(value);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
subscribeText(node) {
|
|
68
|
+
let id = TEXT_OFFSET + CATEGORIES * this.nextId++;
|
|
69
|
+
this.observingTextNodes[id] = node;
|
|
70
|
+
return id;
|
|
71
|
+
}
|
|
72
|
+
subscribeHtml(node) {
|
|
73
|
+
let id = HTML_OFFSET + CATEGORIES * this.nextId++;
|
|
74
|
+
this.observingHtmlNodes[id] = node;
|
|
75
|
+
return id;
|
|
76
|
+
}
|
|
77
|
+
subscribeAttr(node, attributeName) {
|
|
78
|
+
let id = ATTR_OFFSET + CATEGORIES * this.nextId++;
|
|
79
|
+
this.observingAttributes[id] = { element: node, attribute: attributeName };
|
|
80
|
+
return id;
|
|
81
|
+
}
|
|
82
|
+
subscribeAttrCollection(collection) {
|
|
83
|
+
let id = ATTR_COLLECTION_OFFSET + CATEGORIES * this.nextId++;
|
|
84
|
+
this.observingAttributeCollectionss[id] = collection;
|
|
85
|
+
return id;
|
|
86
|
+
}
|
|
87
|
+
subscribeStyle(vStyle, propName) {
|
|
88
|
+
let id = STYLE_OFFSET + CATEGORIES * this.nextId++;
|
|
89
|
+
this.observingStyles[id] = { prop: propName, vStyle: vStyle };
|
|
90
|
+
return id;
|
|
91
|
+
}
|
|
92
|
+
subscribeCollection(node) {
|
|
93
|
+
let id = ARRAY_OFFSET + CATEGORIES * this.nextId++;
|
|
94
|
+
this.observingCollections[id] = { collection: node, key: null };
|
|
95
|
+
return id;
|
|
96
|
+
}
|
|
97
|
+
subscribeCond(node) {
|
|
98
|
+
let id = COND_OFFSET + CATEGORIES * this.nextId++;
|
|
99
|
+
this.observingConditionals[id] = node;
|
|
100
|
+
return id;
|
|
101
|
+
}
|
|
102
|
+
subscribeCallback(callback) {
|
|
103
|
+
let id = CB_OFFSET + CATEGORIES * this.nextId++;
|
|
104
|
+
this.observingCallbacks[id] = callback;
|
|
105
|
+
return id;
|
|
106
|
+
}
|
|
107
|
+
detachBinding(id) {
|
|
108
|
+
let category = id % CATEGORIES;
|
|
109
|
+
switch (category) {
|
|
110
|
+
case TEXT_OFFSET: {
|
|
111
|
+
delete this.observingTextNodes[id];
|
|
112
|
+
break;
|
|
113
|
+
}
|
|
114
|
+
case ATTR_OFFSET: {
|
|
115
|
+
delete this.observingAttributes[id];
|
|
116
|
+
break;
|
|
117
|
+
}
|
|
118
|
+
case ATTR_COLLECTION_OFFSET: {
|
|
119
|
+
delete this.observingAttributeCollectionss[id];
|
|
120
|
+
break;
|
|
121
|
+
}
|
|
122
|
+
case STYLE_OFFSET: {
|
|
123
|
+
delete this.observingStyles[id];
|
|
124
|
+
break;
|
|
125
|
+
}
|
|
126
|
+
case HTML_OFFSET: {
|
|
127
|
+
delete this.observingHtmlNodes[id];
|
|
128
|
+
break;
|
|
129
|
+
}
|
|
130
|
+
case ARRAY_OFFSET: {
|
|
131
|
+
delete this.observingCollections[id];
|
|
132
|
+
break;
|
|
133
|
+
}
|
|
134
|
+
case COND_OFFSET: {
|
|
135
|
+
delete this.observingConditionals[id];
|
|
136
|
+
break;
|
|
137
|
+
}
|
|
138
|
+
case CB_OFFSET: {
|
|
139
|
+
delete this.observingCallbacks[id];
|
|
140
|
+
break;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
updateObservers() {
|
|
145
|
+
let updatedValue = this.getValue();
|
|
146
|
+
this._cachedLastValue = updatedValue;
|
|
147
|
+
this.updater(updatedValue);
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
//# sourceMappingURL=reactive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reactive.js","sourceRoot":"","sources":["../src/reactive.ts"],"names":[],"mappings":"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"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=v-dom-node.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"v-dom-node.js","sourceRoot":"","sources":["../src/v-dom-node.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import Reactive from "../reactive";
|
|
2
|
+
export default class AttributeVNode {
|
|
3
|
+
attr: string;
|
|
4
|
+
value: any;
|
|
5
|
+
target: HTMLElement;
|
|
6
|
+
observables: Record<number, Reactive>;
|
|
7
|
+
constructor(attrName: any, attrValue: any);
|
|
8
|
+
render(target: HTMLElement): void;
|
|
9
|
+
update(): void;
|
|
10
|
+
unrender(): void;
|
|
11
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import Reactive from "../reactive";
|
|
2
|
+
export default class AttributeVNode {
|
|
3
|
+
constructor(attrName, attrValue) {
|
|
4
|
+
this.observables = {};
|
|
5
|
+
this.attr = attrName;
|
|
6
|
+
this.value = attrValue;
|
|
7
|
+
}
|
|
8
|
+
render(target) {
|
|
9
|
+
this.target = target;
|
|
10
|
+
{
|
|
11
|
+
for (let k in this.value) {
|
|
12
|
+
let v = this.value[k];
|
|
13
|
+
if (v && v instanceof Reactive) {
|
|
14
|
+
let id = v.subscribeAttrCollection(this);
|
|
15
|
+
this.observables[id] = v;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
{
|
|
20
|
+
this.update();
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
update() {
|
|
24
|
+
if (!this.target)
|
|
25
|
+
return;
|
|
26
|
+
let tokens = [];
|
|
27
|
+
for (let k in this.value) {
|
|
28
|
+
let v = this.value[k];
|
|
29
|
+
if (v) {
|
|
30
|
+
if (!(v instanceof Reactive) || v.getValue()) {
|
|
31
|
+
tokens.push(k);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
this.target.setAttribute(this.attr, tokens.join(" "));
|
|
36
|
+
}
|
|
37
|
+
unrender() {
|
|
38
|
+
this.target = null;
|
|
39
|
+
for (let o in this.observables) {
|
|
40
|
+
let v = this.observables[o];
|
|
41
|
+
v.detachBinding(Number(o));
|
|
42
|
+
}
|
|
43
|
+
this.observables = {};
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=attribute-v-node.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"attribute-v-node.js","sourceRoot":"","sources":["../../src/v-meta-nodes/attribute-v-node.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,OAAO,OAAO,cAAc;IAQlC,YAAY,QAAQ,EAAE,SAAS;QAF/B,gBAAW,GAA6B,EAAE,CAAC;QAG1C,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;IACxB,CAAC;IAED,MAAM,CAAC,MAAmB;QACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB;YACC,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAC;gBACvB,IAAI,CAAC,GAAI,IAAI,CAAC,KAAa,CAAC,CAAC,CAAC,CAAC;gBAC/B,IAAG,CAAC,IAAI,CAAC,YAAY,QAAQ,EAAC;oBAC7B,IAAI,EAAE,GAAG,CAAC,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;oBACzC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;iBACzB;aACD;SACD;QAED;YACC,IAAI,CAAC,MAAM,EAAE,CAAC;SACd;IACF,CAAC;IAED,MAAM;QACL,IAAG,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QAExB,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAC;YACvB,IAAI,CAAC,GAAI,IAAI,CAAC,KAAa,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAG,CAAC,EAAC;gBACJ,IAAG,CAAC,CAAC,CAAC,YAAY,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAC;oBAC3C,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;iBACf;aACD;SACD;QACD,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,QAAQ;QACP,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QAEnB,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,EAAC;YAC7B,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAC5B,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3B;QAED,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IACvB,CAAC;CACD"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IDotcssProp } from "dothtml-interfaces";
|
|
2
|
+
export default class StyleVNode {
|
|
3
|
+
target: NodeListOf<Element> | HTMLElement | string;
|
|
4
|
+
document: Document;
|
|
5
|
+
shadowRoot: ShadowRoot;
|
|
6
|
+
constructor(styleValue: IDotcssProp);
|
|
7
|
+
render(target: NodeListOf<Element> | HTMLElement | string, document?: Document, shadowRoot?: ShadowRoot): void;
|
|
8
|
+
applyStyles(): void;
|
|
9
|
+
unrender(): void;
|
|
10
|
+
toString(): void;
|
|
11
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
const _allProps = {
|
|
2
|
+
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"]],
|
|
3
|
+
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"]],
|
|
4
|
+
url: [["background", "image"], ["border", "image"], ["list", "style", "image"], ["content"], ["image", "orientation"]],
|
|
5
|
+
transformation: ["transform"],
|
|
6
|
+
filter: [["filter"], ["backdrop", "filter"]],
|
|
7
|
+
misc: [["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"]]
|
|
8
|
+
};
|
|
9
|
+
export default class StyleVNode {
|
|
10
|
+
constructor(styleValue) {
|
|
11
|
+
}
|
|
12
|
+
render(target, document = window.document, shadowRoot) {
|
|
13
|
+
this.target = target;
|
|
14
|
+
this.document = document;
|
|
15
|
+
this.shadowRoot = shadowRoot;
|
|
16
|
+
this.applyStyles();
|
|
17
|
+
}
|
|
18
|
+
applyStyles() {
|
|
19
|
+
if (this.target instanceof HTMLElement) {
|
|
20
|
+
}
|
|
21
|
+
else if (typeof this.target === "string") {
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
unrender() {
|
|
25
|
+
}
|
|
26
|
+
toString() { }
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=style-v-node.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style-v-node.js","sourceRoot":"","sources":["../../src/v-meta-nodes/style-v-node.ts"],"names":[],"mappings":"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"}
|
|
@@ -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
|
+
}
|