elbe-ui 0.2.46 → 0.2.52

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

@@ -1,12 +1,14 @@
-import { ColorTheme, type ColorThemeSeed } from "./colors";
+import "../../elbe.css";
+import { ColorTheme } from "./colors";
 import { GeometryTheme, type GeometryThemeSeed } from "./geometry_theme";
+import { PartialColorThemeSeed } from "./seed";
 import { TypeTheme, type TypeThemeSeed } from "./type_theme";
 export * from "./color_theme";
 export * from "./colors";
 export * from "./geometry_theme";
 export * from "./type_theme";
 export interface ElbeThemeSeed {
-    color?: Partial<ColorThemeSeed>;
+    color?: Partial<PartialColorThemeSeed>;
     type?: Partial<TypeThemeSeed>;
     geometry?: Partial<GeometryThemeSeed>;
 }
@@ -16,14 +18,16 @@ export declare class ElbeThemeData {
     readonly geometry: GeometryTheme;
     constructor(color: ColorTheme, type: TypeTheme, geometry: GeometryTheme);
     asCss(): string;
-    static fromSeed(seed: ElbeThemeSeed): ElbeThemeData;
+    _pageBackground(dark?: boolean): string;
+    static fromSeed(seed: ElbeThemeSeed, highVis: boolean): ElbeThemeData;
 }
 export declare function ElbeTheme(p: {
     children: any;
     dark?: boolean;
     todoOverlay?: boolean;
+    highVis?: boolean;
 } & ({
-    seed: ElbeThemeSeed;
-} | {
     theme: ElbeThemeData;
+} | {
+    seed?: ElbeThemeSeed;
 })): import("preact").JSX.Element;

package/dist/ui/theme/theme.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import "../../elbe.css";
 import { ToDo } from "../components/dev/todo";
 import { ColorTheme } from "./colors";
 import { GeometryTheme } from "./geometry_theme";
@@ -18,11 +19,18 @@ export class ElbeThemeData {
             .map((s) => s.asCss())
             .join("\n");
     }
-    static fromSeed(seed) {
-        return new ElbeThemeData(ColorTheme.generate(seed.color), TypeTheme.generate(seed.type), GeometryTheme.generate(seed.geometry));
+    _pageBackground(dark) {
+        const c = this.color.color;
+        return `html,:root {${(!!dark ? c.dark : c.light).asCss()};`;
+    }
+    static fromSeed(seed, highVis) {
+        return new ElbeThemeData(ColorTheme.generate(seed.color, highVis), TypeTheme.generate(seed.type), GeometryTheme.generate(seed.geometry));
     }
 }
 export function ElbeTheme(p) {
-    const theme = "seed" in p ? ElbeThemeData.fromSeed(p.seed) : p.theme;
-    return (_jsxs("div", { class: `elbe ${p.dark ? "dark" : ""}`, children: [p.todoOverlay && _jsx(ToDo.Overlay, {}), _jsx("style", { children: theme.asCss() }), p.children] }));
+    var _a, _b;
+    const theme = "theme" in p
+        ? p.theme
+        : ElbeThemeData.fromSeed((_a = p.seed) !== null && _a !== void 0 ? _a : {}, (_b = p.highVis) !== null && _b !== void 0 ? _b : false);
+    return (_jsxs("div", { class: `elbe ${p.dark ? "dark" : ""} ${p.highVis ? "high_vis" : ""}`, children: [p.todoOverlay && _jsx(ToDo.Overlay, {}), _jsx("style", { children: theme.asCss() }), _jsx("style", { children: theme._pageBackground(p.dark) }), p.children] }));
 }

package/dist/ui/util/confirm_dialog.js

@@ -5,11 +5,12 @@
  */
 export function showConfirmDialog({ title, message, okay = false, }) {
     return new Promise((resolve, reject) => {
+        var _a;
         const dialog = document.createElement("div");
         dialog.classList.add("dialog");
         dialog.innerHTML = `<dialog open>
         <div
-          class="elbe card primary"
+          class="card primary"
           style="max-width: 30rem; min-width: 10rem"
         >
           <div class="row cross-center">
@@ -34,9 +35,11 @@ export function showConfirmDialog({ title, message, okay = false, }) {
         </div>
       </dialog>
     `;
-        document.body.appendChild(dialog);
+        (_a = document.getElementsByClassName("elbe")[0]) === null || _a === void 0 ? void 0 : _a.appendChild(dialog);
+        //document.body.appendChild(dialog);
         window["conf_resolve"] = (v) => {
-            document.body.removeChild(dialog);
+            var _a;
+            (_a = document.getElementsByClassName("elbe")[0]) === null || _a === void 0 ? void 0 : _a.removeChild(dialog);
             resolve(v);
         };
     });

package/package.json

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