@vandenberghinc/volt 1.1.4 → 1.1.6

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

@@ -1,6 +1,6 @@
-import { VHTMLElement } from "../elements/module.js";
-export declare class StyleElement extends VHTMLElement {
-    static element_tag: string;
+import { VElementBaseSignature } from "../elements/module.js";
+declare const StyleElement_base: VElementBaseSignature;
+export declare class StyleElement extends StyleElement_base {
     constructor(style?: CSSStyleDeclaration);
 }
 export declare const Style: <Extensions extends object = {}>(style?: CSSStyleDeclaration | undefined) => StyleElement & Extensions;
@@ -10,3 +10,4 @@ declare module './any_element.d.ts' {
         StyleElement: StyleElement;
     }
 }
+export {};

package/frontend/dist/ui/style.js

@@ -36,21 +36,27 @@ 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, VHTMLElement } from "../elements/module.js";
 // Span.
 let StyleElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "StyleElement",
+            tag: "section",
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VHTMLElement;
-    var StyleElement = _classThis = class extends _classSuper {
+    var StyleElement = 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);
+            StyleElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         constructor(style) {
             // Initialize base class.
             super({ derived: StyleElement });
@@ -60,17 +66,6 @@ let StyleElement = (() => {
             }
         }
     };
-    __setFunctionName(_classThis, "StyleElement");
-    (() => {
-        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);
-        StyleElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.element_tag = "section";
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return StyleElement = _classThis;
 })();
 export { StyleElement };

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

@@ -1,6 +1,11 @@
+import { VElementBaseSignature } from "../elements/module.js";
 import { VStackElement } from "./stack";
-export declare class SwitchElement extends VStackElement {
-    on_change_handler: ((element: SwitchElement, enabled: boolean) => void);
+export declare namespace SwitchElement {
+    type OnChangeCallback<This> = (element: This, enabled: boolean) => void;
+}
+declare const SwitchElement_base: VElementBaseSignature;
+export declare class SwitchElement extends SwitchElement_base {
+    on_change_handler: SwitchElement.OnChangeCallback<this>;
     _enabled: boolean;
     _enabled_color: string;
     _disabled_color: string;
@@ -32,8 +37,8 @@ export declare class SwitchElement extends VStackElement {
     toggle(): this;
     value(): boolean;
     value(value: boolean, animate?: boolean): this;
-    on_change(): ((element: SwitchElement, enabled: boolean) => void);
-    on_change(handler: ((element: SwitchElement, enabled: boolean) => void)): this;
+    on_change(): SwitchElement.OnChangeCallback<this>;
+    on_change(handler: SwitchElement.OnChangeCallback<this>): this;
 }
 export declare const Switch: <Extensions extends object = {}>(enabled?: boolean | undefined) => SwitchElement & Extensions;
 export declare const NullSwitch: <Extensions extends object = {}>() => SwitchElement & Extensions;
@@ -42,3 +47,4 @@ declare module './any_element.d.ts' {
         SwitchElement: SwitchElement;
     }
 }
+export {};

package/frontend/dist/ui/switch.js

@@ -36,27 +36,43 @@ 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 } from "./stack";
 // Switch button.
 let SwitchElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "SwitchElement",
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VStackElement;
-    var SwitchElement = _classThis = class extends _classSuper {
+    var SwitchElement = 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);
+            SwitchElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // Attributes.
+        on_change_handler;
+        _enabled;
+        _enabled_color;
+        _disabled_color;
+        enabled;
+        slider;
+        button;
+        _value_timeout;
         // Constructor.
         constructor(enabled = false) {
             // Initialize base class.
             super();
-            this._init_derived({ derived: SwitchElement, });
+            this._init({
+                derived: SwitchElement,
+            });
             // The slider background.
             this.slider = VStack()
                 .background("white")
@@ -265,14 +281,6 @@ let SwitchElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "SwitchElement");
-    (() => {
-        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);
-        SwitchElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return SwitchElement = _classThis;
 })();
 export { SwitchElement };

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

@@ -1,8 +1,5 @@
 import { VElementTagMap } from "../elements/module.js";
 export declare class TableHeadElement extends VElementTagMap.thead {
-    static default_style: {
-        padding: string;
-    };
     constructor(...content: any[]);
 }
 export declare const TableHead: <Extensions extends object = {}>(...args: any[]) => TableHeadElement & Extensions;
@@ -13,10 +10,6 @@ declare module './any_element.d.ts' {
     }
 }
 export declare class TableHeaderElement extends VElementTagMap.th {
-    static default_style: {
-        "text-align": string;
-        padding: string;
-    };
     constructor(...content: any[]);
 }
 export declare const TableHeader: <Extensions extends object = {}>(...args: any[]) => TableHeaderElement & Extensions;
