elbe-ui 0.2.37 → 0.2.41

package/README.md

@@ -28,3 +28,9 @@ so far, it has been optimized for React. It provides a variety of Widgets and th
 # contribute
 
 as of now, this is mainly a personal project for different stuff I built. So things might be a little rough around the edges. If you find any issues or want to help make elbe better, I'd love to hear from you :)
+
+## publish
+
+1. increment `version` number in `package.json`
+2. run `bun run build`
+3. run `npm publish`

package/dist/bit/bit.d.ts

@@ -4,7 +4,10 @@ export interface BitUseInterface<C, T> {
     signal: Signal<BitState<T>>;
     ctrl: C;
     map: <D>(m: TriMap<T, D>) => D | preact.JSX.Element;
-    onData: (f: (d: T) => any) => any;
+    onData: <D>(f: (d: T) => any, { onLoading, onError, }?: {
+        onLoading?: () => any;
+        onError?: (e: string) => any;
+    }) => any;
 }
 interface BitData<C, T> {
     ctrl: C;

package/dist/bit/bit.js

@@ -8,6 +8,7 @@ const signals_1 = require("@preact/signals");
 const preact_1 = require("preact");
 const hooks_1 = require("preact/hooks");
 const error_view_1 = require("../ui/components/error_view");
+const flex_1 = require("../ui/components/layout/flex");
 const spinner_1 = require("../ui/components/spinner");
 function makeBit(name) {
     const c = (0, preact_1.createContext)(null);
@@ -48,7 +49,8 @@ function useBit(context) {
         const v = state.value;
         function map(m) {
             if (v.loading)
-                return (m.onLoading || (() => (0, jsx_runtime_1.jsx)(spinner_1.Spinner, {})))();
+                return (m.onLoading ||
+                    (() => ((0, jsx_runtime_1.jsx)(flex_1.Column, { cross: "center", children: (0, jsx_runtime_1.jsx)(spinner_1.Spinner, {}) }))))();
             if (v.error)
                 return (m.onError ||
                     ((e) => (0, jsx_runtime_1.jsx)(error_view_1.ErrorView, { error: e, retry: ctrl.reload ?? null })))(v.error);
@@ -64,7 +66,7 @@ function useBit(context) {
              * @param f the builder function
              * @returns the built component
              */
-            onData: (f) => map({ onData: f }),
+            onData: (f, { onLoading, onError, } = {}) => map({ onData: f, onLoading: onLoading, onError: onError }),
         };
     }
     catch (e) {
@@ -78,6 +80,3 @@ function useBit(context) {
         };
     }
 }
-function BitSpinner({ name }) {
-    return (0, jsx_runtime_1.jsx)(spinner_1.Spinner, {});
-}

package/dist/elbe.css

@@ -58,6 +58,7 @@ body,
 }
 .elbe .padded,
 .elbe .card,
+.elbe .toast,
 .elbe input[type=text],
 .elbe input[type=number],
 .elbe input[type=password],
@@ -66,7 +67,6 @@ body,
 .elbe input[type=time],
 .elbe textarea,
 .elbe select,
-.elbe .toast,
 .elbe button {
   padding: var(--g-padding);
 }
@@ -84,6 +84,7 @@ body,
 }
 .elbe .rounded,
 .elbe .card,
+.elbe .toast,
 .elbe input[type=text],
 .elbe input[type=number],
 .elbe input[type=password],
@@ -92,7 +93,6 @@ body,
 .elbe input[type=time],
 .elbe textarea,
 .elbe select,
-.elbe .toast,
 .elbe button {
   border-radius: var(--g-radius);
   border-color: inherit;
@@ -141,6 +141,7 @@ body,
 }
 .elbe .box, .elbe .header, .elbe .base-limited,
 .elbe .card,
+.elbe .toast,
 .elbe input[type=text],
 .elbe input[type=number],
 .elbe input[type=password],
@@ -149,7 +150,6 @@ body,
 .elbe input[type=time],
 .elbe textarea,
 .elbe select,
-.elbe .toast,
 .elbe button {
   border-style: solid;
   border-width: var(--g-border-width);
@@ -382,15 +382,6 @@ body,
   border-radius: 25%;
   object-fit: cover;
 }
-.elbe .toast {
-  position: fixed;
-  bottom: 1rem;
-  right: 1rem;
-  z-index: 200;
-  left: 50%;
-  width: min(40rem, 90%);
-  transform: translateX(-50%);
-}
 .elbe select {
   padding: 0 0.75rem;
   height: 3rem;
@@ -537,4 +528,14 @@ body,
   border: 0.16em solid var(--c-context-border);
 }
 
+.toast {
+  position: fixed;
+  bottom: 1rem;
+  right: 1rem;
+  z-index: 200;
+  left: 50%;
+  width: min(40rem, 90%);
+  transform: translateX(-50%);
+}
+
 /*# sourceMappingURL=elbe.css.map */

