tweak-ui 0.4.3 → 0.8.0
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/LICENSE +7 -7
- package/README.md +32 -32
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/lib/builder.d.ts +102 -162
- package/dist/lib/builder.d.ts.map +1 -1
- package/dist/lib/color/adapter.d.ts +7 -0
- package/dist/lib/color/adapter.d.ts.map +1 -0
- package/dist/lib/color/array-format.d.ts +9 -0
- package/dist/lib/color/array-format.d.ts.map +1 -0
- package/dist/lib/{color-formats → color}/converter.d.ts +18 -18
- package/dist/lib/color/converter.d.ts.map +1 -0
- package/dist/lib/color/css-string-format.d.ts +8 -0
- package/dist/lib/color/css-string-format.d.ts.map +1 -0
- package/dist/lib/color/formatter.d.ts +9 -0
- package/dist/lib/color/formatter.d.ts.map +1 -0
- package/dist/lib/color/hex-string-format.d.ts +9 -0
- package/dist/lib/color/hex-string-format.d.ts.map +1 -0
- package/dist/lib/{color-formats → color}/index.d.ts +3 -3
- package/dist/lib/color/index.d.ts.map +1 -0
- package/dist/lib/color/number-format.d.ts +9 -0
- package/dist/lib/color/number-format.d.ts.map +1 -0
- package/dist/lib/{color-formats → color}/object-format.d.ts +14 -14
- package/dist/lib/color/object-format.d.ts.map +1 -0
- package/dist/lib/{color-formats → color}/types.d.ts +107 -101
- package/dist/lib/color/types.d.ts.map +1 -0
- package/dist/lib/components/container/bar.d.ts +28 -0
- package/dist/lib/components/container/bar.d.ts.map +1 -0
- package/dist/lib/components/container/dialog.d.ts +14 -0
- package/dist/lib/components/container/dialog.d.ts.map +1 -0
- package/dist/lib/components/container/grid.d.ts +22 -0
- package/dist/lib/components/container/grid.d.ts.map +1 -0
- package/dist/lib/components/container/group.d.ts +55 -0
- package/dist/lib/components/container/group.d.ts.map +1 -0
- package/dist/lib/components/container/index.d.ts +10 -0
- package/dist/lib/components/container/index.d.ts.map +1 -0
- package/dist/lib/components/container/list.d.ts +25 -0
- package/dist/lib/components/container/list.d.ts.map +1 -0
- package/dist/lib/components/container/section.d.ts +28 -0
- package/dist/lib/components/container/section.d.ts.map +1 -0
- package/dist/lib/components/container/split.d.ts +40 -0
- package/dist/lib/components/container/split.d.ts.map +1 -0
- package/dist/lib/components/container/tabs.d.ts +23 -0
- package/dist/lib/components/container/tabs.d.ts.map +1 -0
- package/dist/lib/components/container/tree.d.ts +25 -0
- package/dist/lib/components/container/tree.d.ts.map +1 -0
- package/dist/lib/components/controls/angle.d.ts +47 -51
- package/dist/lib/components/controls/angle.d.ts.map +1 -1
- package/dist/lib/components/controls/bitmask.d.ts +41 -0
- package/dist/lib/components/controls/bitmask.d.ts.map +1 -0
- package/dist/lib/components/controls/bool.d.ts +52 -0
- package/dist/lib/components/controls/bool.d.ts.map +1 -0
- package/dist/lib/components/controls/color-picker.d.ts +41 -56
- package/dist/lib/components/controls/color-picker.d.ts.map +1 -1
- package/dist/lib/components/controls/color.d.ts +37 -51
- package/dist/lib/components/controls/color.d.ts.map +1 -1
- package/dist/lib/components/controls/index.d.ts +14 -10
- package/dist/lib/components/controls/index.d.ts.map +1 -1
- package/dist/lib/components/controls/input.d.ts +44 -0
- package/dist/lib/components/controls/input.d.ts.map +1 -0
- package/dist/lib/components/controls/matrix.d.ts +58 -0
- package/dist/lib/components/controls/matrix.d.ts.map +1 -0
- package/dist/lib/components/controls/point.d.ts +41 -47
- package/dist/lib/components/controls/point.d.ts.map +1 -1
- package/dist/lib/components/controls/poll.d.ts +12 -0
- package/dist/lib/components/controls/poll.d.ts.map +1 -0
- package/dist/lib/components/controls/scalar.d.ts +67 -0
- package/dist/lib/components/controls/scalar.d.ts.map +1 -0
- package/dist/lib/components/controls/select.d.ts +53 -59
- package/dist/lib/components/controls/select.d.ts.map +1 -1
- package/dist/lib/components/controls/spherical.d.ts +37 -74
- package/dist/lib/components/controls/spherical.d.ts.map +1 -1
- package/dist/lib/components/controls/string.d.ts +46 -0
- package/dist/lib/components/controls/string.d.ts.map +1 -0
- package/dist/lib/components/controls/vector.d.ts +54 -0
- package/dist/lib/components/controls/vector.d.ts.map +1 -0
- package/dist/lib/components/elements/button.d.ts +36 -0
- package/dist/lib/components/elements/button.d.ts.map +1 -0
- package/dist/lib/components/elements/divider.d.ts +4 -0
- package/dist/lib/components/elements/divider.d.ts.map +1 -0
- package/dist/lib/components/elements/graph.d.ts +8 -0
- package/dist/lib/components/elements/graph.d.ts.map +1 -0
- package/dist/lib/components/elements/image.d.ts +33 -0
- package/dist/lib/components/elements/image.d.ts.map +1 -0
- package/dist/lib/components/elements/index.d.ts +6 -0
- package/dist/lib/components/elements/index.d.ts.map +1 -0
- package/dist/lib/components/elements/widget.d.ts +27 -0
- package/dist/lib/components/elements/widget.d.ts.map +1 -0
- package/dist/lib/components/index.d.ts +3 -5
- package/dist/lib/components/index.d.ts.map +1 -1
- package/dist/lib/core/control.d.ts +20 -0
- package/dist/lib/core/control.d.ts.map +1 -0
- package/dist/lib/core/index.d.ts +3 -4
- package/dist/lib/core/index.d.ts.map +1 -1
- package/dist/lib/core/render.d.ts +7 -9
- package/dist/lib/core/render.d.ts.map +1 -1
- package/dist/lib/core/types.d.ts +73 -87
- package/dist/lib/core/types.d.ts.map +1 -1
- package/dist/lib/core/utils.d.ts +78 -93
- package/dist/lib/core/utils.d.ts.map +1 -1
- package/dist/lib/index.d.ts +21 -27
- package/dist/lib/index.d.ts.map +1 -1
- package/dist/lib/mount.d.ts +35 -45
- package/dist/lib/mount.d.ts.map +1 -1
- package/dist/lib/stats/index.d.ts +2 -0
- package/dist/lib/stats/index.d.ts.map +1 -0
- package/dist/lib/stats/sampler.d.ts +66 -0
- package/dist/lib/stats/sampler.d.ts.map +1 -0
- package/dist/lib/stats/stats-renderer.d.ts +16 -0
- package/dist/lib/stats/stats-renderer.d.ts.map +1 -0
- package/dist/style.css +1 -0
- package/dist/style.d.ts +4 -0
- package/dist/tweak-ui.module.js +2938 -2393
- package/dist/tweak-ui.module.js.map +1 -1
- package/dist/tweak-ui.umd.js +33 -4420
- package/dist/tweak-ui.umd.js.map +1 -1
- package/package.json +37 -51
- package/dist/index.html +0 -1063
- package/dist/lib/color-formats/array-format.d.ts +0 -9
- package/dist/lib/color-formats/array-format.d.ts.map +0 -1
- package/dist/lib/color-formats/array-format.spec.d.ts +0 -2
- package/dist/lib/color-formats/array-format.spec.d.ts.map +0 -1
- package/dist/lib/color-formats/converter.d.ts.map +0 -1
- package/dist/lib/color-formats/converter.spec.d.ts +0 -2
- package/dist/lib/color-formats/converter.spec.d.ts.map +0 -1
- package/dist/lib/color-formats/css-string-format.d.ts +0 -8
- package/dist/lib/color-formats/css-string-format.d.ts.map +0 -1
- package/dist/lib/color-formats/css-string-format.spec.d.ts +0 -2
- package/dist/lib/color-formats/css-string-format.spec.d.ts.map +0 -1
- package/dist/lib/color-formats/formatter.d.ts +0 -9
- package/dist/lib/color-formats/formatter.d.ts.map +0 -1
- package/dist/lib/color-formats/formatter.spec.d.ts +0 -2
- package/dist/lib/color-formats/formatter.spec.d.ts.map +0 -1
- package/dist/lib/color-formats/hex-string-format.d.ts +0 -8
- package/dist/lib/color-formats/hex-string-format.d.ts.map +0 -1
- package/dist/lib/color-formats/hex-string-format.spec.d.ts +0 -2
- package/dist/lib/color-formats/hex-string-format.spec.d.ts.map +0 -1
- package/dist/lib/color-formats/index.d.ts.map +0 -1
- package/dist/lib/color-formats/number-format.d.ts +0 -9
- package/dist/lib/color-formats/number-format.d.ts.map +0 -1
- package/dist/lib/color-formats/number-format.spec.d.ts +0 -2
- package/dist/lib/color-formats/number-format.spec.d.ts.map +0 -1
- package/dist/lib/color-formats/object-format.d.ts.map +0 -1
- package/dist/lib/color-formats/object-format.spec.d.ts +0 -2
- package/dist/lib/color-formats/object-format.spec.d.ts.map +0 -1
- package/dist/lib/color-formats/types.d.ts.map +0 -1
- package/dist/lib/components/button.d.ts +0 -29
- package/dist/lib/components/button.d.ts.map +0 -1
- package/dist/lib/components/content.d.ts +0 -22
- package/dist/lib/components/content.d.ts.map +0 -1
- package/dist/lib/components/controls/checkbox.d.ts +0 -29
- package/dist/lib/components/controls/checkbox.d.ts.map +0 -1
- package/dist/lib/components/controls/number.d.ts +0 -48
- package/dist/lib/components/controls/number.d.ts.map +0 -1
- package/dist/lib/components/controls/position.d.ts +0 -56
- package/dist/lib/components/controls/position.d.ts.map +0 -1
- package/dist/lib/components/controls/text.d.ts +0 -36
- package/dist/lib/components/controls/text.d.ts.map +0 -1
- package/dist/lib/components/groups/accordion.d.ts +0 -22
- package/dist/lib/components/groups/accordion.d.ts.map +0 -1
- package/dist/lib/components/groups/container.d.ts +0 -25
- package/dist/lib/components/groups/container.d.ts.map +0 -1
- package/dist/lib/components/groups/group.d.ts +0 -49
- package/dist/lib/components/groups/group.d.ts.map +0 -1
- package/dist/lib/components/groups/index.d.ts +0 -5
- package/dist/lib/components/groups/index.d.ts.map +0 -1
- package/dist/lib/components/groups/tabs.d.ts +0 -22
- package/dist/lib/components/groups/tabs.d.ts.map +0 -1
- package/dist/lib/components/image.d.ts +0 -37
- package/dist/lib/components/image.d.ts.map +0 -1
- package/dist/lib/core/registry.d.ts +0 -18
- package/dist/lib/core/registry.d.ts.map +0 -1
- package/dist/lib/core/value-accessor.d.ts +0 -18
- package/dist/lib/core/value-accessor.d.ts.map +0 -1
- package/dist/scss/_style.scss +0 -120
- package/dist/scss/_themes.scss +0 -23
- package/dist/scss/_utils.scss +0 -24
- package/dist/scss/_variables.scss +0 -30
- package/dist/scss/controls/_angle.scss +0 -64
- package/dist/scss/controls/_button.scss +0 -0
- package/dist/scss/controls/_checkbox.scss +0 -19
- package/dist/scss/controls/_color-picker.scss +0 -124
- package/dist/scss/controls/_color.scss +0 -14
- package/dist/scss/controls/_container.scss +0 -13
- package/dist/scss/controls/_group.scss +0 -69
- package/dist/scss/controls/_image.scss +0 -27
- package/dist/scss/controls/_number.scss +0 -38
- package/dist/scss/controls/_point.scss +0 -36
- package/dist/scss/controls/_position.scss +0 -9
- package/dist/scss/controls/_select.scss +0 -0
- package/dist/scss/controls/_spherical.scss +0 -87
- package/dist/scss/controls/_tabs.scss +0 -38
- package/dist/scss/controls/_text.scss +0 -0
- package/dist/scss/index.scss +0 -21
- package/dist/tweak-ui.css +0 -653
- package/dist/tweak-ui.css.map +0 -1
- package/dist/tweak-ui.min.css +0 -1
- package/dist/tweak-ui.min.css.map +0 -1
- package/dist/tweak-ui.umd.min.js +0 -17
- package/dist/tweak-ui.umd.min.js.map +0 -1
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
.twui-spherical {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: row;
|
|
4
|
-
align-items: flex-start;
|
|
5
|
-
|
|
6
|
-
.left-container {
|
|
7
|
-
flex: 1;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.right-container {
|
|
11
|
-
flex: none;
|
|
12
|
-
display: grid;
|
|
13
|
-
grid-template-columns: max-content max-content;
|
|
14
|
-
|
|
15
|
-
.twui-checkbox {
|
|
16
|
-
grid-column: span 2;
|
|
17
|
-
input {
|
|
18
|
-
margin-left: 0;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
label {
|
|
24
|
-
text-align: right;
|
|
25
|
-
line-height: $input-height;
|
|
26
|
-
padding: 0 $label-pad-x;
|
|
27
|
-
}
|
|
28
|
-
input[type=number] {
|
|
29
|
-
width: 3.5rem;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.pane {
|
|
33
|
-
position: relative;
|
|
34
|
-
width: 100%;
|
|
35
|
-
padding-top: 100%;
|
|
36
|
-
&::before {
|
|
37
|
-
position: absolute;
|
|
38
|
-
content: '';
|
|
39
|
-
width: calc(100% - 2rem);
|
|
40
|
-
height: calc(100% - 2rem);
|
|
41
|
-
left: 1rem;
|
|
42
|
-
top: 1rem;
|
|
43
|
-
border: 1px solid;
|
|
44
|
-
border-radius: 50%;
|
|
45
|
-
@include color(border-color, primary-light);
|
|
46
|
-
box-sizing: border-box;
|
|
47
|
-
// background-image: radial-gradient(getColorVar(primary-light), transparent);
|
|
48
|
-
}
|
|
49
|
-
&::after {
|
|
50
|
-
position: absolute;
|
|
51
|
-
content: '';
|
|
52
|
-
top: 50%;
|
|
53
|
-
left: 50%;
|
|
54
|
-
width: calc(50% - 1rem);
|
|
55
|
-
height: 1px;
|
|
56
|
-
@include color(background-color, primary-light);
|
|
57
|
-
transform-origin: left center;
|
|
58
|
-
transform: rotate(var(--spherical-phi))
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.phi-knob {
|
|
63
|
-
border: 0px solid transparent;
|
|
64
|
-
border-radius: 100%;
|
|
65
|
-
@include color(background-color, primary-light);
|
|
66
|
-
|
|
67
|
-
&:hover {
|
|
68
|
-
@include color(background-color, secondary-light);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
.phi-pane.is-dragging .phi-knob {
|
|
72
|
-
@include color(background-color, accent);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.theta-knob {
|
|
76
|
-
border: 1px solid transparent;
|
|
77
|
-
border-radius: 100%;
|
|
78
|
-
@include color(border-color, primary-light);
|
|
79
|
-
|
|
80
|
-
&:hover {
|
|
81
|
-
@include color(border-color, secondary-light);
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
.theta-pane.is-dragging .theta-knob {
|
|
85
|
-
@include color(border-color, accent);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
.twui-tabs {
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-flow: column nowrap;
|
|
5
|
-
align-items: stretch;
|
|
6
|
-
|
|
7
|
-
@include color(border-color, primary-dark);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.twui-tabs-list {
|
|
11
|
-
display: flex;
|
|
12
|
-
flex-flow: row wrap;
|
|
13
|
-
align-items: stretch;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.twui-tabs-list > button {
|
|
17
|
-
flex: auto 1 11;
|
|
18
|
-
border: 0;
|
|
19
|
-
border-top: 1px solid;
|
|
20
|
-
margin: 0;
|
|
21
|
-
|
|
22
|
-
height: $line-height;
|
|
23
|
-
line-height: $line-height - 2 * $button-pad-y;
|
|
24
|
-
|
|
25
|
-
@include color(background-color, primary-dark);
|
|
26
|
-
@include color(border-color, primary);
|
|
27
|
-
@include color(color, on-primary);
|
|
28
|
-
|
|
29
|
-
&:hover {
|
|
30
|
-
@include color(background-color, primary);
|
|
31
|
-
@include color(border-color, primary-dark);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
&.is-active {
|
|
35
|
-
@include color(background-color, primary);
|
|
36
|
-
@include color(border-color, accent);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
File without changes
|
package/dist/scss/index.scss
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
@import 'variables';
|
|
2
|
-
@import
|
|
3
|
-
"variables",
|
|
4
|
-
"utils",
|
|
5
|
-
"themes",
|
|
6
|
-
"style",
|
|
7
|
-
"controls/angle",
|
|
8
|
-
"controls/button",
|
|
9
|
-
"controls/checkbox",
|
|
10
|
-
"controls/color-picker",
|
|
11
|
-
"controls/color",
|
|
12
|
-
"controls/container",
|
|
13
|
-
"controls/group",
|
|
14
|
-
"controls/image",
|
|
15
|
-
"controls/number",
|
|
16
|
-
"controls/point",
|
|
17
|
-
"controls/select",
|
|
18
|
-
"controls/spherical",
|
|
19
|
-
"controls/tabs",
|
|
20
|
-
"controls/text",
|
|
21
|
-
"controls/position"
|