@vandenberghinc/volt 1.2.5 → 1.2.6

package/frontend/dist/frontend/src/ui/checkbox.js

@@ -1,321 +0,0 @@
-/**
- * @author Daan van den Bergh
- * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
- */
-var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-    }
-    return useValue ? value : void 0;
-};
-// Imports.
-import { Elements } from "../elements/module.js";
-import { VStack, VStackElement, HStack } from "./stack.js";
-import { Text } from "./text.js";
-// Extended input.
-let CheckBoxElement = (() => {
-    let _classDecorators = [Elements.create({
-            name: "CheckBoxElement",
-            default_style: {
-                ...VStackElement.default_style,
-                "color": "inherit",
-                "font-size": "16px",
-                // Custom.
-                "--circle-border-color": "gray",
-                "--circle-inner-bg": "#FFFFFF",
-                "--circle-inner-bg-focused": "#FFFFFF",
-                "--focus-color": "#8EB8EB",
-                "--missing-color": "#E8454E",
-            },
-        })];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = VStackElement;
-    var CheckBoxElement = class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            CheckBoxElement = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-        /** Has error state. */
-        has_error = false;
-        // Internal ttributes.
-        _border_color;
-        _inner_bg;
-        _inner_bg_focused;
-        _focus_color;
-        _error_color;
-        _required;
-        _circle;
-        // @ts-expect-error
-        text;
-        container;
-        error_text;
-        // Constructor.
-        constructor(text_or_obj = {
-            text: "",
-            required: false,
-            id: undefined,
-        }) {
-            // Initialize super.
-            super();
-            this._init({
-                derived: CheckBoxElement,
-            });
-            // Args.
-            let text = text_or_obj, required = false, id = undefined;
-            if (typeof text_or_obj === "object" && text_or_obj != null) {
-                text = text_or_obj.text;
-                required = text_or_obj.required == null ? false : text_or_obj.required;
-                id = text_or_obj.id == null ? undefined : text_or_obj.id;
-            }
-            // Attributes.
-            this._border_color = CheckBoxElement.default_style["--circle-border-color"];
-            this._inner_bg = CheckBoxElement.default_style["--circle-inner-bg"];
-            this._inner_bg_focused = CheckBoxElement.default_style["--circle-inner-bg-focused"];
-            this._focus_color = CheckBoxElement.default_style["--focus-color"];
-            this._error_color = CheckBoxElement.default_style["--missing-color"];
-            this._required = false;
-            // Circle element.
-            const _this = this;
-            this._circle = VStack(VStack()
-                .assign_to_parent_as("inner")
-                .border_radius("50%")
-                .frame("35%", "35%")
-                .background(this._inner_bg)
-                .flex_shrink(0))
-                .assign_to_parent_as("circle")
-                .flex_shrink(0)
-                .border_width(1)
-                .border_style("solid")
-                .border_color(this._border_color)
-                .border_radius("50%")
-                .frame(15, 15)
-                .margin(2.5, 10, 0, 0)
-                .background("transparent")
-                .box_shadow(`0 0 0 0px transparent`)
-                .transition("background 0.3s ease-in-out, box-shadow 0.2s ease-in-out")
-                .center()
-                .center_vertical()
-                .on_mouse_over((e) => e.box_shadow(`0 0 0 2px ${this._focus_color}`))
-                .on_mouse_out((e) => e.box_shadow(`0 0 0 0px transparent`))
-                .on_click((e) => e.toggle())
-                .parent(this)
-                .extend({
-                enabled: false,
-                toggle() {
-                    return this.value(!this.enabled);
-                },
-                value(to = undefined) {
-                    if (to == null) {
-                        return this.enabled;
-                    }
-                    else if (to === true) {
-                        this.enabled = true;
-                        this.background(_this._focus_color);
-                        this.inner.background(_this._inner_bg_focused);
-                        _this.valid();
-                    }
-                    else {
-                        this.enabled = false;
-                        this.background("transparent");
-                        this.inner.background(_this._inner_bg);
-                        _this.valid();
-                    }
-                    return this;
-                },
-            });
-            // Text element.
-            this.text = Text(text) // dont use innerHTML
-                .font_size("inherit")
-                .color("inherit")
-                .padding(0)
-                .margin(0)
-                .parent(this);
-            // The content.
-            this.container = HStack(this._circle, this.text)
-                .width("100%")
-                .parent(this);
-            // The error message.
-            this.error_text = Text("Incomplete field")
-                .color(this._error_color)
-                .font_size("0.8em")
-                .margin(5, 0, 0, 2.5)
-                .padding(0)
-                .hide()
-                .parent(this);
-            // Append.
-            this.append(this.container, this.error_text);
-            // Set id.
-            if (id !== undefined) {
-                this.id(id);
-            }
-            // Set required.
-            if (required) {
-                this.required(required);
-            }
-        }
-        border_color(val) {
-            if (val == null) {
-                return this._border_color;
-            }
-            this._border_color = val;
-            this._circle.border_color(this._border_color);
-            return this;
-        }
-        inner_bg(val) {
-            if (val == null) {
-                return this._inner_bg;
-            }
-            this._inner_bg = val;
-            if (this._circle.enabled) {
-                this._circle.inner.background(this._inner_bg_focused);
-            }
-            else {
-                this._circle.inner.background(this._inner_bg);
-            }
-            return this;
-        }
-        inner_bg_focused(val) {
-            if (val == null) {
-                return this._inner_bg_focused;
-            }
-            this._inner_bg_focused = val;
-            if (this._circle.enabled) {
-                this._circle.inner.background(this._inner_bg_focused);
-            }
-            else {
-                this._circle.inner.background(this._inner_bg);
-            }
-            return this;
-        }
-        styles(style_dict) {
-            if (style_dict == null) {
-                let styles = super.styles();
-                styles["--circle-inner-bg"] = this._inner_bg;
-                styles["--circle-inner-bg-focused"] = this._inner_bg_focused;
-                styles["--circle-border-color"] = this._border_color;
-                styles["--focus-color"] = this._focus_color;
-                styles["--missing-color"] = this._error_color;
-                return styles;
-            }
-            else {
-                return super.styles(style_dict);
-            }
-        }
-        // Set default since it inherits an element.
-        set_default() {
-            return super.set_default(CheckBoxElement);
-        }
-        // Toggle value.
-        toggle() {
-            this._circle.toggle();
-            return this;
-        }
-        // @ts-ignore
-        value(to) {
-            if (to == null) {
-                return this._circle.enabled;
-            }
-            this._circle.value(to);
-            return this;
-        }
-        required(to) {
-            if (to == null) {
-                return this._required;
-            }
-            this._required = to;
-            return this;
-        }
-        focus_color(val) {
-            if (val == null) {
-                return this._focus_color;
-            }
-            this._focus_color = val;
-            return this;
-        }
-        error_color(val) {
-            if (val == null) {
-                return this._error_color;
-            }
-            this._error_color = val;
-            return this;
-        }
-        /**
-         * Set the error state and message.
-         * Providing a truthy value will enable the error state and return the current instance for chaining.
-         * Providing a falsy value will disable the error state and return the current instance for chaining.
-         * Providing no value will return the current error message or `undefined` when no error is set.
-         */
-        error(err) {
-            if (err == null) {
-                return (this.has_error ? this.error_text.text() : undefined);
-            }
-            else if (err) {
-                this.has_error = true;
-                this._circle.outline(`1px solid ${this._error_color}`);
-                this._circle.box_shadow(`0 0 0 3px ${this._error_color}80`);
-                this.error_text.color(this._error_color);
-                this.error_text.text(err);
-                this.error_text.show();
-            }
-            else {
-                this.has_error = false;
-                this._circle.outline("0px solid transparent");
-                this._circle.box_shadow(`0 0 0 0px transparent`);
-                this.error_text.hide();
-            }
-            return this;
-        }
-        /** Remove the error state and mark as valid. */
-        valid() {
-            return this.error(false);
-        }
-        // Submit the item, throws an error when the item is not enabled.
-        submit() {
-            const value = this.value();
-            if (value !== true) {
-                this.error("Incomplete field");
-                throw Error("Fill in all the required fields.");
-            }
-            this.valid();
-            return value;
-        }
-    };
-    return CheckBoxElement = _classThis;
-})();
-export { CheckBoxElement };
-export const CheckBox = Elements.wrapper(CheckBoxElement);
-export const NullCheckBox = Elements.create_null(CheckBoxElement);

