@vandenberghinc/volt 1.1.2

package/frontend/dist/ui/input.d.ts

@@ -0,0 +1,316 @@
+import { VElementTagMap } from "../elements/module.js";
+import { HStackElement, VStackElement } from "./stack";
+import { TextElement } from "./text";
+import { ImageMaskElement } from "./image";
+import { GradientBorderElement } from "./gradient";
+import { ScrollerElement } from "./scroller";
+export declare class InputElement extends VElementTagMap.input {
+    static default_style: {
+        margin: string;
+        padding: string;
+        font: string;
+        color: string;
+        background: string;
+        outline: string;
+        border: string;
+        "border-radius": string;
+        "text-align": string;
+        "white-space": string;
+    };
+    static default_attributes: {
+        spellcheck: string;
+        autocorrect: string;
+        autocapitalize: string;
+    };
+    private _e;
+    constructor(placeholder?: string, type?: string, value?: string);
+    value(): string;
+    value(val: string | number): this;
+    required(): boolean;
+    required(val: boolean): this;
+    type(): string;
+    type(val: string): this;
+    placeholder(): string;
+    placeholder(val: string): this;
+    resize(): string;
+    resize(val: string): this;
+    padding(): string;
+    padding(value: undefstrnr): this;
+    padding(top_bottom: undefstrnr, left_right: undefstrnr): this;
+    padding(top: undefstrnr, right: undefstrnr, bottom: undefstrnr, left: undefstrnr): this;
+}
+export declare const Input: <Extensions extends object = {}>(placeholder?: string | undefined, type?: string | undefined, value?: string | undefined) => InputElement & Extensions;
+export declare const NullInput: <Extensions extends object = {}>() => InputElement & Extensions;
+declare module './any_element.d.ts' {
+    interface AnyElementMap {
+        InputElement: InputElement;
+    }
+}
+export declare class InputBoxElement extends VElementTagMap.textarea {
+    static default_style: {
+        margin: string;
+        padding: string;
+        height: string;
+        font: string;
+        color: string;
+        background: string;
+        outline: string;
+        border: string;
+        "border-radius": string;
+        "text-align": string;
+        "white-space": string;
+        resize: string;
+    };
+    static default_attributes: {
+        spellcheck: string;
+        autocorrect: string;
+        autocapitalize: string;
+    };
+    _e?: HTMLTextAreaElement;
+    constructor(placeholder?: string);
+    value(): string;
+    value(val: string | number): this;
+    required(): boolean;
+    required(val: boolean): this;
+    type(): string;
+    type(val: string): this;
+    placeholder(): string;
+    placeholder(val: string): this;
+    resize(): string;
+    resize(val: string): this;
+    padding(): string;
+    padding(value: undefstrnr): this;
+    padding(top_bottom: undefstrnr, left_right: undefstrnr): this;
+    padding(top: undefstrnr, right: undefstrnr, bottom: undefstrnr, left: undefstrnr): this;
+}
+export declare const InputBox: <Extensions extends object = {}>(placeholder?: string | undefined) => InputBoxElement & Extensions;
+export declare const NullInputBox: <Extensions extends object = {}>() => InputBoxElement & Extensions;
+declare module './any_element.d.ts' {
+    interface AnyElementMap {
+        InputBoxElement: InputBoxElement;
+    }
+}
+export declare class ExtendedInputElement extends VStackElement {
+    static default_style: {
+        color: string;
+        "font-size": string;
+        "--input-padding": string;
+        "--input-border-radius": string;
+        "--input-border-color": string;
+        "--input-background": string;
+        "--image-mask-color": string;
+        "--image-size": string;
+        "--image-margin-right": string;
+        "--image-margin-left": string;
+        "--image-alt": string;
+        "--focus-color": string;
+        "--missing-color": string;
+        margin: string;
+        padding: string;
+        display: string;
+        overflow: string;
+        "align-content": string;
+        "flex-direction": string;
+        outline: string;
+        border: string;
+    };
+    _focus_color: string;
+    _missing_color: string;
+    _mask_color: string;
+    _initial_border_color: string;
+    _missing: boolean;
+    label: TextElement;
+    image: ImageMaskElement;
+    input: (InputElement | InputBoxElement);
+    input_border: GradientBorderElement;
+    container: HStackElement;
+    error: TextElement;
+    constructor({ label, image, alt, placeholder, id, readonly, required, type, value, }: {
+        label?: string;
+        image?: string;
+        alt?: string;
+        placeholder?: string;
+        id?: string;
+        readonly?: boolean;
+        required?: boolean;
+        type?: string;
+        value?: string;
+    });
+    styles(): Record<string, string>;
+    styles(style_dict: Record<string, any>): this;
+    set_default(): this;
+    focus_color(): string;
+    focus_color(val: string): this;
+    missing_color(): string;
+    missing_color(val: string): this;
+    missing(): boolean;
+    missing(to: boolean, err?: string): this;
+    set_error(err?: string): this;
+    submit(): string;
+    mask_color(): string;
+    mask_color(val: string): this;
+    show_error(err?: string): this;
+    hide_error(): this;
+    text(): string;
+    text(val: string): this;
+    value(): string;
+    value(val: string): this;
+    required(): boolean;
+    required(val: boolean): this;
+    on_enter(): undefined | ((element: this, event: KeyboardEvent) => any);
+    on_enter(val: ((element: this, event: KeyboardEvent) => any)): this;
+    on_input(): undefined | ((element: this, event: Event) => any);
+    on_input(val: ((element: this, event: Event) => any)): this;
+    border_radius(): string;
+    border_radius(val: string): this;
+    border_color(): string;
+    border_color(val: string): this;
+    border_width(): string;
+    border_width(val: string): this;
+    border_style(): string;
+    border_style(val: string): this;
+    background(): string;
+    background(val: string): this;
+    padding(): string;
+    padding(value: undefstrnr): this;
+    padding(top_bottom: undefstrnr, left_right: undefstrnr): this;
+    padding(top: undefstrnr, right: undefstrnr, bottom: undefstrnr, left: undefstrnr): this;
+    border(): string;
+    border(value: string): this;
+    border(width: string | number, color: string): this;
+    border(width: string | number, style: string, color: string): this;
+}
+export declare const ExtendedInput: <Extensions extends object = {}>(args_0: {
+    label?: string;
+    image?: string;
+    alt?: string;
+    placeholder?: string;
+    id?: string;
+    readonly?: boolean;
+    required?: boolean;
+    type?: string;
+    value?: string;
+}) => ExtendedInputElement & Extensions;
+export declare const NullExtendedInput: <Extensions extends object = {}>() => ExtendedInputElement & Extensions;
+declare module './any_element.d.ts' {
+    interface AnyElementMap {
+        ExtendedInputElement: ExtendedInputElement;
+    }
+}
+interface ExtendedSelectItem {
+    id: string;
+    text?: string;
+    image?: null;
+    stack?: HStackElement;
+}
+type ExtendedSelectOnChange = (element: ExtendedSelectElement, id: string) => any;
+export declare class ExtendedSelectElement extends VStackElement {
+    static default_style: {
+        color: string;
+        "font-size": string;
+        background: string;
+        "--input-padding": string;
+        "--input-border-radius": string;
+        "--input-border-color": string;
+        "--image-mask-color": string;
+        "--image-size": string;
+        "--image-margin-right": string;
+        "--image-margin-left": string;
+        "--image-alt": string;
+        "--hover-bg": string;
+        "--focus-color": string;
+        "--missing-color": string;
+        margin: string;
+        padding: string;
+        display: string;
+        overflow: string;
+        "align-content": string;
+        "flex-direction": string;
+        outline: string;
+        border: string;
+    };
+    _focus_color: string;
+    _missing_color: string;
+    _mask_color: string;
+    _border_color: string;
+    _hover_bg: string;
+    _missing: boolean;
+    items: ExtendedSelectItem[];
+    label: TextElement;
+    image: ImageMaskElement;
+    input: InputElement;
+    container: HStackElement;
+    error: TextElement;
+    dropdown: ScrollerElement;
+    _on_change_callback?: ExtendedSelectOnChange;
+    private _on_dropdown_close;
+    _dropdown_height?: string | number;
+    _value?: string;
+    constructor({ label, image, alt, placeholder, id, required, items, }: {
+        label?: string;
+        image?: string;
+        alt?: string;
+        placeholder?: string;
+        id?: string;
+        required?: boolean;
+        items: ExtendedSelectItem[] | Record<string, string> | Record<string, ExtendedSelectItem>;
+    });
+    dropdown_height(): undefined | string | number;
+    dropdown_height(val: string | number): this;
+    styles(): Record<string, string>;
+    styles(style_dict: Record<string, any>): this;
+    set_default(): this;
+    focus_color(): string;
+    focus_color(val: string): this;
+    missing_color(): string;
+    missing_color(val: string): this;
+    missing(): boolean;
+    missing(to: boolean, err?: string): this;
+    set_error(err?: string): this;
+    submit(): string;
+    expand(): this;
+    value(): string;
+    value(val: string): this;
+    mask_color(): string;
+    mask_color(val: string): this;
+    background(): string;
+    background(val: string): this;
+    border_radius(): string;
+    border_radius(val: string | number): this;
+    border_color(): string;
+    border_color(val: string): this;
+    border_width(): string;
+    border_width(val: number | string): this;
+    border_style(): string;
+    border_style(val: string): this;
+    padding(): string;
+    padding(value: undefstrnr): this;
+    padding(top_bottom: undefstrnr, left_right: undefstrnr): this;
+    padding(top: undefstrnr, right: undefstrnr, bottom: undefstrnr, left: undefstrnr): this;
+    border(): string;
+    border(value: string): this;
+    border(width: string | number, color: string): this;
+    border(width: string | number, style: string, color: string): this;
+    on_change(): undefined | ExtendedSelectOnChange;
+    on_change(callback: ExtendedSelectOnChange): this;
+    text(): string;
+    text(val: string): this;
+    required(): boolean;
+    required(val: boolean): this;
+}
+export declare const ExtendedSelect: <Extensions extends object = {}>(args_0: {
+    label?: string;
+    image?: string;
+    alt?: string;
+    placeholder?: string;
+    id?: string;
+    required?: boolean;
+    items: ExtendedSelectItem[] | Record<string, string> | Record<string, ExtendedSelectItem>;
+}) => ExtendedSelectElement & Extensions;
+export declare const NullExtendedSelect: <Extensions extends object = {}>() => ExtendedSelectElement & Extensions;
+declare module './any_element.d.ts' {
+    interface AnyElementMap {
+        ExtendedSelectElement: ExtendedSelectElement;
+    }
+}
+export {};