@pageboard/html 0.16.7 → 0.16.8
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/elements/page.js +0 -64
- package/elements/statistic.js +23 -1
- package/elements/transition.js +63 -0
- package/package.json +1 -1
package/elements/page.js
CHANGED
|
@@ -7,67 +7,3 @@ exports.page.stylesheets.push(
|
|
|
7
7
|
|
|
8
8
|
exports.page.resources.reset = '../ui/components/reset.css';
|
|
9
9
|
exports.page.resources.site = '../ui/site.css';
|
|
10
|
-
|
|
11
|
-
exports.page.scripts.push(
|
|
12
|
-
'../ui/transition.js'
|
|
13
|
-
);
|
|
14
|
-
|
|
15
|
-
exports.page.properties.transition = {
|
|
16
|
-
title: 'Transition',
|
|
17
|
-
type: 'object',
|
|
18
|
-
nullable: true,
|
|
19
|
-
properties: {
|
|
20
|
-
close: {
|
|
21
|
-
title: 'Close',
|
|
22
|
-
anyOf: [{
|
|
23
|
-
const: null,
|
|
24
|
-
title: 'None'
|
|
25
|
-
}, {
|
|
26
|
-
const: 'tr-up',
|
|
27
|
-
title: 'To up'
|
|
28
|
-
}, {
|
|
29
|
-
const: 'tr-down',
|
|
30
|
-
title: 'To down'
|
|
31
|
-
}, {
|
|
32
|
-
const: 'tr-left',
|
|
33
|
-
title: 'To left'
|
|
34
|
-
}, {
|
|
35
|
-
const: 'tr-right',
|
|
36
|
-
title: 'To right'
|
|
37
|
-
}, {
|
|
38
|
-
const: 'fade',
|
|
39
|
-
title: 'Fade out'
|
|
40
|
-
}]
|
|
41
|
-
},
|
|
42
|
-
open: {
|
|
43
|
-
title: 'Open',
|
|
44
|
-
anyOf: [{
|
|
45
|
-
const: null,
|
|
46
|
-
title: 'None'
|
|
47
|
-
}, {
|
|
48
|
-
const: 'tr-up',
|
|
49
|
-
title: 'From up'
|
|
50
|
-
}, {
|
|
51
|
-
const: 'tr-down',
|
|
52
|
-
title: 'From down'
|
|
53
|
-
}, {
|
|
54
|
-
const: 'tr-left',
|
|
55
|
-
title: 'From left'
|
|
56
|
-
}, {
|
|
57
|
-
const: 'tr-right',
|
|
58
|
-
title: 'From right'
|
|
59
|
-
}, {
|
|
60
|
-
const: 'fade',
|
|
61
|
-
title: 'Fade in'
|
|
62
|
-
}]
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
exports.page.fragments.push({
|
|
68
|
-
path: 'body',
|
|
69
|
-
attributes: {
|
|
70
|
-
"data-transition-close": "[transition.close?]",
|
|
71
|
-
"data-transition-open": "[transition.open?]",
|
|
72
|
-
}
|
|
73
|
-
});
|
package/elements/statistic.js
CHANGED
|
@@ -17,13 +17,35 @@ exports.statistic = {
|
|
|
17
17
|
title: 'Precision',
|
|
18
18
|
type: 'integer',
|
|
19
19
|
default: 0
|
|
20
|
+
},
|
|
21
|
+
size: {
|
|
22
|
+
title: 'Size',
|
|
23
|
+
anyOf: [{
|
|
24
|
+
type: 'null',
|
|
25
|
+
title: 'Default'
|
|
26
|
+
}, {
|
|
27
|
+
const: 'mini',
|
|
28
|
+
title: 'Mini'
|
|
29
|
+
}, {
|
|
30
|
+
const: 'tiny',
|
|
31
|
+
title: 'Tiny'
|
|
32
|
+
}, {
|
|
33
|
+
const: 'small',
|
|
34
|
+
title: 'Small'
|
|
35
|
+
}, {
|
|
36
|
+
const: 'large',
|
|
37
|
+
title: 'Large'
|
|
38
|
+
}, {
|
|
39
|
+
const: 'huge',
|
|
40
|
+
title: 'Huge'
|
|
41
|
+
}]
|
|
20
42
|
}
|
|
21
43
|
},
|
|
22
44
|
contents: {
|
|
23
45
|
id: "label",
|
|
24
46
|
nodes: "block+"
|
|
25
47
|
},
|
|
26
|
-
html: `<div class="ui statistic">
|
|
48
|
+
html: `<div class="ui [size] statistic">
|
|
27
49
|
<div class="value" title="[name]">[value|digits:[precision]]</div>
|
|
28
50
|
<div class="label" block-content="label"></div>
|
|
29
51
|
</div>`,
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
exports.page.scripts.push(
|
|
2
|
+
'../ui/transition.js'
|
|
3
|
+
);
|
|
4
|
+
|
|
5
|
+
exports.page.properties.transition = {
|
|
6
|
+
title: 'Transition',
|
|
7
|
+
type: 'object',
|
|
8
|
+
nullable: true,
|
|
9
|
+
properties: {
|
|
10
|
+
close: {
|
|
11
|
+
title: 'Close',
|
|
12
|
+
anyOf: [{
|
|
13
|
+
const: null,
|
|
14
|
+
title: 'None'
|
|
15
|
+
}, {
|
|
16
|
+
const: 'tr-up',
|
|
17
|
+
title: 'To up'
|
|
18
|
+
}, {
|
|
19
|
+
const: 'tr-down',
|
|
20
|
+
title: 'To down'
|
|
21
|
+
}, {
|
|
22
|
+
const: 'tr-left',
|
|
23
|
+
title: 'To left'
|
|
24
|
+
}, {
|
|
25
|
+
const: 'tr-right',
|
|
26
|
+
title: 'To right'
|
|
27
|
+
}, {
|
|
28
|
+
const: 'fade',
|
|
29
|
+
title: 'Fade out'
|
|
30
|
+
}]
|
|
31
|
+
},
|
|
32
|
+
open: {
|
|
33
|
+
title: 'Open',
|
|
34
|
+
anyOf: [{
|
|
35
|
+
const: null,
|
|
36
|
+
title: 'None'
|
|
37
|
+
}, {
|
|
38
|
+
const: 'tr-up',
|
|
39
|
+
title: 'From up'
|
|
40
|
+
}, {
|
|
41
|
+
const: 'tr-down',
|
|
42
|
+
title: 'From down'
|
|
43
|
+
}, {
|
|
44
|
+
const: 'tr-left',
|
|
45
|
+
title: 'From left'
|
|
46
|
+
}, {
|
|
47
|
+
const: 'tr-right',
|
|
48
|
+
title: 'From right'
|
|
49
|
+
}, {
|
|
50
|
+
const: 'fade',
|
|
51
|
+
title: 'Fade in'
|
|
52
|
+
}]
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
exports.page.fragments.push({
|
|
58
|
+
path: 'body',
|
|
59
|
+
attributes: {
|
|
60
|
+
"data-transition-close": "[transition.close?]",
|
|
61
|
+
"data-transition-open": "[transition.open?]",
|
|
62
|
+
}
|
|
63
|
+
});
|