@nebularstreams/libmui 2.0.9 → 2.0.11

package/dist/libui.css

@@ -1,4 +1,4 @@
-body{background:#000 no-repeat 50%;background-size:cover;box-sizing:border-box;font-family:sans-serif;margin:0;overflow:hidden;padding:0}body.error:after{background:rgba(80,0,0,.8);border:1px solid rgba(255,25,25,.5);border-radius:1rem;bottom:0;box-sizing:border-box;color:#fff;content:attr(data-error);font-size:1.5rem;left:0;margin:2rem;padding:2rem;position:absolute;text-align:center;width:calc(100% - 4rem)}body.loading .popper,body.loading .ui-button,body.loading canvas{opacity:0}body.loading .progressbar{display:block}canvas{height:100%!important;position:absolute;width:100%!important}.progressbar{bottom:1rem;display:none;height:.5rem;left:1rem;position:absolute;right:1rem}.progressbar>div{background:#fff;border-radius:1rem;height:100%;left:0;position:absolute;top:0}.h-100{height:-webkit-fill-available}.w-100{width:-webkit-fill-available}.relative{position:relative}.absolute{position:absolute}.unitheight{height:2.54rem}.scaff-bottom{border-bottom:1px solid var(--border-color)}.cardiebody{align-items:self-start;display:flex;flex-direction:row}*{box-sizing:border-box}.pad-0{padding:0}.pad-1{padding:.25rem}.pad-2{padding:.5rem}.pad-3{padding:.75rem}.pad-4{padding:1rem}.pad-5{padding:1.25rem}.pad-6{padding:1.5rem}.pad-7{padding:1.75rem}.pad-8{padding:2rem}.pad-h{padding-bottom:0!important;padding-top:0!important}.pad-v{padding-left:0!important;padding-right:0!important}.marg-0{margin:0}.marg-1{margin:.25rem}.marg-2{margin:.5rem}.marg-3{margin:.75rem}.marg-4{margin:1rem}.marg-5{margin:1.25rem}.marg-6{margin:1.5rem}.marg-7{margin:1.75rem}.marg-8{margin:2rem}.marg-t{margin-bottom:0!important}.marg-b,.marg-t{margin-left:0!important;margin-right:0!important}.marg-b{margin-top:0!important}.marg-l{margin-right:0!important}.marg-l,.marg-r{margin-bottom:0!important;margin-top:0!important}.marg-r{margin-left:0!important}.marg-h{margin-bottom:0!important;margin-top:0!important}.marg-v{margin-left:0!important;margin-right:0!important}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}.al-right{text-align:right}.al-center{text-align:center}.no-marg-top{margin-top:0!important}.no-marg-bottom{margin-bottom:0!important}.no-marg-right{margin-right:0!important}.no-marg-left{margin-left:0!important}.no-pad-top{padding-top:0!important}.no-pad-bottom{padding-bottom:0!important}.no-pad-left{padding-left:0!important}.no-pad-right{padding-right:0!important}.order-first{order:-1}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.to-top{bottom:auto!important;top:0}.to-bottom{bottom:0;top:auto!important}.to-left{left:0;right:auto!important}.to-right{left:auto!important;right:0}.flexrow{display:flex;flex-direction:row}.flexcol{display:flex;flex-direction:column}.flexcenter{align-self:center;justify-content:center}.flexaround{justify-content:space-around}.flexeven{justify-content:space-evenly}.flex-al-center{align-items:center}.flex-al-end{align-items:flex-end}.flex-sal-center{align-self:center}.flex-sal-end{align-self:flex-end}.wrap{flex-wrap:wrap}.grows{flex-grow:1}.growsheight{flex-grow:1;height:50%}.noshrink{flex-shrink:0}.flexbreak{flex-basis:100%;height:0}.flexrow.rev{flex-direction:row-reverse}.flexcol.rev{flex-direction:column-reverse}.fullwidth{width:100%}.fullheight{height:100%}.halfwidth{width:50%}.halfheight{height:50%}.fitheight{height:fit-content}.fitwidth{width:fit-content}.unitheight{height:var(--unitsize);line-height:var(--unitsize)}.unitwidth{width:var(--unitsize)}.unitsize{height:var(--unitsize)!important;line-height:var(--unitsize)!important;width:var(--unitsize)!important}.unitheightsmall{height:var(--unitsize-small);line-height:var(--unitsize-small)}.unitsizesmall,.unitwidthsmall{width:var(--unitsize-small)}.unitsizesmall{height:var(--unitsize-small);line-height:var(--unitsize-small)}:root{--unitsize-mini:1.25rem;--unitsize-small:2rem;--unitsize:2.54rem}
+body{background:#000 no-repeat 50%;background-size:cover;box-sizing:border-box;font-family:sans-serif;margin:0;overflow:hidden;padding:0}body.error:after{background:rgba(80,0,0,.8);border:1px solid rgba(255,25,25,.5);border-radius:1rem;bottom:0;box-sizing:border-box;color:#fff;content:attr(data-error);font-size:1.5rem;left:0;margin:2rem;padding:2rem;position:absolute;text-align:center;width:calc(100% - 4rem)}body.infx canvas,body.loading .popper,body.loading .ui-button,body.loading canvas{opacity:0}body.loading .progressbar{display:block}canvas{height:100%!important;position:absolute;width:100%!important}.progressbar{bottom:1rem;display:none;height:.5rem;left:1rem;position:absolute;right:1rem}.progressbar>div{background:#fff;border-radius:1rem;height:100%;left:0;position:absolute;top:0}.h-100{height:-webkit-fill-available}.w-100{width:-webkit-fill-available}.relative{position:relative}.absolute{position:absolute}.unitheight{height:2.54rem}.scaff-bottom{border-bottom:1px solid var(--border-color)}.cardiebody{align-items:self-start;display:flex;flex-direction:row}*{box-sizing:border-box}.pad-0{padding:0}.pad-1{padding:.25rem}.pad-2{padding:.5rem}.pad-3{padding:.75rem}.pad-4{padding:1rem}.pad-5{padding:1.25rem}.pad-6{padding:1.5rem}.pad-7{padding:1.75rem}.pad-8{padding:2rem}.pad-h{padding-bottom:0!important;padding-top:0!important}.pad-v{padding-left:0!important;padding-right:0!important}.marg-0{margin:0}.marg-1{margin:.25rem}.marg-2{margin:.5rem}.marg-3{margin:.75rem}.marg-4{margin:1rem}.marg-5{margin:1.25rem}.marg-6{margin:1.5rem}.marg-7{margin:1.75rem}.marg-8{margin:2rem}.marg-t{margin-bottom:0!important}.marg-b,.marg-t{margin-left:0!important;margin-right:0!important}.marg-b{margin-top:0!important}.marg-l{margin-right:0!important}.marg-l,.marg-r{margin-bottom:0!important;margin-top:0!important}.marg-r{margin-left:0!important}.marg-h{margin-bottom:0!important;margin-top:0!important}.marg-v{margin-left:0!important;margin-right:0!important}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}.al-right{text-align:right}.al-center{text-align:center}.no-marg-top{margin-top:0!important}.no-marg-bottom{margin-bottom:0!important}.no-marg-right{margin-right:0!important}.no-marg-left{margin-left:0!important}.no-pad-top{padding-top:0!important}.no-pad-bottom{padding-bottom:0!important}.no-pad-left{padding-left:0!important}.no-pad-right{padding-right:0!important}.order-first{order:-1}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.to-top{bottom:auto!important;top:0}.to-bottom{bottom:0;top:auto!important}.to-left{left:0;right:auto!important}.to-right{left:auto!important;right:0}.flexrow{display:flex;flex-direction:row}.flexcol{display:flex;flex-direction:column}.flexcenter{align-self:center;justify-content:center}.flexaround{justify-content:space-around}.flexeven{justify-content:space-evenly}.flex-al-center{align-items:center}.flex-al-end{align-items:flex-end}.flex-sal-center{align-self:center}.flex-sal-end{align-self:flex-end}.wrap{flex-wrap:wrap}.grows{flex-grow:1}.growsheight{flex-grow:1;height:50%}.noshrink{flex-shrink:0}.flexbreak{flex-basis:100%;height:0}.flexrow.rev{flex-direction:row-reverse}.flexcol.rev{flex-direction:column-reverse}.fullwidth{width:100%}.fullheight{height:100%}.halfwidth{width:50%}.halfheight{height:50%}.fitheight{height:fit-content}.fitwidth{width:fit-content}.unitheight{height:var(--unitsize);line-height:var(--unitsize)}.unitwidth{width:var(--unitsize)}.unitsize{height:var(--unitsize)!important;line-height:var(--unitsize)!important;width:var(--unitsize)!important}.unitheightsmall{height:var(--unitsize-small);line-height:var(--unitsize-small)}.unitsizesmall,.unitwidthsmall{width:var(--unitsize-small)}.unitsizesmall{height:var(--unitsize-small);line-height:var(--unitsize-small)}:root{--unitsize-mini:1.25rem;--unitsize-small:2rem;--unitsize:2.54rem}
 /*!
  * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
@@ -12,4 +12,4 @@ body{background:#000 no-repeat 50%;background-size:cover;box-sizing:border-box;f
 /*!
  * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- */@font-face{font-display:block;font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(webfonts/fa-brands-400.woff2) format("woff2")}.fabrd:before{font-family:Font Awesome\ 5 Brands!important;font-weight:400}#modal-container button{flex-direction:row;font-size:1.5rem!important;height:2.54rem;position:relative}#modal-container button i{left:0;position:absolute;top:.5rem}#modal-container input{background:var(--inputs);font-size:1.5rem;height:2.54rem;margin-top:.25rem}.modal-content textarea{background:var(--inputs);border:1px solid var(--border-color);font-family:inherit;font-size:inherit;max-height:15rem;min-height:5rem;resize:vertical}#modal-container>.modal-content button{text-overflow:ellipsis;white-space:nowrap}#modal-container>.modal-content{background-color:var(--accent-light);border-radius:1rem;max-height:75%;max-width:50%;min-width:30%;overflow-y:auto;width:auto!important}#modal-container.iscustom{backdrop-filter:none}.modal-content-popper{background:var(--window-background-hi);border-radius:1rem;box-shadow:0 0 2px var(--shadow-color);padding:2rem}.modal-content h4{margin:1rem}.modal-content .popup input{background:var(--inputs);border:1px solid var(--border-color);border-radius:.25rem;font-size:1.25rem;line-height:var(--unitsize-small);outline:none;padding:0 .75rem}#modaltitle{font-size:1.5rem;font-variant:all-small-caps;margin-bottom:0;margin-top:0;padding-bottom:.5rem;padding-top:0;text-align:center}#modal-container{--accent-light:#fff;--text:#000;--text-lo:#000;align-items:center;background:rgba(0,0,0,.7);bottom:0;color:#000;font-size:1.5rem!important;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100000}#modal-container button{background:transparent;border:none}
+ */@font-face{font-display:block;font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(webfonts/fa-brands-400.woff2) format("woff2")}.fabrd:before{font-family:Font Awesome\ 5 Brands!important;font-weight:400}#modal-container button{flex-direction:row;font-size:1.5rem!important;height:2.54rem;position:relative}#modal-container button i{left:0;position:absolute;top:.5rem}#modal-container input{background:var(--inputs);font-size:1.5rem;height:2.54rem;margin-top:.25rem}.modal-content textarea{background:var(--inputs);border:1px solid var(--border-color);font-family:inherit;font-size:inherit;max-height:15rem;min-height:5rem;resize:vertical}#modal-container>.modal-content button{text-overflow:ellipsis;white-space:nowrap}#modal-container>.modal-content{background-color:var(--accent-light);border-radius:1rem;max-height:75%;max-width:50%;min-width:30%;overflow-y:auto;width:auto!important}#modal-container.iscustom{backdrop-filter:none}.modal-content-popper{background:var(--window-background-hi);border-radius:1rem;box-shadow:0 0 2px var(--shadow-color);padding:2rem}.modal-content h4{margin:1rem}.modal-content .popup input{background:var(--inputs);border:1px solid var(--border-color);border-radius:.25rem;font-size:1.25rem;line-height:var(--unitsize-small);outline:none;padding:0 .75rem}#modaltitle{font-size:1.5rem;font-variant:all-small-caps;margin-bottom:0;margin-top:0;padding-bottom:.5rem;padding-top:0;text-align:center}#modal-container{--accent-light:#fff;--text:#000;--text-lo:#000;align-items:center;background:rgba(0,0,0,.7);bottom:0;color:#000;display:none;font-size:1.5rem!important;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100000}#modal-container button{background:transparent;border:none}#modal-container .container{padding:1rem;text-align:right}

package/package.json

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

package/src/css/ui.popup.css

@@ -97,9 +97,14 @@
     --text: black;
     --text-lo: black;
     color: black;
+    display: none;
 }
 
 #modal-container button {
     background: transparent;
     border: none;
-}
+}
+#modal-container .container {
+     text-align: right;
+     padding: 1rem;
+ }

