@nebularstreams/libmui 3.1.0 → 4.0.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.
Files changed (78) hide show
  1. package/dist/libmui.esm.js +3 -0
  2. package/package.json +6 -2
  3. package/readme.md +48 -0
  4. package/dist/libui.esm.js +0 -3
  5. package/rollup.config.js +0 -20
  6. package/src/app/MainState.js +0 -22
  7. package/src/app/app.js +0 -9
  8. package/src/css/a-measures.css +0 -6
  9. package/src/css/b-colors.css +0 -12
  10. package/src/css/b-root-bootstrap-ext.css +0 -81
  11. package/src/css/b-root-bootstrap.css +0 -178
  12. package/src/css/b-root-semantic-flex.css +0 -87
  13. package/src/css/b-root-semantic-size-new.css +0 -37
  14. package/src/css/b-root-semantic-size.css +0 -75
  15. package/src/css/b-root-semantic-skin.css +0 -48
  16. package/src/css/b-root-semantic.css +0 -111
  17. package/src/css/b-root.css +0 -3
  18. package/src/css/cardie.css +0 -6
  19. package/src/css/flex.css +0 -46
  20. package/src/css/fontawesome/brands.min.css +0 -16
  21. package/src/css/fontawesome/fontawesome-ext.css +0 -7
  22. package/src/css/fontawesome/fontawesome-solid.css +0 -17
  23. package/src/css/fontawesome/fontawesome.css +0 -4359
  24. package/src/css/ui.notifications.css +0 -23
  25. package/src/css/ui.popup.css +0 -127
  26. package/src/css/ui.witharia.css +0 -25
  27. package/src/index.js +0 -112
  28. package/src/meta/InputTemplates.js +0 -3
  29. package/src/style.js +0 -37
  30. package/src/util/colorjoe.js +0 -1370
  31. package/src/util/filepath.js +0 -10
  32. package/src/util/fuckingconfirm.js +0 -28
  33. package/src/util/mithril-range.js +0 -445
  34. package/src/util/tainter.js +0 -39
  35. package/src/util/util.clone.js +0 -8
  36. package/src/util/util.tokenizer.js +0 -266
  37. package/src/util/widgets.core.js +0 -314
  38. package/src/util/widgets.js +0 -79
  39. package/src/util/widgets.utils.js +0 -10
  40. package/src/widgets/Basic.js +0 -352
  41. package/src/widgets/ButtonChoiceWidget.js +0 -72
  42. package/src/widgets/CardieWidget.js +0 -168
  43. package/src/widgets/ColorJoePack.js +0 -108
  44. package/src/widgets/ColorJoeWidget.js +0 -140
  45. package/src/widgets/ComboPrompt.js +0 -112
  46. package/src/widgets/ComboWidget.js +0 -156
  47. package/src/widgets/CoolContentTicker.js +0 -244
  48. package/src/widgets/CoolerEmpty.js +0 -37
  49. package/src/widgets/EmptyButton.js +0 -36
  50. package/src/widgets/FontSelectorButton.js +0 -37
  51. package/src/widgets/InputWidget.js +0 -254
  52. package/src/widgets/NoticeWidget.js +0 -31
  53. package/src/widgets/OverflowUtils.js +0 -449
  54. package/src/widgets/PlusMinusWidget.js +0 -55
  55. package/src/widgets/RangeWidget.js +0 -200
  56. package/src/widgets/SelectFileMiniButton.js +0 -170
  57. package/src/widgets/Separator.js +0 -21
  58. package/src/widgets/SmileysButton.js +0 -19
  59. package/src/widgets/SwitchWidget.js +0 -42
  60. package/src/widgets/TemplatedInputWidget.js +0 -1395
  61. package/src/widgets/TitleBarWidget.js +0 -71
  62. package/src/widgets/css/buttonchoice.css +0 -62
  63. package/src/widgets/css/buttonchoice.toggle.css +0 -37
  64. package/src/widgets/css/choicer.css +0 -24
  65. package/src/widgets/css/colorjoe.css +0 -230
  66. package/src/widgets/css/colorjoewidget.css +0 -105
  67. package/src/widgets/css/combo-ellipsis.css +0 -29
  68. package/src/widgets/css/fileminibutton.css +0 -12
  69. package/src/widgets/css/input.css +0 -35
  70. package/src/widgets/css/mithril-range.css +0 -69
  71. package/src/widgets/css/progressstrip.css +0 -31
  72. package/src/widgets/css/range-anims.css +0 -23
  73. package/src/widgets/css/separator.css +0 -21
  74. package/src/widgets/css/smileys.css +0 -85
  75. package/src/widgets/css/templatedinput.css +0 -67
  76. package/src/widgets/css/ui.titlebar.css +0 -44
  77. package/src/widgets/css/uploadfile.css +0 -5
  78. /package/dist/{libui.css → libmui.css} +0 -0
