@nebularstreams/libmui 2.5.48 → 2.5.50

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nebularstreams/libmui",
   "description": "Micro UI based on Mithril",
-  "version": "2.5.48",
+  "version": "2.5.50",
   "type": "module",
   "main": "src/index.js",
   "scripts": {

package/src/index.js

@@ -25,12 +25,12 @@ import clone from "./util/util.clone"
 import Tokenizer from "./util/util.tokenizer"
 import {CoolContentTicker, CoolGenericTicker, GenericButtonTicker, optionsPrompt} from "./widgets/CoolContentTicker";
 import EmptyButton from "./widgets/EmptyButton";
+import CoolerEmpty from "./widgets/CoolerEmpty";
 import tainter from "./util/tainter"
 
 import MainState, {implement} from "./app/MainState";
 
 import {
-    VideoUploadButton,
     FileSelectButton,
     ImageDataButton,
     ImageSelectButton,
@@ -45,8 +45,6 @@ import {
 
 import "./style.js"
 
-const MainStateImplement = implement;
-
 export {
     Button,
     ButtonChoiceWidget,
@@ -56,6 +54,7 @@ export {
     ColorJoePack,
     ComboPrompt,
     ComboWidget,
+    CoolerEmpty,
     Empty,
     EmptyButton,
     Icon,
@@ -80,7 +79,6 @@ export {
     ImageSelectButton,
     ImageProcessButton,
     MediaSelectButton,
-    VideoUploadButton,
 
     // TemplatedInputWidhet
     TemplatedInputWidget,

package/src/widgets/CoolContentTicker.js

@@ -20,8 +20,6 @@ const
         const item = items[index];
 
         confirmPromise(
-            null,
-
             "Choose an action for this preset",
 
             onAdd && allowUpdate

package/src/widgets/CoolerEmpty.js

@@ -0,0 +1,37 @@
+import m from "mithril"
+import {defineWidget, ButtonNew, Empty} from "./Basic.js"
+
+
+function TRANSLATE(message, arr, def) {
+    return arr ? arr[message] || (def || message) : (def || message);
+}
+
+const
+    CoolerEmpty = {
+        oninit: ({attrs}) => {
+            attrs.oninit && attrs.oninit()
+        },
+        view: ({attrs}) => m(Empty, {
+            class: attrs.class,
+            icon: attrs.icon,
+            size: attrs.size || 4
+        }, [
+            ...attrs.header ? [m("h3.pad-2.marg-0", TRANSLATE(attrs.header, attrs.headers))] : [],
+            m(".pad-2", TRANSLATE(attrs.message, attrs.messages)),
+            ...attrs.action ? [
+                m(ButtonNew, {
+                    text: attrs.action.caption,
+                    class: "accentbutton marg-4 marg-v pad-2 font-150",
+                    onClick: attrs.action.onclick
+                })
+            ] : [],
+            ...attrs.actions
+                ? attrs.actions.map((action) => m(ButtonNew, {
+                    text: action.caption,
+                    class: "accentbutton marg-4 marg-v pad-2 font-150",
+                    onClick: action.onclick
+                }))
+                : []
+        ])
+    };
+export default CoolerEmpty;

package/src/widgets/SelectFileMiniButton.js

@@ -120,30 +120,6 @@ const
         })
     ),
 
-    VideoUploadButton = defineWidget(
-        ({attrs}) => m(FileSelectButton, {
-            class: attrs.class,
-            accept: attrs.accept || ".mp4,.webm",
-            icon: attrs.icon || "video",
-            iconClass: attrs.iconClass,
-            textClass: attrs.textClass,
-            text: attrs.text,
-
-            onFile: (file) => {
-                if (file) {
-                    attrs.entity.saveBlob(file.name, file, "video", undefined, false)
-                        .then(() => {
-                            if (attrs.onVideo) {
-                                attrs.onVideo(attrs.path);
-                            } else {
-                                m.redraw();
-                            }
-                        })
-                        .catch((e) => Notification.add(e.message));
-                }
-            }
-        })
-    ),
 
     ImageProcessButton = defineWidget(
         ({attrs}) => m(ImageSelectButton, {
@@ -185,7 +161,6 @@ const
     );
 
 export {
-    VideoUploadButton,
     FileSelectButton,
     ImageDataButton,
     ImageSelectButton,

package/src/widgets/TemplatedInputWidget.js

@@ -437,9 +437,13 @@ const
                                     })
                                 ]
                                 : isText
-                                    ? [
-                                        m(".innertext", {class: metaDef.class, title: metaDef.hint}, rawValue)
-                                    ]
+                                    ? metaDef.icon
+                                        ? [
+                                            m(Icon, {icon: metaDef.icon, class: metaDef.iconClass}),
+                                            m(".innertext", {class: metaDef.class, title: metaDef.hint}, rawValue)
+                                        ] : [
+                                            m(".innertext", {class: metaDef.class, title: metaDef.hint}, rawValue)
+                                        ]
                                     : isWidget
                                         ? [
                                             m(
@@ -927,7 +931,7 @@ const
                 {
                     busy, parameters, auxParameters, cardid, size, index,
                     titleWidget, parametersTitle, parametersBody, rootUpdate, global, layer,
-                    tableChildren, cols, onLayerReset, onAction, nofold, bodyClass,
+                    tableChildren, cols, onLayerReset, onAction, nofold, bodyClass, titleAction,
                     AssetButton
                 } = attrs;
 
@@ -958,6 +962,7 @@ const
                     clone: true,
                     global, layer,
                     AssetButton,
+                    action: titleAction,
                     onAction,
                     onchange: (realtime, targetParameters, metaKey, wasDeleted, metaDef) => {