@vandenberghinc/volt 1.1.5 → 1.1.7

package/frontend/dist/ui/dropdown.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 } from "../elements/module.js";
 import { Utils } from "../modules/utils.js";
@@ -130,22 +126,58 @@ import { Text } from "./text";
             @default: false
  */
 let DropdownElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "DropdownElement",
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VStackElement;
-    var DropdownElement = _classThis = class extends _classSuper {
+    var DropdownElement = 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);
+            DropdownElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        // Static attributes.
+        static element_name = "DropdownElement";
+        // @ts-expect-error
+        target;
+        // @ts-expect-error
+        animate;
+        // @ts-expect-error
+        duration;
+        side;
+        use_target_min;
+        auto_remove;
+        _min_width;
+        _max_width;
+        _min_height;
+        _max_height;
+        below_target;
+        x_offset;
+        y_offset;
+        content_items;
+        on_expand_callback;
+        on_minimize_callback;
+        mouse_over_background;
+        mouse_out_opacity;
+        _content_padding;
+        _content_margin;
+        _frame_min_width = 0;
+        _frame_min_height = 0;
+        _frame_max_width = 0;
+        _frame_max_height = 0;
+        next_toggle_allowed;
+        expanded = false;
+        animation_timeout;
+        close_handler;
         constructor({ target, animate = true, duration = 300, side = "left", auto_remove = false, min_width = undefined, max_width = undefined, min_height = undefined, max_height = undefined, use_target_min = false, below_target = false, x_offset = undefined, y_offset = undefined, content = undefined, }) {
             // Base.
             super();
-            this._frame_min_width = 0;
-            this._frame_min_height = 0;
-            this._frame_max_width = 0;
-            this._frame_max_height = 0;
-            this.expanded = false;
-            this._init_derived({
+            this._init({
                 derived: DropdownElement,
             });
             // Parameters.
@@ -204,8 +236,12 @@ let DropdownElement = (() => {
                         .color("white")
                         .font_size("inherit")
                         .wrap(false)
-                    // .ellipsis_overflow(true)
-                    )
+                        .margin(0)
+                        .exec(e => {
+                        if (item.ellipsis_overflow) {
+                            e.ellipsis_overflow(item.ellipsis_overflow);
+                        }
+                    }))
                         .text_decoration("none")
                         .border("none")
                         .outline("none")
@@ -295,17 +331,21 @@ let DropdownElement = (() => {
             clearTimeout(this.animation_timeout);
             this.transition("");
             this._get_frame();
+            this.hide();
             this.max_width(this._frame_min_width);
             this.max_height(this._frame_min_height);
             this.opacity(0);
-            this.transition(this.animate ? `opacity ${this.duration * 0.8}ms ease-in, max-height ${this.duration}ms ease-in-out, max-width ${this.duration}ms ease-in-out` : "");
-            this.show().getBoundingClientRect();
+            this.transition(this.animate ? `opacity ${this.duration * 0.8}ms ease-in, max-height ${this.duration}ms ease-in-out, max-width ${this.duration}ms ease-in-out` : "").getBoundingClientRect();
+            this.show();
             const rect = this.target.getBoundingClientRect();
-            this
-                .position(rect.top + this.y_offset + (this.below_target ? rect.height : 0), this.side !== "left" ? (window.innerWidth - rect.right - this.x_offset) : undefined, undefined, this.side === "left" ? (rect.left + this.x_offset) : undefined)
-                .opacity(1)
-                .max_width(this._frame_max_width)
-                .max_height(this._frame_max_height);
+            this.position(rect.top + this.y_offset + (this.below_target ? rect.height : 0), this.side !== "left" ? (window.innerWidth - rect.right - this.x_offset) : undefined, undefined, this.side === "left" ? (rect.left + this.x_offset) : undefined);
+            this.getBoundingClientRect();
+            setTimeout(() => {
+                this
+                    .opacity(1)
+                    .max_width(this._frame_max_width)
+                    .max_height(this._frame_max_height);
+            }, 25);
             // Close handler.
             if (this.close_handler == null) {
                 const _this_ = this;
@@ -430,15 +470,10 @@ let DropdownElement = (() => {
             this.content_items.iterate((node) => { node.opacity(value); });
             return this;
         }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
     };
-    __setFunctionName(_classThis, "DropdownElement");
-    (() => {
-        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);
-        DropdownElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return DropdownElement = _classThis;
 })();
 export { DropdownElement };

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

@@ -7,11 +7,6 @@ type ObjectCallback1 = ((value: any, key: string, index: number) => any);
 type ObjectCallback2 = ((value: any, key: string) => any);
 type ObjectCallback3 = ((value: any) => any);
 export declare class ForEachElement extends VElementTagMap.section {
-    static default_style: {
-        border: string;
-        outline: string;
-        background: string;
-    };
     constructor(items: Array<any>, func: ArrayCallback);
     constructor(items: Array<any>, func: ArrayCallback1);
     constructor(items: Array<any>, func: ArrayCallback2);

package/frontend/dist/ui/for_each.js

@@ -36,21 +36,31 @@ 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";
 // ForEach.
 let ForEachElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "ForEachElement",
+            default_style: {
+                "border": "none",
+                "outline": "none",
+                "background": "transparent",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.section;
-    var ForEachElement = _classThis = class extends _classSuper {
+    var ForEachElement = 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);
+            ForEachElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         constructor(items, func) {
             // Initialize base class.
             super({
@@ -75,21 +85,6 @@ let ForEachElement = (() => {
             }
         }
     };
-    __setFunctionName(_classThis, "ForEachElement");
-    (() => {
-        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);
-        ForEachElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "border": "none",
-        "outline": "none",
-        "background": "transparent",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return ForEachElement = _classThis;
 })();
 export { ForEachElement };

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

@@ -1,25 +1,30 @@
-import { VElement } from "../elements/module.js";
-import { VStackElement } from "./stack";
-export declare class FormElement extends VStackElement {
+import { VElementBaseSignature, VElement, AppendType } from "../elements/module.js";
+import { CheckBoxElement } from "./checkbox.js";
+import { ExtendedInputElement, ExtendedSelectElement } from "./input.js";
+export type OnSubmit<This> = (element: This, data: Record<string, any>) => any;
+export type OnSubmitError<This> = (element: This, error: Error) => any;
+declare const FormElement_base: VElementBaseSignature;
+export declare class FormElement extends FormElement_base {
     _button?: VElement;
-    fields: Record<string, any>;
-    _on_submit?: ((element: FormElement, data: Record<string, any>) => any);
-    _on_submit_error?: ((element: FormElement, error: Error) => any);
+    fields: Record<string, ExtendedInputElement | ExtendedSelectElement | CheckBoxElement>;
+    _on_submit?: OnSubmit<this>;
+    _on_submit_error?: OnSubmitError<this>;
     _on_append_callback: (child: any) => void;
-    constructor(...children: any[]);
+    constructor(...children: AppendType[]);
     data(): Record<string, any>;
     submit(): Promise<this>;
     button<T = undefined | HTMLElement | VElement>(): T;
     button(element_or_id: VElement | string): this;
-    on_submit(): undefined | ((element: FormElement, data: Record<string, any>) => any);
-    on_submit(callback: ((element: FormElement, data: Record<string, any>) => any)): this;
-    on_submit_error(): undefined | ((element: FormElement, error: Error) => any);
-    on_submit_error(callback: ((element: FormElement, error: Error) => any)): this;
+    on_submit(): undefined | OnSubmit<this>;
+    on_submit(callback: OnSubmit<this>): this;
+    on_submit_error(): undefined | OnSubmitError<this>;
+    on_submit_error(callback: OnSubmitError<this>): this;
 }
-export declare const Form: <Extensions extends object = {}>(...args: any[]) => FormElement & Extensions;
+export declare const Form: <Extensions extends object = {}>(...args: AppendType[]) => FormElement & Extensions;
 export declare const NullForm: <Extensions extends object = {}>() => FormElement & Extensions;
 declare module './any_element.d.ts' {
     interface AnyElementMap {
         FormElement: FormElement;
     }
 }
+export {};

package/frontend/dist/ui/form.js

@@ -36,27 +36,38 @@ 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, isVElement } from "../elements/module.js";
 import { VStackElement } from "./stack";
 // Extended input.
 let FormElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "FormElement",
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VStackElement;
-    var FormElement = _classThis = class extends _classSuper {
+    var FormElement = 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);
+            FormElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // Attributes.
+        _button;
+        fields;
+        _on_submit;
+        _on_submit_error;
+        _on_append_callback;
         // Constructor.
         constructor(...children) {
             // Initialize super.
             super();
-            this._init_derived({
+            this._init({
                 derived: FormElement,
             });
             // Attributes.
@@ -66,7 +77,7 @@ let FormElement = (() => {
             const _this = this;
             this._on_append_callback = (child) => {
                 // Initialize field.
-                if (child.element_type === "ExtendedInput" || child.element_type === "ExtendedSelect" || child.element_type === "CheckBox") {
+                if (child.element_name === "ExtendedInputElement" || child.element_name === "ExtendedSelectElement" || child.element_name === "CheckBoxElement") {
                     const id = child.id();
                     if (id != null && id !== "") {
                         _this.fields[id] = child;
@@ -79,7 +90,7 @@ let FormElement = (() => {
                     }
                 }
                 // Initialize button.
-                else if ( /*_this._button === undefined &&*/(child.element_type === "Button" || child.element_type === "LoaderButton") && child.on_click() == null) { //  && child.attr("submit_button") != "false"
+                else if ( /*_this._button === undefined &&*/(child.element_name === "ButtonElement" || child.element_name === "LoaderButtonElement") && child.on_click() == null) { //  && child.attr("submit_button") != "false"
                     if (_this._button !== undefined) {
                         _this._button.on_click(() => { });
                     }
@@ -212,14 +223,6 @@ let FormElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "FormElement");
-    (() => {
-        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);
-        FormElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return FormElement = _classThis;
 })();
 export { FormElement };

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

@@ -1,15 +1,14 @@
-export declare class FrameNodesType extends Array {
-    constructor(...children: any[]);
+import { VElement } from "../elements/module.js";
+export declare class FrameNodes extends Array<VElement> {
+    constructor(...children: VElement[]);
 }
-export declare const FrameNodes: <Extensions extends object = {}>(...args: any[]) => FrameNodesType & Extensions;
-export declare const NullFrameNodes: <Extensions extends object = {}>() => FrameNodesType & Extensions;
-type OnSet = (mode: string, nodes: FrameNodesType) => any;
-export declare class FrameModesType {
-    modes: Record<string, FrameNodesType>;
+type OnSet = (mode: string, nodes: FrameNodes) => any;
+export declare class FrameModes {
+    modes: Record<string, FrameNodes>;
     active?: string;
     _on_set?: OnSet;
     constructor(...modes: string[]);
-    get(mode: string): FrameNodesType;
+    get(mode: string): FrameNodes;
     set(mode: string): this;
     switch(mode: string): this;
     on_set(): undefined | OnSet;
@@ -17,12 +16,10 @@ export declare class FrameModesType {
     on_switch(): undefined | OnSet;
     on_switch(callback: OnSet): this;
 }
-export declare const FrameModes: <Extensions extends object = {}>(...args: string[]) => FrameModesType & Extensions;
-export declare const NullFrameModes: <Extensions extends object = {}>() => FrameModesType & Extensions;
 declare global {
     interface VElementExtensions {
-        frame_mode(frame_mode: FrameNodesType): this;
-        frame_mode(frame_modes: FrameModesType, mode_name: string): this;
+        frame_mode(frame_mode: FrameNodes): this;
+        frame_mode(frame_modes: FrameModes, mode_name: string): this;
     }
 }
 export {};

package/frontend/dist/ui/frame_modes.js

@@ -5,13 +5,11 @@
 // Imports.
 import { Elements } from "../elements/module.js";
 // Nodes type.
-export class FrameNodesType extends Array {
+export class FrameNodes extends Array {
     constructor(...children) {
         super(...children);
     }
 }
-export const FrameNodes = Elements.wrapper(FrameNodesType);
-export const NullFrameNodes = Elements.create_null(FrameNodesType);
 // Frame mode used to switch easily between frames.
 /*	@docs:
     @title: Frame Modes
@@ -22,16 +20,18 @@ export const NullFrameNodes = Elements.create_null(FrameNodesType);
 
         Afterwards the mode can be set using `MyMode.set("my_mode")`.
  */
-export class FrameModesType {
+export class FrameModes {
+    // Attributes.
+    modes = {};
+    active;
+    _on_set;
     // Provide mode names as args: `sign_in, sign_up`.
     constructor(...modes) {
-        // Attributes.
-        this.modes = {};
         for (const mode of modes) {
             if (this.active == null) {
                 this.active = mode;
             }
-            this.modes[mode] = FrameNodes();
+            this.modes[mode] = new FrameNodes();
         }
     }
     // Get.
@@ -78,8 +78,6 @@ export class FrameModesType {
         return this;
     }
 }
-export const FrameModes = Elements.wrapper(FrameModesType);
-export const NullFrameModes = Elements.create_null(FrameModesType);
 Elements.extend({
     /**
      * @docs:
@@ -95,7 +93,7 @@ Elements.extend({
         if (args.length === 1) {
             args[0].push(this);
         }
-        else if (args.length === 2 && args[0] instanceof FrameModesType) {
+        else if (args.length === 2 && args[0] instanceof FrameModes) {
             const frames_mode = args[0];
             const mode_name = args[1];
             if (mode_name !== frames_mode.active) {

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

@@ -1,16 +1,5 @@
 import { VElementTagMap } from "../elements/module.js";
 export declare class GoogleMapElement extends VElementTagMap.iframe {
-    static default_style: {
-        border: string;
-    };
-    static default_attributes: {
-        width: string;
-        height: string;
-        frameborder: string;
-        style: string;
-        referrerpolicy: string;
-        allowfullscreen: string;
-    };
     constructor({ location, mode, api_key, }: {
         location: string;
         mode: string;

package/frontend/dist/ui/google_map.js

@@ -36,23 +36,39 @@ 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";
 import { Utils } from "../modules/utils.js";
 import { Google } from "../modules/google";
 // GoogleMap.
 let GoogleMapElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "GoogleMapElement",
+            default_style: {
+                "border": "0",
+            },
+            default_attributes: {
+                "width": "100%",
+                "height": "100%",
+                "frameborder": "0",
+                "style": "border:0",
+                "referrerpolicy": "no-referrer-when-downgrade",
+                "allowfullscreen": "true",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.iframe;
-    var GoogleMapElement = _classThis = class extends _classSuper {
+    var GoogleMapElement = 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);
+            GoogleMapElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         // Constructor.
         constructor({ location, mode = "place", api_key, }) {
             // Initialize base class.
@@ -83,27 +99,6 @@ let GoogleMapElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "GoogleMapElement");
-    (() => {
-        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);
-        GoogleMapElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "border": "0",
-    };
-    _classThis.default_attributes = {
-        "width": "100%",
-        "height": "100%",
-        "frameborder": "0",
-        "style": "border:0",
-        "referrerpolicy": "no-referrer-when-downgrade",
-        "allowfullscreen": "true",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return GoogleMapElement = _classThis;
 })();
 export { GoogleMapElement };

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

@@ -4,11 +4,6 @@ export { GradientType };
 export declare const Gradient: <Extensions extends object = {}>(type: string, ...colors: string[]) => GradientType & Extensions;
 export declare const NullGradient: <Extensions extends object = {}>() => GradientType & Extensions;
 export declare class GradientBorderElement extends VElementTagMap.div {
-    static default_style: {
-        "--child-border-width": string;
-        "--child-border-radius": string;
-        "--child-border-color": string;
-    };
     constructor();
     border_color(): string;
     border_color(val: string): this;

package/frontend/dist/ui/gradient.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, VElementTagMap } from "../elements/module.js";
 import { GradientType } from "../types/gradient.js";
@@ -48,13 +44,27 @@ export const Gradient = Elements.wrapper(GradientType);
 export const NullGradient = Elements.create_null(GradientType);
 // Gradient border.
 let GradientBorderElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "GradientBorderElement",
+            default_style: {
+                "--child-border-width": "1px",
+                "--child-border-radius": "10px",
+                "--child-border-color": "black",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.div;
-    var GradientBorderElement = _classThis = class extends _classSuper {
+    var GradientBorderElement = 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);
+            GradientBorderElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         // Constructor.
         constructor() {
             // Initialize base classes.
@@ -93,21 +103,6 @@ let GradientBorderElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "GradientBorderElement");
-    (() => {
-        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);
-        GradientBorderElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "--child-border-width": "1px",
-        "--child-border-radius": "10px",
-        "--child-border-color": "black",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return GradientBorderElement = _classThis;
 })();
 export { GradientBorderElement };