elbe-ui 1.0.8 → 2.0.1

package/dist/ui/theme/colors.js

@@ -1,309 +0,0 @@
-import { hslToRgb, rgbToHsl } from "colors-convert";
-import { clamp } from "../util/util";
-import { colorThemePreset } from "./color_theme";
-import { lColor, } from "./seed";
-export const cContrasts = ["normal", "highvis"];
-export const cModes = ["light", "dark"];
-export const cSchemes = ["primary", "secondary", "inverse"];
-export const cKinds = [
-    "plain",
-    "accent",
-    "info",
-    "success",
-    "warning",
-    "error",
-];
-export const cManners = ["major", "minor", "flat", "plain"];
-export const cStates = ["neutral", "hover", "active", "disabled"];
-export const cLayers = ["back", "front", "border"];
-export class RGBAColor {
-    constructor(r, g, b, a) {
-        this.r = r;
-        this.g = g;
-        this.b = b;
-        this.a = a;
-    }
-    asCss() {
-        return `rgba(${this.r}, ${this.g}, ${this.b}, ${this.a})`;
-    }
-    get isDark() {
-        return this.luminance < 0.5;
-    }
-    get luminance() {
-        const [r, g, b] = [this.r, this.g, this.b].map((v) => {
-            v /= 255;
-            return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
-        });
-        return r * 0.2126 + g * 0.7152 + b * 0.0722;
-    }
-    get hex() {
-        const c = [this.r, this.g, this.b].map((v) => Math.round(v).toString(16).padStart(2, "0"));
-        const a = Math.round(this.a * 255)
-            .toString(16)
-            .padStart(2, "0");
-        return `#${c.join("")}${a}`;
-    }
-    static fromHex(hex) {
-        if (!hex)
-            return new RGBAColor(0, 0, 0, 0);
-        const c = hex.replace("#", "").padEnd(6, "0").padEnd(8, "f").toLowerCase();
-        return new RGBAColor(parseInt(c.substring(0, 2), 16), parseInt(c.substring(2, 4), 16), parseInt(c.substring(4, 6), 16), parseInt(c.substring(6, 8), 16) / 255);
-    }
-    desaturated(f = 1) {
-        const avg = (this.r + this.g + this.b) / 3;
-        return new RGBAColor(this.r + (avg - this.r) * f, this.g + (avg - this.g) * f, this.b + (avg - this.b) * f, this.a);
-    }
-    withAlpha(a) {
-        return new RGBAColor(this.r, this.g, this.b, a);
-    }
-    inter(other, factor) {
-        return new RGBAColor(this.r + (other.r - this.r) * factor, this.g + (other.g - this.g) * factor, this.b + (other.b - this.b) * factor, this.a + (other.a - this.a) * factor);
-    }
-    mirrorBrightness(factor = 1) {
-        const hsl = rgbToHsl({ r: this.r, g: this.g, b: this.b });
-        const newL = (50 - hsl.l) * (factor * 2 - 1) + 50;
-        const rgb = hslToRgb(Object.assign(Object.assign({}, hsl), { l: clamp(newL, 0, 100), s: clamp(hsl.s, 0, 100) }));
-        return new RGBAColor(rgb.r, rgb.g, rgb.b, this.a);
-    }
-    get values() {
-        return [this.r, this.g, this.b, this.a];
-    }
-    hasWCAGContrast(color) {
-        return this.contrastRatio(color) >= 3;
-    }
-    contrastRatio(color) {
-        const l1 = this.luminance;
-        const l2 = color.luminance;
-        return (Math.max(l1, l2) + 0.05) / (Math.min(l1, l2) + 0.05);
-    }
-}
-export const colors = {
-    transparent: new RGBAColor(0, 0, 0, 0),
-    white: new RGBAColor(255, 255, 255, 1),
-    black: new RGBAColor(0, 0, 0, 1),
-    blueAccent: new RGBAColor(60, 119, 246, 1),
-    blue: new RGBAColor(32, 89, 153, 1),
-    green: new RGBAColor(35, 144, 78, 1),
-    yellow: new RGBAColor(240, 221, 21, 1),
-    red: new RGBAColor(243, 67, 67, 1),
-};
-export class LayerColor extends RGBAColor {
-    constructor(back, front, border, borderContext) {
-        super(back.r, back.g, back.b, back.a);
-        this.back = back;
-        this.border = border;
-        this.borderContext = borderContext;
-        this.front = front !== null && front !== void 0 ? front : (back.isDark ? colors.white : colors.black);
-    }
-    asCss() {
-        var _a, _b;
-        return (`background-color: ${this.back.asCss()};\n` +
-            `color: ${this.front.asCss()};\n` +
-            `border-color: ${(_b = (_a = this.border) === null || _a === void 0 ? void 0 : _a.asCss()) !== null && _b !== void 0 ? _b : "transparent"};\n` +
-            //`border-color: ${this.border?.asCss() ?? "transparent"};\n` +
-            this.contextCss());
-    }
-    inter(other, factor) {
-        var _a, _b, _c, _d;
-        return new LayerColor(this.back.inter(other.back, factor), this.front.inter(other.front, factor), (_a = this.border) === null || _a === void 0 ? void 0 : _a.inter((_b = other.border) !== null && _b !== void 0 ? _b : colors.transparent, factor), (_c = this.borderContext) === null || _c === void 0 ? void 0 : _c.inter((_d = other.borderContext) !== null && _d !== void 0 ? _d : colors.transparent, factor));
-    }
-    mirrorBrightness(factor) {
-        var _a, _b;
-        return new LayerColor(this.back.mirrorBrightness(factor), this.front.mirrorBrightness(factor), (_a = this.border) === null || _a === void 0 ? void 0 : _a.mirrorBrightness(factor), (_b = this.borderContext) === null || _b === void 0 ? void 0 : _b.mirrorBrightness(factor));
-    }
-    desaturated() {
-        var _a, _b;
-        return new LayerColor(this.back.desaturated(), this.front.desaturated(), (_a = this.border) === null || _a === void 0 ? void 0 : _a.desaturated(), (_b = this.borderContext) === null || _b === void 0 ? void 0 : _b.desaturated());
-    }
-    static fromHex(back, front, border) {
-        if (front === undefined && border === undefined) {
-            return LayerColor.fromBack(RGBAColor.fromHex(back));
-        }
-        return new LayerColor(RGBAColor.fromHex(back), RGBAColor.fromHex(front !== null && front !== void 0 ? front : null), RGBAColor.fromHex(border !== null && border !== void 0 ? border : null));
-    }
-    withBorder(border) {
-        return new LayerColor(this.back, this.front, border);
-    }
-    static fromBack(back, c) {
-        var _a, _b;
-        const front = back.isDark ? colors.white : colors.black;
-        return new LayerColor(back, (_a = c === null || c === void 0 ? void 0 : c.front) !== null && _a !== void 0 ? _a : front, (_b = c === null || c === void 0 ? void 0 : c.border) !== null && _b !== void 0 ? _b : front);
-    }
-    contextCss() {
-        var _a, _b, _c;
-        return (`--c-context-back: ${this.back.asCss()};\n` +
-            `--c-context-front: ${this.front.asCss()};` +
-            `--c-context-border: ${(_c = (_b = ((_a = this.borderContext) !== null && _a !== void 0 ? _a : this.border)) === null || _b === void 0 ? void 0 : _b.asCss()) !== null && _c !== void 0 ? _c : "transparent"};`);
-    }
-}
-export class StateColor extends LayerColor {
-    constructor(neutral, hover, active, disabled) {
-        super(neutral.back, neutral.front, neutral.border);
-        this.neutral = neutral;
-        this.hover = hover;
-        this.active = active;
-        this.disabled = disabled;
-    }
-    asCss() {
-        const els = [
-            ".action",
-            ":is(button)",
-            ":is(a)",
-            ":is(input)",
-            ":is(select)",
-        ];
-        const disS = "&.disabled, & :disabled, &:disabled";
-        const hoverS = els.map((e) => `&${e}:hover:not(${disS})`).join(", ");
-        const activeS = els.map((e) => `&${e}:active:not(${disS})`).join(", ");
-        return (`${this.neutral.asCss()} \n` +
-            `${hoverS} { ${this.hover.asCss()} }\n` +
-            `${activeS} { ${this.active.asCss()} }\n` +
-            `${disS} { ${this.disabled.asCss()} }`);
-    }
-    static generate(p, _, context, style, fromFront) {
-        function _make(factor) {
-            const front = style.front;
-            return new LayerColor((fromFront
-                ? context.back.inter(front, factor)
-                : style.back.inter(context.back.mirrorBrightness(), factor)).withAlpha(Math.max(style.back.a, 0.2)), front, style.border, style.borderContext);
-        }
-        return new StateColor(style, _make(0.075), _make(0.25), style.desaturated());
-    }
-}
-export class MannerColor extends StateColor {
-    constructor(major, minor, flat) {
-        const m = major !== null && major !== void 0 ? major : flat;
-        super(m.neutral, m.hover, m.active, m.disabled);
-        this.major = major;
-        this.minor = minor;
-        this.flat = flat;
-    }
-    asCss(fallback) {
-        var _a, _b;
-        const maj = (_a = this.major) !== null && _a !== void 0 ? _a : fallback === null || fallback === void 0 ? void 0 : fallback.major;
-        const min = (_b = this.minor) !== null && _b !== void 0 ? _b : fallback === null || fallback === void 0 ? void 0 : fallback.minor;
-        return (`${this.flat.asCss()}\n` +
-            (maj ? `&.major { ${maj.asCss()} } \n` : "") +
-            (min ? `&.minor { ${min.asCss()} } \n` : "") +
-            `&.flat { ${this.flat.asCss()} }\n`);
-    }
-    raisedCss() {
-        const maj = this.major;
-        const min = this.minor;
-        return ((maj ? ` .major { ${maj.asCss()} } \n` : "") +
-            (min ? ` .minor { ${min.asCss()} } \n` : ""));
-    }
-    static generate(path, seed, base, style) {
-        return new MannerColor(style
-            ? StateColor.generate([...path, "major"], seed, base, seed.variant.major({ path, seed, base, style }))
-            : null, style
-            ? StateColor.generate([...path, "minor"], seed, base, seed.variant.minor({ path, seed, base, style }))
-            : null, StateColor.generate([...path, "flat"], seed, base, seed.variant.flat({ path, seed, base, style }), true));
-        /*
-        if (!style) {
-          return new MannerColor(null, null, StateColor.generate(s, c, c, true));
-        }
-        return new MannerColor(
-          StateColor.generate(s, c, s.variant.major(s, c, style)),
-          StateColor.generate(s, c, s.variant.minor(s, c, style)),
-          StateColor.generate(s, c, s.variant.flat(s, c, style), true)
-        );
-        */
-    }
-}
-export class KindColor extends MannerColor {
-    constructor(plain, accent, info, success, warning, error) {
-        super(plain.major, plain.minor, plain.flat);
-        this.plain = plain;
-        this.accent = accent;
-        this.info = info;
-        this.success = success;
-        this.warning = warning;
-        this.error = error;
-    }
-    asCss() {
-        return (`${this.plain.asCss()}\n` +
-            `${this.accent.raisedCss()}\n` +
-            `.plain {${this.plain.asCss()}}\n` +
-            `.accent { ${this.accent.asCss()} }\n` +
-            `.info { ${this.info.asCss()} }\n` +
-            `.success { ${this.success.asCss()} }\n` +
-            `.warning { ${this.warning.asCss()} }\n` +
-            `.error { ${this.error.asCss()} }`);
-    }
-    static generate(path, seed, base) {
-        return new KindColor(MannerColor.generate([...path, "plain"], seed, base), MannerColor.generate([...path, "accent"], seed, base, seed.style.accent({ path, seed, base, style: lColor(seed.accent) })), MannerColor.generate([...path, "info"], seed, base, seed.style.info({ path, seed, base, style: lColor(seed.info) })), MannerColor.generate([...path, "success"], seed, base, seed.style.success({ path, seed, base, style: lColor(seed.success) })), MannerColor.generate([...path, "warning"], seed, base, seed.style.warning({ path, seed, base, style: lColor(seed.warning) })), MannerColor.generate([...path, "error"], seed, base, seed.style.error({ path, seed, base, style: lColor(seed.error) })));
-    }
-}
-export class SchemeColor extends KindColor {
-    constructor(primary, secondary, inverse) {
-        super(primary.plain, primary.accent, primary.info, primary.success, primary.warning, primary.error);
-        this.primary = primary;
-        this.secondary = secondary;
-        this.inverse = inverse;
-    }
-    asCss() {
-        return (`${this.primary.asCss()}\n` +
-            `.primary { ${this.primary.asCss()}} \n` +
-            `.secondary { ${this.secondary.asCss()} }\n` +
-            `.inverse { ${this.inverse.asCss()} }`);
-    }
-    static generate(path, seed, base) {
-        const m = seed.scheme;
-        return new SchemeColor(KindColor.generate([...path, "primary"], seed, m.primary({ path, seed, base })), KindColor.generate([...path, "secondary"], seed, m.secondary({ path, seed, base })), KindColor.generate([...path, "inverse"], seed, m.inverse({ path, seed, base })));
-    }
-}
-export class ModeColor extends SchemeColor {
-    constructor(light, dark) {
-        super(light.primary, light.secondary, light.inverse);
-        this.light = light;
-        this.dark = dark;
-    }
-    asCss() {
-        return `&{ ${this.light.asCss()}}` + `&.dark { ${this.dark.asCss()}}`;
-    }
-    static generate(path, seed) {
-        return new ModeColor(SchemeColor.generate(path, seed, lColor(seed.base)), SchemeColor.generate([...path, "dark"], seed, seed.mode.dark({ path, seed, base: lColor(seed.base) })));
-    }
-}
-export class ContrastColor extends ModeColor {
-    constructor(normal, highvis) {
-        super(normal.light, normal.dark);
-        this.normal = normal;
-        this.highvis = highvis;
-    }
-    asCss() {
-        return (`& { ${this.normal.asCss()}}` + `&.highvis { ${this.highvis.asCss()}}`);
-    }
-    static generate(path, seed) {
-        const p = { path, base: lColor(seed.base), seed };
-        return new ContrastColor(ModeColor.generate(path, seed.contrast.normal(p)), ModeColor.generate([...path, "highvis"], seed.contrast.highvis(p)));
-    }
-}
-export class ColorTheme {
-    constructor(colors, color) {
-        this.colors = colors;
-        this.color = color;
-    }
-    asCss() {
-        return `
-  --c-accent: ${this.colors.accent.back.asCss()};
-  --c-info: ${this.colors.info.back.asCss()};
-  --c-success: ${this.colors.success.back.asCss()};
-  --c-warning: ${this.colors.warning.back.asCss()};
-  --c-error: ${this.colors.error.back.asCss()};
-  ${this.color.asCss()}`;
-    }
-    static generate(seed) {
-        const s = colorThemePreset(seed);
-        return new ColorTheme({
-            base: lColor(s.base),
-            accent: lColor(s.accent),
-            info: lColor(s.info),
-            success: lColor(s.success),
-            warning: lColor(s.warning),
-            error: lColor(s.error),
-        }, ContrastColor.generate([], s));
-    }
-}
-//Bun.write("./example.css", ColorTheme.generate().asCss());

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

