@nebularstreams/libmui 3.1.1 → 4.0.1
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/dist/libmui.esm.js +3 -0
- package/dist/libmui.esm.min.js +3 -0
- package/package.json +6 -2
- package/dist/libui.esm.js +0 -3
- package/rollup.config.js +0 -20
- package/src/app/MainState.js +0 -22
- package/src/app/app.js +0 -9
- package/src/css/a-measures.css +0 -6
- package/src/css/b-colors.css +0 -12
- package/src/css/b-root-bootstrap-ext.css +0 -81
- package/src/css/b-root-bootstrap.css +0 -178
- package/src/css/b-root-semantic-flex.css +0 -87
- package/src/css/b-root-semantic-size-new.css +0 -37
- package/src/css/b-root-semantic-size.css +0 -75
- package/src/css/b-root-semantic-skin.css +0 -48
- package/src/css/b-root-semantic.css +0 -111
- package/src/css/b-root.css +0 -3
- package/src/css/cardie.css +0 -6
- package/src/css/flex.css +0 -46
- package/src/css/fontawesome/brands.min.css +0 -16
- package/src/css/fontawesome/fontawesome-ext.css +0 -7
- package/src/css/fontawesome/fontawesome-solid.css +0 -17
- package/src/css/fontawesome/fontawesome.css +0 -4359
- package/src/css/ui.notifications.css +0 -23
- package/src/css/ui.popup.css +0 -127
- package/src/css/ui.witharia.css +0 -25
- package/src/index.js +0 -112
- package/src/meta/InputTemplates.js +0 -3
- package/src/style.js +0 -37
- package/src/util/colorjoe.js +0 -1370
- package/src/util/filepath.js +0 -10
- package/src/util/fuckingconfirm.js +0 -28
- package/src/util/mithril-range.js +0 -445
- package/src/util/tainter.js +0 -39
- package/src/util/util.clone.js +0 -8
- package/src/util/util.tokenizer.js +0 -266
- package/src/util/widgets.core.js +0 -314
- package/src/util/widgets.js +0 -79
- package/src/util/widgets.utils.js +0 -10
- package/src/widgets/Basic.js +0 -352
- package/src/widgets/ButtonChoiceWidget.js +0 -72
- package/src/widgets/CardieWidget.js +0 -168
- package/src/widgets/ColorJoePack.js +0 -108
- package/src/widgets/ColorJoeWidget.js +0 -140
- package/src/widgets/ComboPrompt.js +0 -112
- package/src/widgets/ComboWidget.js +0 -156
- package/src/widgets/CoolContentTicker.js +0 -244
- package/src/widgets/CoolerEmpty.js +0 -37
- package/src/widgets/EmptyButton.js +0 -36
- package/src/widgets/FontSelectorButton.js +0 -37
- package/src/widgets/InputWidget.js +0 -254
- package/src/widgets/NoticeWidget.js +0 -31
- package/src/widgets/OverflowUtils.js +0 -449
- package/src/widgets/PlusMinusWidget.js +0 -55
- package/src/widgets/RangeWidget.js +0 -200
- package/src/widgets/SelectFileMiniButton.js +0 -170
- package/src/widgets/Separator.js +0 -21
- package/src/widgets/SmileysButton.js +0 -19
- package/src/widgets/SwitchWidget.js +0 -42
- package/src/widgets/TemplatedInputWidget.js +0 -1395
- package/src/widgets/TitleBarWidget.js +0 -71
- package/src/widgets/css/buttonchoice.css +0 -62
- package/src/widgets/css/buttonchoice.toggle.css +0 -37
- package/src/widgets/css/choicer.css +0 -24
- package/src/widgets/css/colorjoe.css +0 -230
- package/src/widgets/css/colorjoewidget.css +0 -105
- package/src/widgets/css/combo-ellipsis.css +0 -29
- package/src/widgets/css/fileminibutton.css +0 -12
- package/src/widgets/css/input.css +0 -35
- package/src/widgets/css/mithril-range.css +0 -69
- package/src/widgets/css/progressstrip.css +0 -31
- package/src/widgets/css/range-anims.css +0 -23
- package/src/widgets/css/separator.css +0 -21
- package/src/widgets/css/smileys.css +0 -85
- package/src/widgets/css/templatedinput.css +0 -67
- package/src/widgets/css/ui.titlebar.css +0 -44
- package/src/widgets/css/uploadfile.css +0 -5
- /package/dist/{libui.css → libmui.css} +0 -0
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
#notification-container {
|
|
3
|
-
position: fixed;
|
|
4
|
-
z-index: 100000;
|
|
5
|
-
top: 2.2rem;
|
|
6
|
-
transform: translateX(-50%);
|
|
7
|
-
left: 50%;
|
|
8
|
-
bottom: auto;
|
|
9
|
-
right: auto;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
#notification-container .notification {
|
|
13
|
-
border-radius: 10rem !important;
|
|
14
|
-
padding: 1rem;
|
|
15
|
-
font-size: 1rem;
|
|
16
|
-
color: var(--accent);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
#notification-container .notification i {
|
|
21
|
-
padding: 0 1rem;
|
|
22
|
-
}
|
|
23
|
-
|
package/src/css/ui.popup.css
DELETED
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
#modal-container button {
|
|
2
|
-
height: 2.54rem;
|
|
3
|
-
flex-direction: row;
|
|
4
|
-
font-size: 1.5rem !important;
|
|
5
|
-
position: relative;
|
|
6
|
-
color: var(--text-lo);
|
|
7
|
-
font-variant: all-small-caps;
|
|
8
|
-
background: transparent;
|
|
9
|
-
border: none;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
#modal-container button:active {
|
|
13
|
-
color: var(--accent);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
#modal-container button:hover {
|
|
17
|
-
color: var(--text);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
#modal-container > .modal-content button {
|
|
21
|
-
text-overflow: ellipsis;
|
|
22
|
-
white-space: nowrap;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
#modal-container button i {
|
|
26
|
-
left: 0;
|
|
27
|
-
position: absolute;
|
|
28
|
-
top: 0.5rem;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
#modal-container input {
|
|
32
|
-
font-size: 1.5rem;
|
|
33
|
-
background: var(--inputs);
|
|
34
|
-
height: 2.54rem;
|
|
35
|
-
margin-top: 0.25rem;
|
|
36
|
-
border: solid 1px var(--border-color);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.modal-content textarea {
|
|
40
|
-
border: solid 1px var(--border-color);
|
|
41
|
-
background: var(--inputs);
|
|
42
|
-
min-height: 5rem;
|
|
43
|
-
font-family: inherit;
|
|
44
|
-
font-size: inherit;
|
|
45
|
-
resize: vertical;
|
|
46
|
-
max-height: 15rem;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
#modal-container > .modal-content button {
|
|
50
|
-
text-overflow: ellipsis;
|
|
51
|
-
white-space: nowrap;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
#modal-container > .modal-content {
|
|
55
|
-
width: auto !important;
|
|
56
|
-
min-width: 512px !important;
|
|
57
|
-
max-width: 50%;
|
|
58
|
-
max-height: 75%;
|
|
59
|
-
overflow-y: auto;
|
|
60
|
-
background-color: var(--accent-light);
|
|
61
|
-
border-radius: 1rem;
|
|
62
|
-
padding: 1rem;
|
|
63
|
-
border: solid 1px var(--border-color);
|
|
64
|
-
box-shadow: 0 0 0.5rem var(--shadow-color);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
#modal-container.iscustom {
|
|
68
|
-
backdrop-filter: none;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.modal-content-popper {
|
|
72
|
-
background: var(--window-background-hi);
|
|
73
|
-
padding: 2rem;
|
|
74
|
-
border-radius: 1rem;
|
|
75
|
-
box-shadow: 0 0 2px var(--shadow-color);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.modal-content h4 {
|
|
79
|
-
margin: 1rem;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.modal-content .popup input {
|
|
83
|
-
line-height: var(--unitsize-small);
|
|
84
|
-
font-size: 1.25rem;
|
|
85
|
-
padding: 0 0.75rem;
|
|
86
|
-
border: solid 1px var(--border-color);
|
|
87
|
-
border-radius: 1rem;
|
|
88
|
-
background: var(--inputs);
|
|
89
|
-
outline: none;
|
|
90
|
-
color: var(--text);
|
|
91
|
-
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
#modaltitle {
|
|
95
|
-
font-size: 1.5rem;
|
|
96
|
-
text-align: center;
|
|
97
|
-
padding-bottom: 0.5rem;
|
|
98
|
-
padding-top: 0;
|
|
99
|
-
margin-top: 0;
|
|
100
|
-
margin-bottom: 0.5rem;
|
|
101
|
-
font-variant: all-small-caps;
|
|
102
|
-
border-bottom: solid;
|
|
103
|
-
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
#modal-container {
|
|
107
|
-
font-size: 1.25rem;
|
|
108
|
-
position: absolute;
|
|
109
|
-
z-index: 100000;
|
|
110
|
-
left: 0;
|
|
111
|
-
right: 0;
|
|
112
|
-
bottom: 0;
|
|
113
|
-
top: 0;
|
|
114
|
-
align-items: center;
|
|
115
|
-
justify-content: center;
|
|
116
|
-
--accent-light: #333;
|
|
117
|
-
--text: #ddd;
|
|
118
|
-
--text-lo: #aaa;
|
|
119
|
-
color: var(--accent);
|
|
120
|
-
display: none;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
#modal-container .container {
|
|
125
|
-
text-align: right;
|
|
126
|
-
padding: 1rem;
|
|
127
|
-
}
|
package/src/css/ui.witharia.css
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
.witharia:before {
|
|
2
|
-
content: attr(aria-label);
|
|
3
|
-
display: block;
|
|
4
|
-
font-variant: all-small-caps;
|
|
5
|
-
line-height: 100%;
|
|
6
|
-
font-size: 0.8em;
|
|
7
|
-
padding-bottom: 0.25rem;
|
|
8
|
-
color: var(--text-lo);
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.witharia.max:before {
|
|
12
|
-
width: 100%;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.witharia.minilabel:before {
|
|
16
|
-
text-align: center;
|
|
17
|
-
border-bottom: solid 1px var(--border-color);
|
|
18
|
-
border-top: solid 1px var(--border-color);
|
|
19
|
-
width: 100%;
|
|
20
|
-
margin-bottom: 0.5rem;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.addbut.empty {
|
|
24
|
-
width: 100%;
|
|
25
|
-
}
|
package/src/index.js
DELETED
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import {Button, ButtonNew, Icon, Empty, Selector, Notification} from "./widgets/Basic";
|
|
2
|
-
import CardieWidget from "./widgets/CardieWidget";
|
|
3
|
-
import ButtonChoiceWidget from "./widgets/ButtonChoiceWidget";
|
|
4
|
-
import InputWidget from "./widgets/InputWidget";
|
|
5
|
-
import NoticeWidget from "./widgets/NoticeWidget";
|
|
6
|
-
import ComboWidget from "./widgets/ComboWidget";
|
|
7
|
-
import ComboPrompt from "./widgets/ComboPrompt";
|
|
8
|
-
import SwitchWidget from "./widgets/SwitchWidget";
|
|
9
|
-
import ColorJoeWidget from "./widgets/ColorJoeWidget";
|
|
10
|
-
import ColorJoePack from "./widgets/ColorJoePack";
|
|
11
|
-
import * as OverflowUtils from "./widgets/OverflowUtils";
|
|
12
|
-
import {clearModal, popupMessage} from "./util/widgets";
|
|
13
|
-
import Separator from "./widgets/Separator";
|
|
14
|
-
import PlusMinus from "./widgets/PlusMinusWidget";
|
|
15
|
-
import TitleBarWidget from "./widgets/TitleBarWidget";
|
|
16
|
-
import RangeWidget from "./widgets/RangeWidget";
|
|
17
|
-
import SmileysButton from "./widgets/SmileysButton";
|
|
18
|
-
import startApp from "./app/app"
|
|
19
|
-
import defineWidget from "./util/widgets.utils";
|
|
20
|
-
import {OverflowMenu} from "./util/widgets.core";
|
|
21
|
-
import {confirm, confirmPromise} from "./util/fuckingconfirm"
|
|
22
|
-
import clone from "./util/util.clone"
|
|
23
|
-
import Tokenizer from "./util/util.tokenizer"
|
|
24
|
-
import {CoolContentTicker, CoolGenericTicker, GenericButtonTicker, ThematicWrapper, optionsPrompt} from "./widgets/CoolContentTicker";
|
|
25
|
-
import EmptyButton from "./widgets/EmptyButton";
|
|
26
|
-
import CoolerEmpty from "./widgets/CoolerEmpty";
|
|
27
|
-
import tainter from "./util/tainter"
|
|
28
|
-
import {ConfirmPromise} from "./util/widgets.core.js"
|
|
29
|
-
import {makeLocalUrl, makeLocalPath} from "./util/filepath.js"
|
|
30
|
-
|
|
31
|
-
import MainState, {implement as MainStateImplement} from "./app/MainState";
|
|
32
|
-
|
|
33
|
-
import {
|
|
34
|
-
FileSelectButton,
|
|
35
|
-
ImageDataButton,
|
|
36
|
-
ImageSelectButton,
|
|
37
|
-
ImageProcessButton,
|
|
38
|
-
MediaSelectButton,
|
|
39
|
-
processImage
|
|
40
|
-
} from "./widgets/SelectFileMiniButton"
|
|
41
|
-
|
|
42
|
-
import {
|
|
43
|
-
TemplatedInputWidget, ParameterTable, ParameterCardie, MultiToggleWidget, RangeToggleWidget
|
|
44
|
-
} from "./widgets/TemplatedInputWidget"
|
|
45
|
-
|
|
46
|
-
import "./style.js"
|
|
47
|
-
|
|
48
|
-
export {
|
|
49
|
-
Button,
|
|
50
|
-
ButtonChoiceWidget,
|
|
51
|
-
ButtonNew,
|
|
52
|
-
CardieWidget,
|
|
53
|
-
ColorJoeWidget,
|
|
54
|
-
ColorJoePack,
|
|
55
|
-
ComboPrompt,
|
|
56
|
-
ComboWidget,
|
|
57
|
-
CoolerEmpty,
|
|
58
|
-
Empty,
|
|
59
|
-
EmptyButton,
|
|
60
|
-
Icon,
|
|
61
|
-
InputWidget,
|
|
62
|
-
NoticeWidget,
|
|
63
|
-
Notification,
|
|
64
|
-
OverflowMenu,
|
|
65
|
-
OverflowUtils,
|
|
66
|
-
PlusMinus,
|
|
67
|
-
RangeWidget,
|
|
68
|
-
Selector,
|
|
69
|
-
SmileysButton,
|
|
70
|
-
SwitchWidget,
|
|
71
|
-
Separator,
|
|
72
|
-
TitleBarWidget,
|
|
73
|
-
ThematicWrapper,
|
|
74
|
-
|
|
75
|
-
// SelectFileMinibutton
|
|
76
|
-
FileSelectButton,
|
|
77
|
-
ImageDataButton,
|
|
78
|
-
ImageSelectButton,
|
|
79
|
-
ImageProcessButton,
|
|
80
|
-
MediaSelectButton,
|
|
81
|
-
|
|
82
|
-
// TemplatedInputWidhet
|
|
83
|
-
TemplatedInputWidget,
|
|
84
|
-
ParameterTable,
|
|
85
|
-
ParameterCardie,
|
|
86
|
-
MultiToggleWidget,
|
|
87
|
-
RangeToggleWidget,
|
|
88
|
-
|
|
89
|
-
// Content Ticker
|
|
90
|
-
CoolContentTicker,
|
|
91
|
-
CoolGenericTicker,
|
|
92
|
-
GenericButtonTicker,
|
|
93
|
-
optionsPrompt,
|
|
94
|
-
Tokenizer,
|
|
95
|
-
|
|
96
|
-
MainState,
|
|
97
|
-
MainStateImplement,
|
|
98
|
-
|
|
99
|
-
// micro utils
|
|
100
|
-
clearModal,
|
|
101
|
-
clone,
|
|
102
|
-
confirm,
|
|
103
|
-
confirmPromise,
|
|
104
|
-
ConfirmPromise,
|
|
105
|
-
defineWidget,
|
|
106
|
-
makeLocalPath,
|
|
107
|
-
makeLocalUrl,
|
|
108
|
-
processImage,
|
|
109
|
-
popupMessage,
|
|
110
|
-
startApp,
|
|
111
|
-
tainter
|
|
112
|
-
}
|
package/src/style.js
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import "./css/a-measures.css"
|
|
2
|
-
import "./css/b-colors.css"
|
|
3
|
-
import "./css/b-root.css"
|
|
4
|
-
import "./css/b-root-bootstrap.css"
|
|
5
|
-
import "./css/b-root-bootstrap-ext.css"
|
|
6
|
-
import "./css/b-root-semantic.css"
|
|
7
|
-
import "./css/b-root-semantic-flex.css"
|
|
8
|
-
import "./css/b-root-semantic-size.css"
|
|
9
|
-
import "./css/b-root-semantic-size-new.css"
|
|
10
|
-
import "./css/cardie.css"
|
|
11
|
-
import "./css/flex.css"
|
|
12
|
-
|
|
13
|
-
import "./css/ui.popup.css"
|
|
14
|
-
import "./css/ui.witharia.css"
|
|
15
|
-
import "./css/ui.notifications.css"
|
|
16
|
-
|
|
17
|
-
import "./css/fontawesome/fontawesome.css"
|
|
18
|
-
import "./css/fontawesome/fontawesome-solid.css"
|
|
19
|
-
import "./css/fontawesome/fontawesome-ext.css"
|
|
20
|
-
import "./css/fontawesome/brands.min.css"
|
|
21
|
-
|
|
22
|
-
import "./widgets/css/buttonchoice.css"
|
|
23
|
-
import "./widgets/css/buttonchoice.toggle.css"
|
|
24
|
-
import "./widgets/css/choicer.css"
|
|
25
|
-
import "./widgets/css/colorjoe.css"
|
|
26
|
-
import "./widgets/css/colorjoewidget.css"
|
|
27
|
-
import "./widgets/css/combo-ellipsis.css"
|
|
28
|
-
import "./widgets/css/fileminibutton.css"
|
|
29
|
-
import "./widgets/css/input.css"
|
|
30
|
-
import "./widgets/css/mithril-range.css"
|
|
31
|
-
import "./widgets/css/progressstrip.css"
|
|
32
|
-
import "./widgets/css/range-anims.css"
|
|
33
|
-
import "./widgets/css/separator.css"
|
|
34
|
-
import "./widgets/css/smileys.css"
|
|
35
|
-
import "./widgets/css/templatedinput.css"
|
|
36
|
-
import "./widgets/css/ui.titlebar.css"
|
|
37
|
-
import "./widgets/css/uploadfile.css"
|