package/dist/elbe.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../style/elbe.scss","../style/_base.scss","../style/_flex.scss","../style/_components.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAOQ;AAMR;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAIF;AC3DA;AAoBA;AA6DA;AAUA;AAaA;AA8BA;AC9GA;AAqBA;AAYA;AAkBA;AAqBA;;AD9FA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAMF;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAOF;EACE;;AAGF;EAEE;EACA;EACA;;AAKF;AAAA;EAEE;;AAEF;AAAA;AAAA;AAAA;EAEE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IACE;;;ACpJJ;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;;AAIA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AAMJ;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;;AClHF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAJA;EACE;;AAoBJ;EACE;EACA;EACA;;AAGF;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAGE;EACA;EACA;EACA;;AAGF;EAKE;EAEA;EACA;EACA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;;AAKN;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EAGC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACC;EAGD;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AAOJ;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIF;EACE;EACA;;AACA;EACE;EACA;;AAMJ;EACE;EACA;;AAGF;EACE;EACA","file":"elbe.css"}
+{"version":3,"sourceRoot":"","sources":["../style/elbe.scss","../style/_base.scss","../style/_flex.scss","../style/_components.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAOQ;AAMR;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAIF;AC3DA;AAoBA;AA6DA;AAUA;AAaA;AA8BA;AC9GA;AAqBA;AAYA;AAkBA;AAqBA;;AD9FA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAMF;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAOF;EACE;;AAGF;EAEE;EACA;EACA;;AAKF;AAAA;EAEE;;AAEF;AAAA;AAAA;AAAA;EAEE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IACE;;;ACpJJ;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;;AAIA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AAMJ;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;;AClHF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAJA;EACE;;AAoBJ;EACE;EACA;EACA;;AAGF;EAGE;EACA;EACA;EACA;;AAGF;EAKE;EAEA;EACA;EACA;EACA;EACA;EAEA;EAEA;EAEA;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;;AAKN;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EAGC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACC;EAGD;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AAOJ;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIF;EACE;EACA;;AACA;EACE;EACA;;AAMJ;EACE;EACA;;AAGF;EACE;EACA;;;AHxLF;EAIE;EACA;EACA;EACA;EACA;EACA;EACA","file":"elbe.css"}

package/dist/ui/theme/colors.d.ts

@@ -42,7 +42,7 @@ export type ColorThemeSeed = ColorSeedColors & {
         flat: SeedFlatSelector;
     };
 };
-declare class RGBAColor {
+export declare class RGBAColor {
     r: number;
     g: number;
     b: number;
@@ -52,7 +52,7 @@ declare class RGBAColor {
     get isDark(): boolean;
     get luminance(): number;
     get hex(): string;
-    static _fromHex(hex: string | null): RGBAColor;
+    static fromHex(hex: string | null): RGBAColor;
     desaturated(f?: number): RGBAColor;
     withAlpha(a: number): RGBAColor;
     inter(other: RGBAColor, factor: number): RGBAColor;
@@ -139,4 +139,3 @@ export declare class ColorTheme {
     asCss(): string;
     static generate(seed?: Partial<ColorThemeSeed>): ColorTheme;
 }
-export {};

package/dist/ui/theme/colors.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorTheme = exports.ModeColor = exports.SchemeColor = exports.KindColor = exports.MannerColor = exports.StateColor = exports.LayerColor = exports.colors = exports.cLayers = exports.cStates = exports.cManners = exports.cKinds = exports.cSchemes = exports.cModes = void 0;
+exports.ColorTheme = exports.ModeColor = exports.SchemeColor = exports.KindColor = exports.MannerColor = exports.StateColor = exports.LayerColor = exports.colors = exports.RGBAColor = exports.cLayers = exports.cStates = exports.cManners = exports.cKinds = exports.cSchemes = exports.cModes = void 0;
 const colors_convert_1 = require("colors-convert");
 const util_1 = require("../util/util");
 const color_theme_1 = require("./color_theme");
@@ -48,7 +48,7 @@ class RGBAColor {
             .padStart(2, "0");
         return `#${c.join("")}${a}`;
     }
-    static _fromHex(hex) {
+    static fromHex(hex) {
         if (!hex)
             return new RGBAColor(0, 0, 0, 0);
         const c = hex.replace("#", "").padEnd(6, "0").padEnd(8, "f").toLowerCase();
@@ -88,6 +88,7 @@ class RGBAColor {
         return (Math.max(l1, l2) + 0.05) / (Math.min(l1, l2) + 0.05);
     }
 }
+exports.RGBAColor = RGBAColor;
 exports.colors = {
     transparent: new RGBAColor(0, 0, 0, 0),
     white: new RGBAColor(255, 255, 255, 1),
@@ -128,9 +129,9 @@ class LayerColor extends RGBAColor {
     }
     static fromHex(back, front, border) {
         if (front === undefined && border === undefined) {
-            return LayerColor.fromBack(RGBAColor._fromHex(back));
+            return LayerColor.fromBack(RGBAColor.fromHex(back));
         }
-        return new LayerColor(RGBAColor._fromHex(back), RGBAColor._fromHex(front ?? null), RGBAColor._fromHex(border ?? null));
+        return new LayerColor(RGBAColor.fromHex(back), RGBAColor.fromHex(front ?? null), RGBAColor.fromHex(border ?? null));
     }
     static fromBack(back, c) {
         const front = back.isDark ? exports.colors.white : exports.colors.black;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elbe-ui",
-  "version": "0.2.37",
+  "version": "0.2.41",
   "author": "Robin Naumann",
   "license": "MIT",
   "repository": {