@@ -1,16 +0,0 @@
-export interface GeometryThemeSeed {
-    size: number;
-    radius: number;
-    padding: number;
-    borderWidth: number;
-}
-export declare class GeometryTheme {
-    readonly size: number;
-    readonly radius: number;
-    readonly padding: number;
-    readonly borderWidth: number;
-    constructor(size: number, radius: number, padding: number, borderWidth: number);
-    asCss(): string;
-    static generate(seed?: Partial<GeometryTheme>): GeometryTheme;
-}
-export declare function geometryThemePreset(merge?: Partial<GeometryThemeSeed>): GeometryThemeSeed;

package/dist/ui/theme/geometry_theme.js

@@ -1,28 +0,0 @@
-export class GeometryTheme {
-    constructor(size, radius, padding, borderWidth) {
-        this.size = size;
-        this.radius = radius;
-        this.padding = padding;
-        this.borderWidth = borderWidth;
-    }
-    asCss() {
-        return (`--g-size: ${this.size}px;` +
-            `--g-radius: ${this.radius}rem;` +
-            `--g-padding: ${this.padding}rem;` +
-            `--g-border-width: ${this.borderWidth}rem;`);
-    }
-    static generate(seed) {
-        const s = geometryThemePreset(seed);
-        return new GeometryTheme(s.size, s.radius, s.padding, s.borderWidth);
-    }
-}
-export function geometryThemePreset(merge) {
-    var _a, _b, _c, _d;
-    const seed = merge !== null && merge !== void 0 ? merge : {};
-    return {
-        size: (_a = seed.size) !== null && _a !== void 0 ? _a : 16,
-        radius: (_b = seed.radius) !== null && _b !== void 0 ? _b : 0.75,
-        padding: (_c = seed.padding) !== null && _c !== void 0 ? _c : 1,
-        borderWidth: (_d = seed.borderWidth) !== null && _d !== void 0 ? _d : 0.125,
-    };
-}

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

