elbe-ui 1.0.8 → 2.0.0

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;