@vandenberghinc/volt 1.1.4 → 1.1.6

package/frontend/dist/ui/border_button.js

@@ -36,10 +36,6 @@ 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 { Elements, VDiv, VElementTagMap } from "../elements/module.js";
 // BorderButton.
@@ -48,13 +44,57 @@ import { Elements, VDiv, VElementTagMap } from "../elements/module.js";
  * Warning: this class is still experimental and may be subject to future change.
  */
 let BorderButtonElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "BorderButtonElement",
+            default_style: {
+                "margin": "0px 0px 0px 0px",
+                "display": "inline-block",
+                "color": "inherit",
+                "text-align": "center",
+                "cursor": "pointer",
+                "position": "relative",
+                "z-index": "0",
+                "background": "none",
+                "user-select": "none",
+                "outline": "none",
+                "border": "none",
+                "text-decoration": "none",
+                // Custom.
+                "--child-color": "black",
+                "--child-background": "black",
+                "--child-border-width": "2px",
+                "--child-border-radius": "10px",
+                "--child-padding": "5px 10px 5px 10px",
+            },
+            default_events: {
+                "onmousedown": function () {
+                    this.style.filter = "brightness(80%)";
+                },
+                "onmouseover": function () {
+                    this.style.filter = "brightness(90%)";
+                },
+                "onmouseup": function () {
+                    this.style.filter = "brightness(100%)";
+                },
+                "onmouseout": function () {
+                    this.style.filter = "brightness(100%)";
+                },
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.a;
-    var BorderButtonElement = _classThis = class extends _classSuper {
+    var BorderButtonElement = 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);
+            BorderButtonElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        nodes;
         /**
          * @docs:
          * @title: Constructor
@@ -180,54 +220,13 @@ let BorderButtonElement = (() => {
             if (val == null) {
                 return this.nodes.border.transition();
             }
+            else if (/[0-9]/.test(val.charAt(0))) {
+                val = "border-color " + val;
+            }
             this.nodes.border.transition(typeof val !== "string" ? val : val.replace("border-color ", "background "));
             return this;
         }
     };
-    __setFunctionName(_classThis, "BorderButtonElement");
-    (() => {
-        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);
-        BorderButtonElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "margin": "0px 0px 0px 0px",
-        "display": "inline-block",
-        "color": "inherit",
-        "text-align": "center",
-        "cursor": "pointer",
-        "position": "relative",
-        "z-index": "0",
-        "background": "none",
-        "user-select": "none",
-        "outline": "none",
-        "border": "none",
-        "text-decoration": "none",
-        // Custom.
-        "--child-color": "black",
-        "--child-background": "black",
-        "--child-border-width": "2px",
-        "--child-border-radius": "10px",
-        "--child-padding": "5px 10px 5px 10px",
-    };
-    _classThis.default_events = {
-        "onmousedown": function () {
-            this.style.filter = "brightness(80%)";
-        },
-        "onmouseover": function () {
-            this.style.filter = "brightness(90%)";
-        },
-        "onmouseup": function () {
-            this.style.filter = "brightness(100%)";
-        },
-        "onmouseout": function () {
-            this.style.filter = "brightness(100%)";
-        },
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return BorderButtonElement = _classThis;
 })();
 export { BorderButtonElement };

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

@@ -1,26 +1,5 @@
 import { VElementTagMap } from "../elements/module.js";
 export declare class ButtonElement extends VElementTagMap.a {
-    static default_style: {
-        margin: string;
-        padding: string;
-        outline: string;
-        border: string;
-        "border-radius": string;
-        cursor: string;
-        color: string;
-        "text-align": string;
-        display: string;
-        "align-items": string;
-        "white-space": string;
-        "user-select": string;
-        "text-decoration": string;
-    };
-    static default_events: {
-        onmousedown: (this: any) => void;
-        onmouseover: (this: any) => void;
-        onmouseup: (this: any) => void;
-        onmouseout: (this: any) => void;
-    };
     /**
      * @docs:
      * @nav: Frontend

package/frontend/dist/ui/button.js

@@ -36,21 +36,55 @@ 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 { Elements, VElementTagMap } from "../elements/module.js";
 // Button.
 let ButtonElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "ButtonElement",
+            default_style: {
+                "margin": "0px 0px 0px",
+                "padding": "5px 10px 5px 10px",
+                "outline": "none",
+                "border": "none",
+                "border-radius": "10px",
+                "cursor": "pointer",
+                "color": "inherit",
+                "text-align": "center",
+                "display": "grid",
+                "align-items": "center",
+                "white-space": "nowrap",
+                "user-select": "none",
+                "text-decoration": "none",
+            },
+            default_events: {
+                "onmousedown": function () {
+                    this.style.filter = "brightness(80%)";
+                },
+                "onmouseover": function () {
+                    this.style.filter = "brightness(90%)";
+                },
+                "onmouseup": function () {
+                    this.style.filter = "brightness(100%)";
+                },
+                "onmouseout": function () {
+                    this.style.filter = "brightness(100%)";
+                },
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.a;
-    var ButtonElement = _classThis = class extends _classSuper {
+    var ButtonElement = 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);
+            ButtonElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         /**
          * @docs:
          * @nav: Frontend
@@ -68,45 +102,6 @@ let ButtonElement = (() => {
             this.inner_html(text);
         }
     };
-    __setFunctionName(_classThis, "ButtonElement");
-    (() => {
-        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);
-        ButtonElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "margin": "0px 0px 0px",
-        "padding": "5px 10px 5px 10px",
-        "outline": "none",
-        "border": "none",
-        "border-radius": "10px",
-        "cursor": "pointer",
-        "color": "inherit",
-        "text-align": "center",
-        "display": "grid",
-        "align-items": "center",
-        "white-space": "nowrap",
-        "user-select": "none",
-        "text-decoration": "none",
-    };
-    _classThis.default_events = {
-        "onmousedown": function () {
-            this.style.filter = "brightness(80%)";
-        },
-        "onmouseover": function () {
-            this.style.filter = "brightness(90%)";
-        },
-        "onmouseup": function () {
-            this.style.filter = "brightness(100%)";
-        },
-        "onmouseout": function () {
-            this.style.filter = "brightness(100%)";
-        },
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return ButtonElement = _classThis;
 })();
 export { ButtonElement };

package/frontend/dist/ui/canvas.js

@@ -36,10 +36,6 @@ 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";
@@ -56,13 +52,25 @@ import { GradientType } from "../types/gradient.js";
  *		This class is still experimental and may be subject to future change.
  */
 let CanvasElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "CanvasElement",
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.canvas;
-    var CanvasElement = _classThis = class extends _classSuper {
+    var CanvasElement = 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);
+            CanvasElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // Attributes.
+        _e;
+        ctx_2d;
         // ---------------------------------------------------------
         // Constructors.
         constructor() {
@@ -385,14 +393,6 @@ let CanvasElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "CanvasElement");
-    (() => {
-        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);
-        CanvasElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return CanvasElement = _classThis;
 })();
 export { CanvasElement };

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