@@ -1,53 +0,0 @@
-import { LayerColor, SeedFlatSelector, SeedModifier, SeedSelector, SeedStyleSelector } from "../..";
-export type HexColor = `#${string}`;
-export type ColorSeedColors = _Colors<LayerColor | HexColor>;
-export type ThemeColors = _Colors<LayerColor>;
-type _Colors<T> = {
-    base: T;
-    accent: T;
-    info: T;
-    success: T;
-    warning: T;
-    error: T;
-};
-type _ContrastSeed = {
-    highvis: SeedModifier;
-    normal: SeedModifier;
-};
-type _ModeSeed = {
-    light: SeedSelector;
-    dark: SeedSelector;
-};
-type _SchemeSeed = {
-    primary: SeedSelector;
-    secondary: SeedSelector;
-    inverse: SeedSelector;
-};
-type _StyleSeed = {
-    accent: SeedStyleSelector;
-    info: SeedStyleSelector;
-    success: SeedStyleSelector;
-    warning: SeedStyleSelector;
-    error: SeedStyleSelector;
-};
-type _VariantSeed = {
-    major: SeedStyleSelector;
-    minor: SeedStyleSelector;
-    flat: SeedFlatSelector;
-};
-export type ColorThemeSeed = ColorSeedColors & {
-    contrast: _ContrastSeed;
-    mode: _ModeSeed;
-    scheme: _SchemeSeed;
-    style: _StyleSeed;
-    variant: _VariantSeed;
-};
-export type PartialColorThemeSeed = Partial<ColorSeedColors> & {
-    contrast?: Partial<_ContrastSeed>;
-    mode?: Partial<_ModeSeed>;
-    scheme?: Partial<_SchemeSeed>;
-    style?: Partial<_StyleSeed>;
-    variant?: Partial<_VariantSeed>;
-};
-export declare function lColor(color: LayerColor | HexColor): LayerColor;
-export {};