package/src/style.js

@@ -1,4 +1,4 @@
-import "./css/body.css"
+import "../../../nebular-world-client/src/world/ui/css/body.css"
 import "./css/flex.css"
 import "./css/cardie.css"
 import "./css/b-root.css"

package/src/css/body.css

@@ -1,60 +0,0 @@
-
-body {
-    padding: 0;
-    margin: 0;
-    overflow: hidden;
-    font-family: sans-serif;
-    background: black no-repeat center;
-    background-size: cover;
-    box-sizing: border-box;
-}
-
-body.error:after {
-    content: attr(data-error);
-    position: absolute;
-    width: calc(100% - 4rem);
-    bottom: 0;
-    margin: 2rem;
-    font-size: 1.5rem;
-    color: white;
-    text-align: center;
-    border: solid 1px rgba(255, 25, 25, 0.5);
-    padding: 2rem;
-    left: 0;
-    box-sizing: border-box;
-    background: rgba(80, 0, 0, 0.8);
-    border-radius: 1rem;
-}
-body.loading canvas,
-body.loading .ui-button,
-body.loading .popper {
-    opacity: 0;
-}
-
-body.loading .progressbar {
-    display: block;
-}
-
-canvas {
-    position: absolute;
-    width: 100% !important;
-    height: 100% !important;
-}
-
-.progressbar {
-    display: none;
-    bottom: 1rem;
-    left: 1rem;
-    right: 1rem;
-    height: 0.5rem;
-    position: absolute;
-}
-
-.progressbar > div {
-    background: white;
-    height: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-    border-radius: 1rem;
-}