@@ -1,12 +0,0 @@
1
-
2
- .bg-accent-light {
3
- background: var(--accent-light) !important;
4
- }
5
-
6
- .bg-window-lo {
7
- background: var(--window-background-lo) !important;
8
- }
9
-
10
- .bg-window-hi {
11
- background: var(--window-background-hi) !important;
12
- }
@@ -1,81 +0,0 @@
1
-
2
- .no-marg-top {
3
- margin-top: 0 !important;
4
- }
5
-
6
- .no-marg-bottom {
7
- margin-bottom: 0 !important;
8
- }
9
-
10
- .no-marg-right {
11
- margin-right: 0 !important;
12
- }
13
-
14
- .no-marg-left {
15
- margin-left: 0 !important;
16
- }
17
-
18
- .no-pad-top {
19
- padding-top: 0 !important;
20
- }
21
-
22
- .no-pad-bottom {
23
- padding-bottom: 0 !important;
24
- }
25
-
26
- .no-pad-left {
27
- padding-left: 0 !important;
28
- }
29
-
30
- .no-pad-right {
31
- padding-right: 0 !important;
32
- }
33
-
34
- .order-first {
35
- order: -1;
36
- }
37
-
38
- .order-1 {
39
- order: 1
40
- }
41
-
42
- .order-2 {
43
- order: 2
44
- }
45
-
46
- .order-3 {
47
- order: 3
48
- }
49
-
50
- .order-4 {
51
- order: 4
52
- }
53
-
54
- .order-5 {
55
- order: 5
56
- }
57
-
58
- .order-6 {
59
- order: 6
60
- }
61
-
62
-
63
- .to-top {
64
- top: 0;
65
- bottom: auto !important;
66
- }
67
-
68
- .to-bottom {
69
- bottom: 0;
70
- top: auto !important;
71
- }
72
-
73
- .to-left {
74
- left: 0;
75
- right: auto !important;
76
- }
77
-
78
- .to-right {
79
- right: 0;
80
- left: auto !important;
81
- }
@@ -1,178 +0,0 @@
1
- /** b.root.bootstrap */
2
-
3
- /* padding, ie. pad-1 pad-h */
4
-
5
- .pad-0 {
6
- padding: 0;
7
- }
8
-
9
- .pad-1 {
10
- padding: 0.25rem;
11
- }
12
-
13
- .pad-2 {
14
- padding: 0.5rem;
15
- }
16
-
17
- .pad-3 {
18
- padding: 0.75rem;
19
- }
20
-
21
- .pad-4 {
22
- padding: 1rem;
23
- }
24
-
25
- .pad-5 {
26
- padding: 1.25rem;
27
- }
28
-
29
- .pad-6 {
30
- padding: 1.5rem;
31
- }
32
-
33
- .pad-7 {
34
- padding: 1.75rem;
35
- }
36
-
37
- .pad-8 {
38
- padding: 2rem;
39
- }
40
-
41
- .pad-h {
42
- padding-top: 0 !important;
43
- padding-bottom: 0 !important;
44
- }
45
-
46
- .pad-v {
47
- padding-left: 0 !important;
48
- padding-right: 0 !important;
49
- }
50
-
51
- /* margin, ie. marg-1 marg-h */
52
- .marg-0 {
53
- margin: 0;
54
- }
55
-
56
-
57
- .marg-1 {
58
- margin: 0.25rem;
59
- }
60
-
61
- .marg-2 {
62
- margin: 0.5rem;
63
- }
64
-
65
- .marg-3 {
66
- margin: 0.75rem;
67
- }
68
-
69
- .marg-4 {
70
- margin: 1rem;
71
- }
72
-
73
-
74
- .marg-5 {
75
- margin: 1.25rem;
76
- }
77
-
78
- .marg-6 {
79
- margin: 1.5rem;
80
- }
81
-
82
- .marg-7 {
83
- margin: 1.75rem;
84
- }
85
-
86
- .marg-8 {
87
- margin: 2rem;
88
- }
89
-
90
- .marg-t {
91
- margin-bottom: 0 !important;
92
- margin-left: 0 !important;
93
- margin-right: 0 !important;
94
- }
95
-
96
- .marg-b {
97
- margin-top: 0 !important;
98
- margin-left: 0 !important;
99
- margin-right: 0 !important;
100
- }
101
-
102
- .marg-l {
103
- margin-top: 0 !important;
104
- margin-bottom: 0 !important;
105
- margin-right: 0 !important;
106
- }
107
-
108
- .marg-r {
109
- margin-top: 0 !important;
110
- margin-bottom: 0 !important;
111
- margin-left: 0 !important;
112
- }
113
-
114
- .marg-h {
115
- margin-top: 0 !important;
116
- margin-bottom: 0 !important;
117
- }
118
-
119
- .marg-v {
120
- margin-left: 0 !important;
121
- margin-right: 0 !important;
122
- }
123
-
124
- .col-1 {
125
- width: calc(100% / 12)
126
- }
127
-
128
- .col-2 {
129
- width: calc(100% * 2 / 12)
130
- }
131
-
132
- .col-3 {
133
- width: calc(100% * 3 / 12)
134
- }
135
-
136
- .col-4 {
137
- width: calc(100% * 4 / 12)
138
- }
139
-
140
- .col-5 {
141
- width: calc(100% * 5 / 12)
142
- }
143
-
144
- .col-6 {
145
- width: calc(100% * 6 / 12)
146
- }
147
-
148
- .col-7 {
149
- width: calc(100% * 7 / 12)
150
- }
151
-
152
- .col-8 {
153
- width: calc(100% * 8 / 12)
154
- }
155
-
156
- .col-9 {
157
- width: calc(100% * 9 / 12)
158
- }
159
-
160
- .col-10 {
161
- width: calc(100% * 10 / 12)
162
- }
163
-
164
- .col-11 {
165
- width: calc(100% * 11 / 12)
166
- }
167
-
168
- .col-12 {
169
- width: 100%
170
- }
171
-
172
- .al-right {
173
- text-align: right;
174
- }
175
-
176
- .al-center {
177
- text-align: center;
178
- }
@@ -1,87 +0,0 @@
1
- /** b.root.flex */
2
-
3
- .flexrow {
4
- display: flex;
5
- flex-direction: row;
6
- }
7
-
8
- .flexcol {
9
- display: flex;
10
- flex-direction: column;
11
- }
12
-
13
- .flexcenter {
14
- align-self: center;
15
- justify-content: center;
16
- }
17
-
18
- .flexaround {
19
- justify-content: space-around;
20
- }
21
-
22
- .flexeven {
23
- justify-content: space-evenly;
24
- }
25
-
26
- .flexbreak {
27
- margin: 0 !important;
28
- padding: 0 !important;
29
- }
30
-
31
- .scrolly {
32
- overflow-y: auto !important;
33
- overflow-x: hidden;
34
- -webkit-overflow-scrolling: touch;
35
- -ms-overflow-style: -ms-autohiding-scrollbar;
36
- scrollbar-width: none; /* Firefox */
37
- }
38
-
39
- .ohidden {
40
- overflow: hidden;
41
- }
42
-
43
- .flex-al-center {
44
- align-items: center;
45
- }
46
-
47
- .flex-al-end {
48
- align-items: flex-end;
49
- }
50
-
51
- .flex-sal-center {
52
- align-self: center;
53
- }
54
-
55
- .flex-sal-end {
56
- align-self: flex-end;
57
- }
58
-
59
- .wrap {
60
- flex-wrap: wrap;
61
- }
62
-
63
- .grows {
64
- flex-grow: 1;
65
- }
66
-
67
- .growsheight {
68
- flex-grow: 1;
69
- height: 50%;
70
- }
71
-
72
- .noshrink {
73
- flex-shrink: 0;
74
- }
75
-
76
- .flexbreak {
77
- flex-basis: 100%;
78
- height: 0;
79
- }
80
-
81
- .flexrow.rev {
82
- flex-direction: row-reverse;
83
- }
84
-
85
- .flexcol.rev {
86
- flex-direction: column-reverse;
87
- }
@@ -1,37 +0,0 @@
1
- .w-100 {
2
- width: 100%;
3
- }
4
-
5
- .w-75 {
6
- width: 75%;
7
- }
8
-
9
- .w-50 {
10
- width: 50%;
11
- }
12
-
13
- .w-60 {
14
- width: 60%;
15
- }
16
-
17
- .w-40 {
18
- width: 40%;
19
- }
20
- .w-66 {
21
- width: 66.66666%;
22
- }
23
- .w-33 {
24
- width: 33.333333%;
25
- }
26
-
27
- .h-100 {
28
- height: 100%;
29
- }
30
-
31
- .h-75 {
32
- height: 75%;
33
- }
34
-
35
- .h-50 {
36
- height: 50%;
37
- }
@@ -1,75 +0,0 @@
1
- .fullwidth {
2
- width: 100%;
3
- }
4
-
5
- .fullheight {
6
- height: 100%;
7
- }
8
-
9
-
10
- .halfwidth {
11
- width: 50%;
12
- }
13
-
14
- .halfheight {
15
- height: 50%;
16
- }
17
-
18
- .fitheight {
19
- height: fit-content;
20
- }
21
-
22
- .fitwidth {
23
- width: fit-content;
24
- }
25
-
26
- .w-max {
27
- width: -webkit-fill-available;
28
- }
29
-
30
- .w-30 {
31
- width: 30%;
32
- }
33
-
34
- .font-125 {
35
- font-size: 1.25rem;
36
- }
37
-
38
- .font-75 {
39
- font-size: 0.75rem;
40
- }
41
-
42
- .unitheight {
43
- height: var(--unitsize);
44
- line-height: var(--unitsize);
45
- }
46
-
47
- .unitwidth {
48
- width: var(--unitsize);
49
- }
50
-
51
- .unitsize {
52
- width: var(--unitsize) !important;
53
- height: var(--unitsize) !important;
54
- line-height: var(--unitsize) !important;
55
- }
56
-
57
-
58
- .unitheight {
59
- height: var(--unitsize) !important;
60
- }
61
-
62
- .unitheightsmall {
63
- height: var(--unitsize-small);
64
- line-height: var(--unitsize-small);
65
- }
66
-
67
- .unitwidthsmall {
68
- width: var(--unitsize-small);
69
- }
70
-
71
- .unitsizesmall {
72
- width: var(--unitsize-small);
73
- height: var(--unitsize-small);
74
- line-height: var(--unitsize-small);
75
- }
@@ -1,48 +0,0 @@
1
- .fg-accent {
2
- color: var(--accent);
3
- }
4
-
5
- .primary {
6
- color: var(--primary-color);
7
- }
8
-
9
- .accent-back {
10
- color: var(--text-over-accent);
11
- background-color: var(--accent) !important;
12
- }
13
-
14
- .bg-accent {
15
- color: var(--text-over-accent) !important;
16
- background-color: var(--accent) !important;
17
- }
18
-
19
- .bg-accent-light {
20
- background-color: var(--accent-light) !important;
21
- }
22
-
23
- .bg-accent-dark {
24
- color: var(--text-over-accent) ;
25
- background-color: var(--accent-dark) !important;
26
- }
27
-
28
- .bg-primary {
29
- background-color: var(--primary-color) !important;
30
- color: var(--text-over-primary);
31
- }
32
-
33
- .bg-window {
34
- background-color: var(--window-background) !important;
35
- color: var(--text);
36
- }
37
-
38
- .bg-window-hi {
39
- background-color: var(--window-background-hi) !important;
40
- color: var(--text);
41
- }
42
-
43
-
44
- .bg-window-lo {
45
- background-color: var(--window-background-lo) !important;
46
- color: var(--text);
47
- }
48
-
@@ -1,111 +0,0 @@
1
-
2
- .relative {
3
- position: relative;
4
- }
5
-
6
- .absolute {
7
- position: absolute;
8
- }
9
-
10
- .absolute.right {
11
- right: 0;
12
- }
13
-
14
- .absolute.bottom {
15
- bottom: 0;
16
- }
17
-
18
- .scrolly {
19
- overflow-y: auto !important;
20
- overflow-x: hidden;
21
- -webkit-overflow-scrolling: touch;
22
- -ms-overflow-style: -ms-autohiding-scrollbar;
23
- scrollbar-width: none; /* Firefox */
24
- }
25
-
26
- .scrollx::-webkit-scrollbar,
27
- .scrolly::-webkit-scrollbar {
28
- display: none;
29
- }
30
-
31
- /* Hide scrollbar for IE, Edge and Firefox */
32
-
33
- .scrollx {
34
- overflow-y: hidden;
35
- overflow-x: auto !important;
36
- -webkit-overflow-scrolling: touch;
37
- -ms-overflow-style: -ms-autohiding-scrollbar;
38
- scrollbar-width: none; /* Firefox */
39
- }
40
-
41
- .scroll {
42
- overflow: auto !important;
43
- -webkit-overflow-scrolling: touch;
44
- }
45
-
46
- .vcenter {
47
- vertical-align: middle;
48
- }
49
-
50
- .monospace {
51
- white-space: pre-wrap;
52
- font-family: monospace;
53
- }
54
-
55
-
56
- .ohidden {
57
- overflow: hidden;
58
- }
59
-
60
- .font-50 {
61
- font-size: 0.5rem;
62
- }
63
-
64
- .font-75 {
65
- font-size: 0.75rem;
66
- }
67
-
68
- .font-100 {
69
- font-size: 1rem;
70
- }
71
-
72
- .font-125 {
73
- font-size: 1.25rem;
74
- }
75
-
76
- .font-150 {
77
- font-size: 1.5rem;
78
- }
79
-
80
- .font-100 {
81
- font-size: 1rem;
82
- }
83
-
84
- .vcenter {
85
- vertical-align: middle;
86
- }
87
-
88
- .shadow-1 {
89
- box-shadow: 0 0 1px var(--shadow-color);
90
- z-index: 100;
91
- }
92
-
93
- .shadow-2 {
94
- box-shadow: 0 0 2px var(--shadow-color);
95
- z-index: 100;
96
- }
97
-
98
- .shadow-3 {
99
- box-shadow: 0 0 3px var(--shadow-color);
100
- z-index: 100;
101
- }
102
-
103
- .shadow-4 {
104
- box-shadow: 0 0 4px var(--shadow-color);
105
- z-index: 100;
106
- }
107
-
108
- .pointer {
109
- cursor: pointer;
110
- }
111
-
@@ -1,3 +0,0 @@
1
- * {
2
- box-sizing: border-box;
3
- }
@@ -1,6 +0,0 @@
1
- .cardiebody {
2
- display: flex;
3
- flex-direction: row;
4
- align-items: self-start;
5
- }
6
-
package/src/css/flex.css DELETED
@@ -1,46 +0,0 @@
1
-
2
- .flexcol {
3
- flex-direction: column;
4
- display: flex
5
- }
6
-
7
- .flexrow {
8
- flex-direction: row;
9
- display: flex
10
- }
11
-
12
- .grows {
13
- flex-grow: 1;
14
- }
15
-
16
- .noshrink {
17
- flex-shrink: 0;
18
- }
19
-
20
- .h-100 {
21
- height: -webkit-fill-available;
22
- }
23
-
24
- .w-100 {
25
- width: -webkit-fill-available;
26
- }
27
-
28
- .relative {
29
- position: relative;
30
- }
31
-
32
- .absolute {
33
- position: absolute;
34
- }
35
-
36
- .unitheight {
37
- height: 2.54rem;
38
- }
39
-
40
- .pad-2 {
41
- padding: 0.5rem;
42
- }
43
-
44
- .scaff-bottom {
45
- border-bottom: solid 1px var(--border-color);
46
- }
@@ -1,16 +0,0 @@
1
- /*!
2
- * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
3
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
- */
5
- @font-face {
6
- font-family: "Font Awesome 5 Brands";
7
- font-style: normal;
8
- font-weight: 400;
9
- font-display: block;
10
- src: url(webfonts/fa-brands-400.woff2) format("woff2")
11
- }
12
-
13
- .fabrd:before {
14
- font-family: "Font Awesome 5 Brands" !important;
15
- font-weight: 400
16
- }
@@ -1,7 +0,0 @@
1
- .fas {
2
- line-height: inherit !important;
3
- }
4
-
5
- .fas.last {
6
- order: 2;
7
- }