package/dist/ui/theme/seed.js

@@ -1,4 +0,0 @@
-import { LayerColor, } from "../..";
-export function lColor(color) {
-    return typeof color === "string" ? LayerColor.fromHex(color) : color;
-}

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

@@ -1,38 +0,0 @@
-interface TypeStyle {
-    bold?: boolean;
-    italic?: boolean;
-    underline?: boolean;
-    family: string[];
-    size: number;
-}
-export type ElbeTypeVariants = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body-l" | "body-m" | "body-s" | "code";
-export declare const tVariants: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "body-l", "body-m", "body-s", "code"];
-export type VariantSelector<T> = (style: TypeStyle, variant: T) => TypeStyle;
-export interface TypeThemeSeed {
-    /**
-     * the base style for headings. Refers to h1
-     */
-    heading: TypeStyle;
-    body: TypeStyle;
-    code: TypeStyle;
-    headingVariants: VariantSelector<2 | 3 | 4 | 5 | 6>;
-    bodyVariants: VariantSelector<"s" | "l">;
-}
-export declare class TypeTheme {
-    h1: TypeStyle;
-    h2: TypeStyle;
-    h3: TypeStyle;
-    h4: TypeStyle;
-    h5: TypeStyle;
-    h6: TypeStyle;
-    bodyL: TypeStyle;
-    body: TypeStyle;
-    bodyS: TypeStyle;
-    code: TypeStyle;
-    constructor(h1: TypeStyle, h2: TypeStyle, h3: TypeStyle, h4: TypeStyle, h5: TypeStyle, h6: TypeStyle, bodyL: TypeStyle, body: TypeStyle, bodyS: TypeStyle, code: TypeStyle);
-    private get headers();
-    asCss(): string;
-    static generate(seed?: Partial<TypeThemeSeed>): TypeTheme;
-}
-export declare function typeThemePreset(merge?: Partial<TypeThemeSeed>): TypeThemeSeed;
-export {};

