@vandenberghinc/volt 1.1.4 → 1.1.6

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

@@ -1,12 +1,6 @@
-import { VElementTagMap } from "../elements/module.js";
-import { AnchorElement } from "./link";
-import { VStackElement } from "./stack";
+import { VElementBaseSignature, VElementTagMap } from "../elements/module.js";
+import { VStackElement } from "./stack.js";
 export declare class ImageElement extends VElementTagMap.img {
-    static default_style: {
-        margin: string;
-        padding: string;
-        "object-fit": string;
-    };
     static default_alt?: string;
     _e?: HTMLImageElement;
     constructor(src?: string, alt?: string);
@@ -15,18 +9,18 @@ export declare class ImageElement extends VElementTagMap.img {
     src(value: string, set_aspect_ratio?: boolean): this;
     alt(): string;
     alt(value: string): this;
-    height(): string;
-    height(value: string, check_attribute?: boolean): this;
-    min_height(): string;
-    min_height(value: string): this;
-    max_height(): string;
-    max_height(value: string): this;
+    height(): string | number;
+    height(value: string | number, check_attribute?: boolean): this;
+    min_height(): string | number;
+    min_height(value: string | number): this;
+    max_height(): string | number;
+    max_height(value: string | number): this;
     width(): string | number;
-    width(value: string, check_attribute?: boolean): this;
-    min_width(): string;
-    min_width(value: string): this;
-    max_width(): string;
-    max_width(value: string): this;
+    width(value: string | number, check_attribute?: boolean): this;
+    min_width(): string | number;
+    min_width(value: string | number): this;
+    max_width(): string | number;
+    max_width(value: string | number): this;
     loading(): string;
     loading(value: string): this;
 }
@@ -37,7 +31,8 @@ declare module './any_element.d.ts' {
         ImageElement: ImageElement;
     }
 }