@@ -1,3 +1,4 @@
+import { VElementBaseSignature } from "../elements/module.js";
 import { VStackElement, HStackElement } from "./stack";
 import { TextElement } from "./text";
 interface CircleExtension {
@@ -6,23 +7,8 @@ interface CircleExtension {
     value(to?: boolean): this;
     inner: VStackElement;
 }
-export declare class CheckBoxElement extends VStackElement {
-    static default_style: {
-        color: string;
-        "font-size": string;
-        "--circle-border-color": string;
-        "--circle-inner-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 CheckBoxElement_base: VElementBaseSignature;
+export declare class CheckBoxElement extends CheckBoxElement_base {
     _border_color: string;
     _inner_bg: string;
     _focus_color: string;

package/frontend/dist/ui/checkbox.js

@@ -36,23 +36,51 @@ 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 { Elements } from "../elements/module.js";
 import { VStack, VStackElement, HStack } from "./stack";
 import { Text } from "./text";
 // Extended input.
 let CheckBoxElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    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",
+                "--focus-color": "#8EB8EB",
+                "--missing-color": "#E8454E",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VStackElement;
-    var CheckBoxElement = _classThis = class extends _classSuper {
+    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);
+        }
+        // Attributes.
+        _border_color;
+        _inner_bg;
+        _focus_color;
+        _missing_color;
+        _missing;
+        _required;
+        circle;
+        // @ts-expect-error
+        text;
+        // @ts-expect-error
+        content;
+        error;
         // Constructor.
         constructor(text_or_obj = {
             text: "",
@@ -61,7 +89,7 @@ let CheckBoxElement = (() => {
         }) {
             // Initialize super.
             super();
-            this._init_derived({
+            this._init({
                 derived: CheckBoxElement,
             });
             // Args.
@@ -248,28 +276,6 @@ let CheckBoxElement = (() => {
             return value;
         }
     };
-    __setFunctionName(_classThis, "CheckBoxElement");
-    (() => {
-        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 });
-    })();
-    // Default styling.
-    // static default_style = Object.assign({}, HStackElement.default_style, {
-    _classThis.default_style = {
-        ...VStackElement.default_style,
-        "color": "inherit",
-        "font-size": "16px",
-        // Custom.
-        "--circle-border-color": "gray",
-        "--circle-inner-bg": "#FFFFFF",
-        "--focus-color": "#8EB8EB",
-        "--missing-color": "#E8454E",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return CheckBoxElement = _classThis;
 })();
 export { CheckBoxElement };

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

@@ -1,30 +1,8 @@
-import { VElementTagMap, VDivElement } from "../elements/module.js";
+import { VElementBaseSignature, VElementTagMap, VDivElement } from "../elements/module.js";
 import { VStackElement, HStackElement } from "./stack";
 import { ImageMaskElement } from "./image";
 import { DividerElement } from "./divider";
 export declare class CodeBlockElement extends VElementTagMap.code {
-    static default_style: {
-        display: string;
-        "flex-direction": string;
-        margin: string;
-        padding: string;
-        "text-align": string;
-        "white-space": string;
-        "font-family": string;
-        "font-size": string;
-        "font-weight": string;
-        "line-height": string;
-        "border-radius": string;
-        color: string;
-        background: string;
-        overflow: string;
-        width: string;
-        "min-width": string;
-        "--header-color": string;
-        "--header-border": string;
-        "--header-background": string;
-        "--selected-language-color": string;
-    };
     language?: string;
     line_numbers?: boolean;
     line_divider?: boolean;
@@ -40,13 +18,13 @@ export declare class CodeBlockElement extends VElementTagMap.code {
     constructor(code_or_opts?: string | {
         code: string;
         language?: string;
-        line_numbers: boolean;
-        line_divider: boolean;
-        animate: boolean;
-        delay: number;
+        line_numbers?: boolean;
+        line_divider?: boolean;
+        animate?: boolean;
+        delay?: number;
         duration?: number;
-        already_highlighted: boolean;
-        opts: Record<string, any>;
+        already_highlighted?: boolean;
+        opts?: Record<string, any>;
     });
     hide_scrollbar(): this;
     show_scrollbar(): this;
@@ -72,13 +50,13 @@ export declare class CodeBlockElement extends VElementTagMap.code {
 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;
+    line_numbers?: boolean;
+    line_divider?: boolean;
+    animate?: boolean;
+    delay?: number;
     duration?: number;
-    already_highlighted: boolean;
-    opts: Record<string, any>;
+    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' {
@@ -87,21 +65,6 @@ declare module './any_element.d.ts' {
     }
 }
 export declare class CodePreElement extends VElementTagMap.pre {
-    static default_style: {
-        margin: string;
-        padding: string;
-        "text-align": string;
-        "white-space": string;
-        "font-family": string;
-        "font-size": string;
-        "font-weight": string;
-        "line-height": string;
-        "border-radius": string;
-        color: string;
-        background: string;
-        "tab-size": number;
-        overflow: string;
-    };
     code: string;
     tokens: any;
     allow_animation: any;
@@ -139,16 +102,6 @@ declare module './any_element.d.ts' {
     }
 }
 export declare class CodeLineElement extends VElementTagMap.span {
-    static default_style: {
-        "font-family": string;
-        "font-size": string;
-        "font-style": string;
-        background: string;
-        color: string;
-        "border-radius": string;
-        "white-space": string;
-        padding: string;
-    };
     constructor(text?: string);
     static fill(text: any, codeline_callback?: () => CodeLineElement): string;
 }
@@ -171,28 +124,8 @@ interface HeaderExtension {
     set_selected(index: number): this;
     select(lang_or_index: number | string, recursive?: boolean): this;
 }
-export declare class MultiLanguageCodeBlockElement extends VStackElement {
-    static default_style: {
-        "font-family": string;
-        background: string;
-        color: string;
-        "box-shadow": string;
-        "font-size": string;
-        "line-height": string;
-        "border-radius": string;
-        "tab-size": number;
-        "--mlcb-tint": string;
-        "--mlcb-div-bg": string;
-        "--mlcb-title-opac": number;
-        margin: string;
-        padding: string;
-        display: string;
-        overflow: string;
-        "align-content": string;
-        "flex-direction": string;
-        outline: string;
-        border: string;
-    };
+declare const MultiLanguageCodeBlockElement_base: VElementBaseSignature;
+export declare class MultiLanguageCodeBlockElement extends MultiLanguageCodeBlockElement_base {
     _fg: string;
     _tint: string;
     _div_bg: string;