package/dist/ui/theme/type_theme.js

@@ -1,73 +0,0 @@
-export const tVariants = [
-    "h1",
-    "h2",
-    "h3",
-    "h4",
-    "h5",
-    "h6",
-    "body-l",
-    "body-m",
-    "body-s",
-    "code",
-];
-function _typeStyleAsCss(t) {
-    return (`font-family: ${t.family};\n` +
-        `font-size: ${t.size}rem;\n` +
-        `font-weight: ${t.bold ? "bold" : "normal"};\n` +
-        `font-style: ${t.italic ? "italic" : "normal"};\n` +
-        `text-decoration: ${t.underline ? "underline" : "none"};\n`);
-}
-export class TypeTheme {
-    constructor(h1, h2, h3, h4, h5, h6, bodyL, body, bodyS, code) {
-        this.h1 = h1;
-        this.h2 = h2;
-        this.h3 = h3;
-        this.h4 = h4;
-        this.h5 = h5;
-        this.h6 = h6;
-        this.bodyL = bodyL;
-        this.body = body;
-        this.bodyS = bodyS;
-        this.code = code;
-    }
-    get headers() {
-        return [this.h1, this.h2, this.h3, this.h4, this.h5, this.h6];
-    }
-    asCss() {
-        return (this.headers
-            .map((v, i) => `h${i + 1}, .h${i + 1} {${_typeStyleAsCss(v)}}`)
-            .join("\n") +
-            `body, .body, .body-m {${_typeStyleAsCss(this.body)}}\n` +
-            `large, .body-l {${_typeStyleAsCss(this.bodyL)}}\n` +
-            `small, .body-s {${_typeStyleAsCss(this.bodyS)}}\n` +
-            `.code {${_typeStyleAsCss(this.code)}}\n`);
-    }
-    static generate(seed) {
-        const s = typeThemePreset(seed);
-        return new TypeTheme(s.heading, s.headingVariants(s.heading, 2), s.headingVariants(s.heading, 3), s.headingVariants(s.heading, 4), s.headingVariants(s.heading, 5), s.headingVariants(s.heading, 6), s.bodyVariants(s.body, "l"), s.body, s.bodyVariants(s.body, "s"), s.code);
-    }
-}
-export function typeThemePreset(merge) {
-    return Object.assign({ heading: {
-            bold: true,
-            family: ["Calistoga", "Arial", "sans-serif"],
-            size: 2,
-        }, body: {
-            bold: false,
-            family: ["Helvetica", "Arial", "sans-serif"],
-            size: 1,
-        }, code: {
-            bold: false,
-            family: ["Courier", "monospace"],
-            size: 1,
-        }, headingVariants: (style, variant) => {
-            const reg = 1;
-            const diff = style.size - reg;
-            const varFac = (4 - (variant - 2)) / 6;
-            const size = reg + diff * Math.pow(varFac, 1.5);
-            return Object.assign(Object.assign({}, style), { size });
-        }, bodyVariants: (style, variant) => {
-            const size = style.size * (variant === "s" ? 0.8 : 1.2);
-            return Object.assign(Object.assign({}, style), { size });
-        } }, merge);
-}