-export declare class AnchorImageElement extends AnchorElement {
+declare const AnchorImageElement_base: VElementBaseSignature;
+export declare class AnchorImageElement extends AnchorImageElement_base {
     image: ImageElement;
     constructor(href: string, src: string, alt: string);
     set_default(): this;
@@ -45,18 +40,18 @@ export declare class AnchorImageElement extends AnchorElement {
     src(value: string): this;
     alt(): string;
     alt(value: string): this;
-    height(): string;
-    height(value: string): this;
-    min_height(): string;
-    min_height(value: string): this;
-    max_height(): string;
-    max_height(value: string): this;
+    height(): string | number;
+    height(value: string | number): this;
+    min_height(): string | number;
+    min_height(value: string | number): this;
+    max_height(): string | number;
+    max_height(value: string | number): this;
     width(): string | number;
-    width(value: string): this;
-    min_width(): string;
-    min_width(value: string): this;
-    max_width(): string;
-    max_width(value: string): this;
+    width(value: string | number): this;
+    min_width(): string | number;
+    min_width(value: string | number): this;
+    max_width(): string | number;
+    max_width(value: string | number): this;
     loading(): string;
     loading(value: string): this;
 }
@@ -68,19 +63,6 @@ declare module './any_element.d.ts' {
     }
 }
 export declare class ImageMaskElement extends VElementTagMap.div {
-    static default_style: {
-        margin: string;
-        padding: string;
-        "object-fit": string;
-        display: string;
-        "font-family": string;
-        "font-size": string;
-        color: string;
-        "text-decoration": string;
-        "text-underline-position": string;
-        outline: string;
-        border: string;
-    };
     mask_child: VStackElement;
     _img_src?: string;
     constructor(src?: string);
@@ -103,20 +85,6 @@ declare module './any_element.d.ts' {
     }
 }
 export declare class AnchorImageMaskElement extends VElementTagMap.a {
-    static default_style: {
-        margin: string;
-        padding: string;
-        "object-fit": string;
-        display: string;
-        "font-family": string;
-        "font-size": string;
-        color: string;
-        "text-decoration": string;
-        "text-underline-position": string;
-        cursor: string;
-        outline: string;
-        border: string;
-    };
     mask_child: VStackElement;
     _img_src?: string;
     constructor(src?: string);
@@ -136,3 +104,4 @@ declare module './any_element.d.ts' {
         AnchorImageMaskElement: AnchorImageMaskElement;
     }
 }
+export {};

package/frontend/dist/ui/image.js

@@ -36,26 +36,40 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-var __setFunctionName = (this && this.__setFunctionName) || function (f, name, prefix) {
-    if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
-    return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
-};
 // Imports.
 import { Utils } from "../modules/utils.js";
 import { Elements, VElementTagMap } from "../elements/module.js";
-import { Statics } from "../modules/statics";
-import { Settings } from "../modules/settings";
-import { AnchorElement } from "./link";
-import { VStack } from "./stack";
+import { Statics } from "../modules/statics.js";
+import { Settings } from "../modules/settings.js";
+import { AnchorElement } from "./link.js";
+import { VStack } from "./stack.js";
 // Image.
 let ImageElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "ImageElement",
+            default_style: {
+                "margin": "0px",
+                "padding": "0px",
+                "object-fit": "cover",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.img;
-    var ImageElement = _classThis = class extends _classSuper {
+    var ImageElement = 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);
+            ImageElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        ;
+        // Static attributes.
+        static default_alt;
+        _e;
         // Constructor.
         constructor(src, alt) {
             // Initialize base class.
@@ -253,21 +267,6 @@ let ImageElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "ImageElement");
-    (() => {
-        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);
-        ImageElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "margin": "0px",
-        "padding": "0px",
-        "object-fit": "cover",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return ImageElement = _classThis;
 })();
 export { ImageElement };
@@ -285,18 +284,29 @@ export const NullImage = Elements.create_null(ImageElement);
 // }
 // AnchorImage.
 let AnchorImageElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "AnchorImageElement",
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = AnchorElement;
-    var AnchorImageElement = _classThis = class extends _classSuper {
+    var AnchorImageElement = 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);
+            AnchorImageElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // Default styling.
+        image;
         // Constructor.
         constructor(href, src, alt) {
             // Initialize base classes.
             super(href, alt);
-            this._init_derived({
+            this._init({
                 derived: AnchorImageElement,
             });
             // image.
@@ -338,14 +348,6 @@ let AnchorImageElement = (() => {
             return this.image.loading();
         } this.image.loading(value); return this; }
     };
-    __setFunctionName(_classThis, "AnchorImageElement");
-    (() => {
-        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);
-        AnchorImageElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return AnchorImageElement = _classThis;
 })();
 export { AnchorImageElement };
@@ -353,13 +355,39 @@ export const AnchorImage = Elements.wrapper(AnchorImageElement);
 export const NullAnchorImage = Elements.create_null(AnchorImageElement);
 // ImageMask.
 let ImageMaskElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "ImageMaskElement",
+            default_style: {
+                "margin": "0px",
+                "padding": "0px",
+                "object-fit": "cover",
+                "display": "inline-block",
+                // Anchor.
+                "font-family": "inherit",
+                "font-size": "inherit",
+                "color": "inherit",
+                "text-decoration": "none",
+                "text-underline-position": "none",
+                "outline": "none",
+                "border": "none",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.div;
-    var ImageMaskElement = _classThis = class extends _classSuper {
+    var ImageMaskElement = 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);
+            ImageMaskElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // Attributes.
+        mask_child;
+        _img_src;
         // Constructor.
         constructor(src) {
             // Initialize base class.
@@ -434,30 +462,6 @@ let ImageMaskElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "ImageMaskElement");
-    (() => {
-        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);
-        ImageMaskElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "margin": "0px",
-        "padding": "0px",
-        "object-fit": "cover",
-        "display": "inline-block",
-        // Anchor.
-        "font-family": "inherit",
-        "font-size": "inherit",
-        "color": "inherit",
-        "text-decoration": "none",
-        "text-underline-position": "none",
-        "outline": "none",
-        "border": "none",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return ImageMaskElement = _classThis;
 })();
 export { ImageMaskElement };
@@ -465,13 +469,40 @@ export const ImageMask = Elements.wrapper(ImageMaskElement);
 export const NullImageMask = Elements.create_null(ImageMaskElement);
 // Exact copy of image mask.
 let AnchorImageMaskElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "AnchorImageMaskElement",
+            default_style: {
+                "margin": "0px",
+                "padding": "0px",
+                "object-fit": "cover",
+                "display": "inline-block",
+                // Anchor.
+                "font-family": "inherit",
+                "font-size": "inherit",
+                "color": "inherit",
+                "text-decoration": "none",
+                "text-underline-position": "none",
+                "cursor": "pointer",
+                "outline": "none",
+                "border": "none",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.a;
-    var AnchorImageMaskElement = _classThis = class extends _classSuper {
+    var AnchorImageMaskElement = 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);
+            AnchorImageMaskElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // Attributes.
+        mask_child;
+        _img_src;
         // Constructor.
         constructor(src) {
             // Initialize base class.
@@ -538,31 +569,6 @@ let AnchorImageMaskElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "AnchorImageMaskElement");
-    (() => {
-        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);
-        AnchorImageMaskElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "margin": "0px",
-        "padding": "0px",
-        "object-fit": "cover",
-        "display": "inline-block",
-        // Anchor.
-        "font-family": "inherit",
-        "font-size": "inherit",
-        "color": "inherit",
-        "text-decoration": "none",
-        "text-underline-position": "none",
-        "cursor": "pointer",
-        "outline": "none",
-        "border": "none",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return AnchorImageMaskElement = _classThis;
 })();
 export { AnchorImageMaskElement };

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

@@ -1,27 +1,10 @@
-import { VElementTagMap } from "../elements/module.js";
-import { HStackElement, VStackElement } from "./stack";
+import { VElementBaseSignature, VElementTagMap, ElementKeyboardEvent, ElementEvent } from "../elements/module.js";
+import { HStackElement } 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;
@@ -47,25 +30,6 @@ declare module './any_element.d.ts' {
     }
 }
 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;
@@ -90,41 +54,21 @@ declare module './any_element.d.ts' {
         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;
+declare const ExtendedInputElement_base: VElementBaseSignature;
+export declare class ExtendedInputElement extends ExtendedInputElement_base {
+    private _focus_color;
+    private _missing_color;
+    private _mask_color;
+    private _initial_border_color;
+    private _hover_border_color;
     label: TextElement;
     image: ImageMaskElement;
     input: (InputElement | InputBoxElement);
     input_border: GradientBorderElement;
     container: HStackElement;
     error: TextElement;
+    is_missing: boolean;
+    is_focused: boolean;
     constructor({ label, image, alt, placeholder, id, readonly, required, type, value, }: {
         label?: string;
         image?: string;
@@ -157,14 +101,16 @@ export declare class ExtendedInputElement extends VStackElement {
     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;
+    on_enter(): undefined | ElementKeyboardEvent<this>;
+    on_enter(val: ElementKeyboardEvent<this>): this;
+    on_input(): undefined | ElementEvent<this>;
+    on_input(val: ElementEvent<this>): this;
     border_radius(): string;
     border_radius(val: string): this;
     border_color(): string;
     border_color(val: string): this;
+    hover_border_color(): string;
+    hover_border_color(val: string): this;
     border_width(): string;
     border_width(val: string): this;
     border_style(): string;
@@ -204,37 +150,13 @@ interface ExtendedSelectItem {
     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;
-    };
+declare const ExtendedSelectElement_base: VElementBaseSignature;
+export declare class ExtendedSelectElement extends ExtendedSelectElement_base {
     _focus_color: string;
     _missing_color: string;
     _mask_color: string;
     _border_color: string;
     _hover_bg: string;
-    _missing: boolean;
     items: ExtendedSelectItem[];
     label: TextElement;
     image: ImageMaskElement;
@@ -242,6 +164,7 @@ export declare class ExtendedSelectElement extends VStackElement {
     container: HStackElement;
     error: TextElement;
     dropdown: ScrollerElement;
+    is_missing: boolean;
     _on_change_callback?: ExtendedSelectOnChange;
     private _on_dropdown_close;
     _dropdown_height?: string | number;