package/frontend/dist/frontend/src/ui/code.d.ts

@@ -1,235 +0,0 @@
-/**
- * @author Daan van den Bergh
- * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
- */
-import { VElementBaseSignature, VElementTagMap, VDivElement } from "../elements/module.js";
-import { VStackElement, HStackElement } from "./stack.js";
-import { ImageMaskElement } from "./image.js";
-import { DividerElement } from "./divider.js";
-export declare class CodeBlockElement extends VElementTagMap.code {
-    language?: string;
-    line_numbers?: boolean;
-    line_divider?: boolean;
-    animate?: boolean;
-    delay?: number;
-    duration?: number;
-    already_highlighted?: boolean;
-    opts?: Record<string, any>;
-    pre: CodePreElement;
-    lines: VDivElement;
-    lines_divider: VDivElement;
-    content: HStackElement;
-    constructor(code_or_opts?: string | {
-        code: string;
-        language?: string;
-        line_numbers?: boolean;
-        line_divider?: boolean;
-        animate?: boolean;
-        delay?: number;
-        duration?: number;
-        already_highlighted?: boolean;
-        opts?: Record<string, any>;
-    });
-    /**
-     * Hide the content scrollbars.
-     */
-    hide_scrollbar(): this;
-    /**
-     * Show the content scrollbars.
-     */
-    show_scrollbar(): this;
-    /**
-     * Make the element visible by setting `display: flex`.
-     */
-    show(): this;
-    /**
-     * Highlight the code content and optionally animate writing, show line numbers, and set a divider.
-     * @param code The code to highlight; when omitted the constructor value is used.
-     * @param language The language used for tokenization.
-     * @param line_numbers Show line numbers in a left column.
-     * @param line_divider Show a divider between line numbers and code.
-     * @param animate Animate the writing of highlighted code.
-     * @param delay Delay in milliseconds between characters when animating.
-     * @param duration Total animation duration in milliseconds; overrides delay if provided.
-     * @param opts Extra tokenizer options.
-     */
-    highlight({ code, // only required if the code was not provided by the constructor.
-    language, // code language, precedes element attribute "language".
-    line_numbers, // show line numbers.
-    line_divider, // show line numbers divider.
-    animate, // animate code writing.
-    delay, // animation delay in milliseconds, only used when animatinos are enabled.
-    duration, // animation duration in milliseconds, only used when animatinos are enabled.
-    opts, }?: {
-        code?: string;
-        language?: string;
-        line_numbers?: boolean;
-        line_divider?: boolean;
-        animate?: boolean;
-        delay?: number;
-        duration?: number;
-        opts?: Record<string, any>;
-    }): this;
-}
-export declare const CodeBlock: <Extensions extends object = {}>(code_or_opts?: string | {
-    code: string;
-    language?: string;
-    line_numbers?: boolean;
-    line_divider?: boolean;
-    animate?: boolean;
-    delay?: number;
-    duration?: number;
-    already_highlighted?: boolean;
-    opts?: Record<string, any>;
-} | undefined) => CodeBlockElement & Extensions;
-export declare const NullCodeBlock: <Extensions extends object = {}>() => CodeBlockElement & Extensions;
-declare module './any_element.d.ts' {
-    interface AnyElementMap {
-        CodeBlockElement: CodeBlockElement;
-    }
-}
-export declare class CodePreElement extends VElementTagMap.pre {
-    code: string;
-    tokens: any;
-    allow_animation: any;
-    animate_promise: any;
-    tokenizer: any;
-    language: string;
-    constructor(code?: string);
-    /** @warning This function may cause security issues if the code is unsafe provided by the user, since this assigns to innerHTML in order to perform animations. */
-    animate_writing({ code, delay, duration, }: {
-        code: string;
-        delay?: number;
-        duration?: number;
-    }): Promise<void>;
-    /**
-     * Cancel any ongoing typing animation and wait for it to finish.
-     */
-    cancel_animation(): Promise<void>;
-    /** @warning This function may cause security issues if the code is unsafe provided by the user, since this assigns to innerHTML in order to perform animations. */
-    highlight({ code, // only required if the code was not provided by the constructor.
-    language, // code language, precedes element attribute "language".
-    animate, // animate code writing.
-    delay, // animation delay in milliseconds, only used when animatinos are enabled.
-    duration, // animation duration in milliseconds, only used when animatinos are enabled.
-    opts, // special args of the language's tokenizer constructor.
-    _post_tokenized_callback, }?: {
-        code?: string;
-        language?: string;
-        animate?: boolean;
-        delay?: number;
-        duration?: number;
-        opts?: Record<string, any>;
-        _post_tokenized_callback?: Function;
-    }): this;
-}
-export declare const CodePre: <Extensions extends object = {}>(code?: string | undefined) => CodePreElement & Extensions;
-export declare const NullCodePre: <Extensions extends object = {}>() => CodePreElement & Extensions;
-declare module './any_element.d.ts' {
-    interface AnyElementMap {
-        CodePreElement: CodePreElement;
-    }
-}
-/**
- * Create an inline code line element.
- * @nav Frontend/Elements
- * @param text The code line content.
- * @docs
- */
-export declare class CodeLineElement extends VElementTagMap.span {
-    constructor(text?: string);
-    /** @warning This function may cause security issues if the input is unsafe provided by the user, since this assigns to innerHTML. */
-    /**
-     * Fill a string with markdown style codeline elements.
-     * @docs
-     */
-    static fill(text: any, codeline_callback?: () => CodeLineElement): string;
-}
-export declare const CodeLine: <Extensions extends object = {}>(text?: string | undefined) => CodeLineElement & Extensions;
-export declare const NullCodeLine: <Extensions extends object = {}>() => CodeLineElement & Extensions;
-declare module './any_element.d.ts' {
-    interface AnyElementMap {
-        CodeLineElement: CodeLineElement;
-    }
-}
-/**
- * Content object used by multi-language code blocks.
- */
-interface MLContentObject {
-    language?: string;
-    title?: string;
-    data: string;
-}
-/**
- * Header state and helpers for the multi-language code block.
- */
-interface HeaderExtension {
-    selected: null | undefined | number;
-    selected_lang: null | undefined | string;
-    selected_code_pre: null | undefined | CodePreElement;
-    set_selected(index: number): this;
-    select(lang_or_index: number | string, recursive?: boolean): this;
-}
-declare const MultiLanguageCodeBlockElement_base: VElementBaseSignature;
-/**
- * Build a code pre that optionally has different code per navigation.
- * @nav Frontend/Elements
- * @docs
- */
-export declare class MultiLanguageCodeBlockElement extends MultiLanguageCodeBlockElement_base {
-    _fg: string;
-    _tint: string;
-    _div_bg: string;
-    _title_opac: number;
-    _pre_nodes: CodePreElement[];
-    _title_nodes: (VStackElement & {
-        divider: VStackElement;
-    })[];
-    header: HStackElement & HeaderExtension;
-    _copy_img: ImageMaskElement;
-    content: HStackElement;
-    divider: DividerElement;
-    constructor(args: MLContentObject | MLContentObject[] | {
-        content: string | MLContentObject | MLContentObject[];
-        highlight?: boolean;
-    });
-    /**
-     * Apply the default style for this derived element and return `this`.
-     */
-    set_default(): this;
-    /**
-     * Get or set style properties.
-     * @param style_dict A style object to set; when omitted, returns the current styles.
-     */
-    styles(): Record<string, string>;
-    styles(style_dict: Record<string, any>): this;
-    /**
-     * Set or get foreground tint color.
-     * @docs
-     */
-    color(): string;
-    color(value: string): this;
-    /**
-     * Set or get the tint color, mainly used for the divider below the active tab.
-     * @docs
-     */
-    tint(): string;
-    tint(value: string): this;
-    /**
-     * Set the background of the divider.
-     * @docs
-     */
-    divider_background(): string;
-    divider_background(value: string): this;
-}
-export declare const MultiLanguageCodeBlock: <Extensions extends object = {}>(args: MLContentObject | MLContentObject[] | {
-    content: string | MLContentObject | MLContentObject[];
-    highlight?: boolean;
-}) => MultiLanguageCodeBlockElement & Extensions;
-export declare const NullMultiLanguageCodeBlock: <Extensions extends object = {}>() => MultiLanguageCodeBlockElement & Extensions;
-declare module './any_element.d.ts' {
-    interface AnyElementMap {
-        MultiLanguageCodeBlockElement: MultiLanguageCodeBlockElement;
-    }
-}
-export {};