package/dist/ui/util/confirm_dialog.d.ts

@@ -1,10 +0,0 @@
-/**
- * show a simple confirm dialog
- * @param param0 the title and message of the dialog
- * @returns a promise that resolves to true if the user clicks "yes" or "okay" and false if the user clicks "no"
- */
-export declare function showConfirmDialog({ title, message, okay, }: {
-    message: string;
-    title: string;
-    okay?: boolean;
-}): Promise<boolean>;

package/dist/ui/util/confirm_dialog.js

@@ -1,46 +0,0 @@
-/**
- * show a simple confirm dialog
- * @param param0 the title and message of the dialog
- * @returns a promise that resolves to true if the user clicks "yes" or "okay" and false if the user clicks "no"
- */
-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="card primary"
-          style="max-width: 30rem; min-width: 10rem"
-        >
-          <div class="row cross-center">
-            <div class="flex-1 body-l b">
-            ${title}
-            </div>
-            <button class="plain round" style="width: 3rem" onclick="conf_resolve(false)">
-            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x "><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg>
-            </button>
-          </div>
-         <div style="margin-top: 1rem; margin-bottom: 1rem">
-          ${message}
-          </div>
-          <div class="row main-end gap">
-  
-        ${okay
-            ? '<button class="accent" style="padding-left:1rem; padding-right:1rem" onclick="conf_resolve(true)">okay</button>'
-            : '<button class="minor" style="padding-left:1rem; padding-right:1rem" onclick="conf_resolve(false)">no</button>' +
-                '<button class="accent" style="padding-left:1rem; padding-right:1rem" onclick="conf_resolve(true)">yes</button>'}
-      </div>
-  
-        </div>
-      </dialog>
-    `;
-        (_a = document.getElementsByClassName("elbe")[0]) === null || _a === void 0 ? void 0 : _a.appendChild(dialog);
-        //document.body.appendChild(dialog);
-        window["conf_resolve"] = (v) => {
-            var _a;
-            (_a = document.getElementsByClassName("elbe")[0]) === null || _a === void 0 ? void 0 : _a.removeChild(dialog);
-            resolve(v);
-        };
-    });
-}

package/dist/ui/util/toast.d.ts

@@ -1,5 +0,0 @@
-/**
- * show a toast message at the bottom of the screen
- * @param message the message to show
- */
-export declare function showToast(message: string): void;