dothtml 5.2.10 → 5.2.12
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/lib/arg-callback-obj.d.ts +29 -29
- package/lib/arg-callback-obj.js +63 -63
- package/lib/built-in-components/nav-link.d.ts +8 -8
- package/lib/built-in-components/nav-link.js +23 -23
- package/lib/built-in-components/router.d.ts +57 -57
- package/lib/built-in-components/router.js +281 -281
- package/lib/built-in-components/router.js.map +1 -1
- package/lib/component.d.ts +93 -82
- package/lib/component.js +353 -328
- package/lib/component.js.map +1 -1
- package/lib/dot-util.d.ts +26 -26
- package/lib/dot-util.js +61 -61
- package/lib/dot.d.ts +5 -5
- package/lib/dot.js +1128 -1108
- package/lib/dot.js.map +1 -1
- package/lib/dothtml.d.ts +29 -29
- package/lib/dothtml.js +14 -14
- package/lib/err.d.ts +2 -2
- package/lib/err.js +25 -25
- package/lib/event-bus.d.ts +10 -10
- package/lib/event-bus.js +36 -36
- package/lib/i-dot.d.ts +689 -687
- package/lib/i-dot.js +2 -2
- package/lib/node-polyfill.d.ts +2 -2
- package/lib/node-polyfill.js +13 -13
- package/lib/observable-array.d.ts +49 -49
- package/lib/observable-array.js +273 -273
- package/lib/pages/home-page.d.ts +9 -0
- package/lib/pages/home-page.js +24 -0
- package/lib/pages/home-page.js.map +1 -0
- package/lib/styling/css-types.ts/css-angle.d.ts +7 -7
- package/lib/styling/css-types.ts/css-angle.js +21 -21
- package/lib/styling/css-types.ts/css-color.d.ts +9 -9
- package/lib/styling/css-types.ts/css-color.js +823 -823
- package/lib/styling/css-types.ts/css-complex.d.ts +7 -7
- package/lib/styling/css-types.ts/css-complex.js +22 -22
- package/lib/styling/css-types.ts/css-data-type.d.ts +5 -5
- package/lib/styling/css-types.ts/css-data-type.js +8 -8
- package/lib/styling/css-types.ts/css-filter.d.ts +22 -22
- package/lib/styling/css-types.ts/css-filter.js +120 -120
- package/lib/styling/css-types.ts/css-length.d.ts +7 -7
- package/lib/styling/css-types.ts/css-length.js +23 -23
- package/lib/styling/css-types.ts/css-number.d.ts +6 -6
- package/lib/styling/css-types.ts/css-number.js +16 -16
- package/lib/styling/css-types.ts/css-percentage.d.ts +5 -5
- package/lib/styling/css-types.ts/css-percentage.js +12 -12
- package/lib/styling/css-types.ts/css-transform.d.ts +38 -38
- package/lib/styling/css-types.ts/css-transform.js +182 -182
- package/lib/styling/css-types.ts/css-unknown.d.ts +6 -6
- package/lib/styling/css-types.ts/css-unknown.js +16 -16
- package/lib/styling/css-types.ts/css-url.d.ts +6 -6
- package/lib/styling/css-types.ts/css-url.js +44 -44
- package/lib/styling/i-dotcss.d.ts +1085 -1085
- package/lib/styling/i-dotcss.js +2 -2
- package/lib/styling/style-builder.d.ts +24 -24
- package/lib/styling/style-builder.js +814 -814
- package/lib/styling/unit-function-tables.d.ts +10 -10
- package/lib/styling/unit-function-tables.js +26 -26
- package/package.json +3 -1
package/lib/component.d.ts
CHANGED
|
@@ -1,82 +1,93 @@
|
|
|
1
|
-
import { IDotElement } from "./i-dot";
|
|
2
|
-
import IDotCss from "./styling/i-dotcss";
|
|
3
|
-
declare abstract class Component {
|
|
4
|
-
#private;
|
|
5
|
-
/**
|
|
6
|
-
* Called once per component, on the first build.
|
|
7
|
-
* TODO: this shouldn't require an instance of the component. Please experiment with fixing this.
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
*
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
static
|
|
16
|
-
static
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
/**
|
|
76
|
-
*
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
$
|
|
80
|
-
|
|
81
|
-
}
|
|
82
|
-
|
|
1
|
+
import { IDotElement } from "./i-dot";
|
|
2
|
+
import IDotCss from "./styling/i-dotcss";
|
|
3
|
+
declare abstract class Component {
|
|
4
|
+
#private;
|
|
5
|
+
/**
|
|
6
|
+
* Called once per component, on the first build.
|
|
7
|
+
* TODO: this shouldn't require an instance of the component. Please experiment with fixing this.
|
|
8
|
+
* The issue with this is that simply declaring a class, it's not obvious how to run code.
|
|
9
|
+
* There are four options that come to mind:
|
|
10
|
+
* 1. We could find a way to call this upon declaration of the class (might not be possible).
|
|
11
|
+
* 2. Ignore the problem.
|
|
12
|
+
* 3. Call this per instance (possibly wasteful, but has some advantages, for instance, with polymorphic components).
|
|
13
|
+
* 4. Move to a completely different prop system that doesn't require this type of instantiation.
|
|
14
|
+
*/
|
|
15
|
+
static initializeComponent<T extends Component>(obj: T): void;
|
|
16
|
+
static build<T extends Component>(obj: T): HTMLElement;
|
|
17
|
+
/**
|
|
18
|
+
* Called any time the component needs to be completely rebuilt.
|
|
19
|
+
*/
|
|
20
|
+
static rebuild<T extends Component>(obj: T): void;
|
|
21
|
+
static initializeEventHandlers(obj: any): void;
|
|
22
|
+
static createProp(activePropContainer: Function, name: string): void;
|
|
23
|
+
static createBinding(ref: string, sample: Component): void;
|
|
24
|
+
static configureDependency(cc: Component, name: string): void;
|
|
25
|
+
static updateProp(obj: Component, name: string): void;
|
|
26
|
+
constructor(...args: Array<any>);
|
|
27
|
+
/**
|
|
28
|
+
* A function returning DOThtml (required).
|
|
29
|
+
*/
|
|
30
|
+
abstract builder(...args: Array<any>): IDotElement;
|
|
31
|
+
/**
|
|
32
|
+
* A collection of properties that can be used for two-way bindings.
|
|
33
|
+
*/
|
|
34
|
+
props: {
|
|
35
|
+
[key: string]: any;
|
|
36
|
+
};
|
|
37
|
+
/**
|
|
38
|
+
* A collection of properties that can be used for two-way bindings.
|
|
39
|
+
*/
|
|
40
|
+
bindings: {
|
|
41
|
+
[key: string]: any;
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* A series of events that can be raised from inside the component.
|
|
45
|
+
*/
|
|
46
|
+
events: Array<string>;
|
|
47
|
+
/**
|
|
48
|
+
* An optional function that gets called before the component is created, scoped to the new component object.
|
|
49
|
+
*/
|
|
50
|
+
created(...args: Array<any>): void;
|
|
51
|
+
/**
|
|
52
|
+
* An optional function called after the element has been added. One parameter will be provided containing the added element.
|
|
53
|
+
*/
|
|
54
|
+
ready(): void;
|
|
55
|
+
/**
|
|
56
|
+
* An optional function called before the component is deleted.
|
|
57
|
+
*/
|
|
58
|
+
deleting(): void;
|
|
59
|
+
/**
|
|
60
|
+
* An optional function called after the component is deleted.
|
|
61
|
+
*/
|
|
62
|
+
deleted(): void;
|
|
63
|
+
/**
|
|
64
|
+
* An optional function called after the component is built.
|
|
65
|
+
*/
|
|
66
|
+
built(): void;
|
|
67
|
+
on(event: string, handler: Function): void;
|
|
68
|
+
off(event: string, handler: Function): void;
|
|
69
|
+
private __$el;
|
|
70
|
+
private __built;
|
|
71
|
+
private __stylesSet;
|
|
72
|
+
private __eventsInitialized;
|
|
73
|
+
private __propContainer;
|
|
74
|
+
private __args;
|
|
75
|
+
/**
|
|
76
|
+
* The main element of this component - automatically set after the builder is called.
|
|
77
|
+
*/
|
|
78
|
+
get $el(): HTMLElement;
|
|
79
|
+
$refs: {
|
|
80
|
+
[key: string]: HTMLElement;
|
|
81
|
+
};
|
|
82
|
+
/**
|
|
83
|
+
* Name of the component (optional). If provided, dot and the VDBO will be extended.
|
|
84
|
+
*/
|
|
85
|
+
name: string;
|
|
86
|
+
/**
|
|
87
|
+
* An optional function that is called after builder that stylizes the component using a scoped style builder.
|
|
88
|
+
*/
|
|
89
|
+
style?(css: IDotCss): void;
|
|
90
|
+
$styleBuilder?: Function;
|
|
91
|
+
$updateStyles(): void;
|
|
92
|
+
}
|
|
93
|
+
export default Component;
|