@@ -27,9 +20,6 @@ declare module './any_element.d.ts' {
     }
 }
 export declare class TableBodyElement extends VElementTagMap.tbody {
-    static default_style: {
-        padding: string;
-    };
     constructor(...content: any[]);
 }
 export declare const TableBody: <Extensions extends object = {}>(...args: any[]) => TableBodyElement & Extensions;
@@ -50,10 +40,6 @@ declare module './any_element.d.ts' {
     }
 }
 export declare class TableDataElement extends VElementTagMap.td {
-    static default_style: {
-        "text-align": string;
-        padding: string;
-    };
     constructor(...content: any[]);
 }
 export declare const TableData: <Extensions extends object = {}>(...args: any[]) => TableDataElement & Extensions;
@@ -64,12 +50,6 @@ declare module './any_element.d.ts' {
     }
 }
 export declare class InnerTableElement extends VElementTagMap.table {
-    static default_style: {
-        "border-collapse": string;
-        padding: string;
-        margin: number;
-        "border-spacing": number;
-    };
     constructor(...content: any[]);
 }
 export declare const InnerTable: <Extensions extends object = {}>(...args: any[]) => InnerTableElement & Extensions;
@@ -80,9 +60,6 @@ declare module './any_element.d.ts' {
     }
 }
 export declare class TableElement extends VElementTagMap.div {
-    static default_style: {
-        color: string;
-    };
     table_rows: TableRowElement[];
     show_columns: boolean;
     table: InnerTableElement;

package/frontend/dist/ui/table.js

@@ -36,22 +36,30 @@ 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 { Scheme } from "../modules/scheme";
 // Table head element.
 let TableHeadElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "TableHeadElement",
+            default_style: {
+                "padding": "0px",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.thead;
-    var TableHeadElement = _classThis = class extends _classSuper {
+    var TableHeadElement = 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);
+            TableHeadElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         // Constructor.
         constructor(...content) {
             // Initialize base class.
@@ -62,19 +70,6 @@ let TableHeadElement = (() => {
             this.append(...content);
         }
     };
-    __setFunctionName(_classThis, "TableHeadElement");
-    (() => {
-        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);
-        TableHeadElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "padding": "0px",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return TableHeadElement = _classThis;
 })();
 export { TableHeadElement };
@@ -82,13 +77,26 @@ export const TableHead = Elements.wrapper(TableHeadElement);
 export const NullTableHead = Elements.create_null(TableHeadElement);
 // Table header element.
 let TableHeaderElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "TableHeaderElement",
+            default_style: {
+                "text-align": "left",
+                "padding": "0px 10px",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.th;
-    var TableHeaderElement = _classThis = class extends _classSuper {
+    var TableHeaderElement = 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);
+            TableHeaderElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         // Constructor.
         constructor(...content) {
             // Initialize base class.
@@ -99,20 +107,6 @@ let TableHeaderElement = (() => {
             this.append(...content);
         }
     };
-    __setFunctionName(_classThis, "TableHeaderElement");
-    (() => {
-        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);
-        TableHeaderElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "text-align": "left",
-        "padding": "0px 10px",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return TableHeaderElement = _classThis;
 })();
 export { TableHeaderElement };
@@ -120,13 +114,25 @@ export const TableHeader = Elements.wrapper(TableHeaderElement);
 export const NullTableHeader = Elements.create_null(TableHeaderElement);
 // Table body element.
 let TableBodyElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "TableBodyElement",
+            default_style: {
+                "padding": "0px",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.tbody;
-    var TableBodyElement = _classThis = class extends _classSuper {
+    var TableBodyElement = 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);
+            TableBodyElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         // Constructor.
         constructor(...content) {
             // Initialize base class.
@@ -137,19 +143,6 @@ let TableBodyElement = (() => {
             this.append(...content);
         }
     };
-    __setFunctionName(_classThis, "TableBodyElement");
-    (() => {
-        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);
-        TableBodyElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "padding": "0px",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return TableBodyElement = _classThis;
 })();
 export { TableBodyElement };
@@ -157,13 +150,22 @@ export const TableBody = Elements.wrapper(TableBodyElement);
 export const NullTableBody = Elements.create_null(TableBodyElement);
 // Table row element.
 let TableRowElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "TableRowElement",
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.tr;
-    var TableRowElement = _classThis = class extends _classSuper {
+    var TableRowElement = 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);
+            TableRowElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         // Constructor.
         constructor(...content) {
             // Initialize base class.
@@ -174,14 +176,6 @@ let TableRowElement = (() => {
             this.append(...content);
         }
     };
-    __setFunctionName(_classThis, "TableRowElement");
-    (() => {
-        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);
-        TableRowElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return TableRowElement = _classThis;
 })();
 export { TableRowElement };
@@ -189,13 +183,26 @@ export const TableRow = Elements.wrapper(TableRowElement);
 export const NullTableRow = Elements.create_null(TableRowElement);
 // Table data element.
 let TableDataElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "TableDataElement",
+            default_style: {
+                "text-align": "left",
+                "padding": "0px 10px",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.td;
-    var TableDataElement = _classThis = class extends _classSuper {
+    var TableDataElement = 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);
+            TableDataElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         // Constructor.
         constructor(...content) {
             // Initialize base class.
@@ -206,20 +213,6 @@ let TableDataElement = (() => {
             this.append(...content);
         }
     };
-    __setFunctionName(_classThis, "TableDataElement");
-    (() => {
-        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);
-        TableDataElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "text-align": "left",
-        "padding": "0px 10px",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return TableDataElement = _classThis;
 })();
 export { TableDataElement };
@@ -229,13 +222,28 @@ export const NullTableData = Elements.create_null(TableDataElement);
 // Use a container for the Table element so a border color + border radius can be set.
 // Since border-collapse collapse prevents a border radius but is required for different background for the table head.
 let InnerTableElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "InnerTableElement",
+            default_style: {
+                "border-collapse": "collapse", /* Ensures there is no spacing between table cells */
+                "padding": "0",
+                "margin": 0,
+                "border-spacing": 0, /* Removes any default spacing between cells */
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.table;
-    var InnerTableElement = _classThis = class extends _classSuper {
+    var InnerTableElement = 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);
+            InnerTableElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         // Constructor.
         constructor(...content) {
             // Initialize base class.
@@ -246,22 +254,6 @@ let InnerTableElement = (() => {
             this.append(...content);
         }
     };
-    __setFunctionName(_classThis, "InnerTableElement");
-    (() => {
-        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);
-        InnerTableElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "border-collapse": "collapse", /* Ensures there is no spacing between table cells */
-        "padding": "0",
-        "margin": 0,
-        "border-spacing": 0, /* Removes any default spacing between cells */
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return InnerTableElement = _classThis;
 })();
 export { InnerTableElement };
@@ -269,13 +261,31 @@ export const InnerTable = Elements.wrapper(InnerTableElement);
 export const NullInnerTable = Elements.create_null(InnerTableElement);
 // Table data element.
 let TableElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "TableElement",
+            default_style: {
+                "color": "black",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.div;
-    var TableElement = _classThis = class extends _classSuper {
+    var TableElement = 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);
+            TableElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // Attributes.
+        table_rows;
+        show_columns;
+        table = NullInnerTable();
+        table_head = NullTableHead();
+        table_body = NullTableBody();
         // Constructor.
         constructor({ rows = [
             [0, 1],
@@ -285,9 +295,6 @@ let TableElement = (() => {
             super({
                 derived: TableElement,
             });
-            this.table = NullInnerTable();
-            this.table_head = NullTableHead();
-            this.table_body = NullTableBody();
             // Attributes.
             this.table_rows = [];
             this.show_columns = show_columns === true && columns !== false;
@@ -391,19 +398,6 @@ let TableElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "TableElement");
-    (() => {
-        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);
-        TableElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "color": "black",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return TableElement = _classThis;
 })();
 export { TableElement };

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

@@ -1,3 +1,4 @@
+import { VElementBaseSignature } from "../elements/module.js";
 import { VStackElement, HStackElement } from "./stack";
 import { TextElement } from "./text";
 import { DividerElement } from "./divider";
@@ -19,25 +20,8 @@ export interface TabContentItem {
     content: any;
 }
 type OnTabHeader = ((name: string, header: HStackElement, tab: TabsElement) => any);
-export declare class TabsElement extends VStackElement {
-    static default_style: {
-        "font-size": string;
-        "font-weight": string;
-        "overflow-x": string;
-        width: string;
-        "--tabs-tint": string;
-        "--tabs-tab-opac": number;
-        "--tabs-div-bg": string;
-        "--tabs-div-opac": number;
-        margin: string;
-        padding: string;
-        display: string;
-        overflow: string;
-        "align-content": string;
-        "flex-direction": string;
-        outline: string;
-        border: string;
-    };
+declare const TabsElement_base: VElementBaseSignature;
+export declare class TabsElement extends TabsElement_base {
     _tint: string;
     _tab_opac: number;
     _div_bg: string;