@vandenberghinc/volt 1.1.4 → 1.1.6

package/frontend/dist/ui/tabs.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 { Scheme } from "../modules/scheme";
@@ -70,18 +66,49 @@ import { Divider } from "./divider";
                 The callback takes the arguments local header node and parent tabs node as `(header_node, tabs_node)`.
  */
 let TabsElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "TabsElement",
+            default_style: {
+                ...VStackElement.default_style,
+                "font-size": "16px",
+                "font-weight": "500",
+                "overflow-x": "hidden",
+                "width": "100%",
+                "--tabs-tint": "blue",
+                "--tabs-tab-opac": 0.8,
+                "--tabs-div-bg": "gray",
+                "--tabs-div-opac": 0.5,
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VStackElement;
-    var TabsElement = _classThis = class extends _classSuper {
+    var TabsElement = 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);
+            TabsElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // Attributes.
+        _tint;
+        _tab_opac;
+        _div_bg;
+        _div_opac;
+        _selected_node;
+        _tab_nodes;
+        _on_tab_header;
+        _div;
+        _animate;
+        _duration;
         // Constructor.
         constructor({ content = [], animate = true, duration = 300, }) {
             // Inherit.
             super();
-            this._init_derived({
+            this._init({
                 derived: TabsElement,
             });
             // Params.
@@ -364,27 +391,6 @@ let TabsElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "TabsElement");
-    (() => {
-        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);
-        TabsElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        ...VStackElement.default_style,
-        "font-size": "16px",
-        "font-weight": "500",
-        "overflow-x": "hidden",
-        "width": "100%",
-        "--tabs-tint": "blue",
-        "--tabs-tab-opac": 0.8,
-        "--tabs-div-bg": "gray",
-        "--tabs-div-opac": 0.5,
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return TabsElement = _classThis;
 })();
 export { TabsElement };

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

@@ -1,13 +1,5 @@
 import { VElementTagMap } from "../elements/module.js";
 export declare class TextElement extends VElementTagMap.p {
-    static default_style: {
-        margin: string;
-        padding: string;
-        "font-size": string;
-        color: string;
-        "text-align": string;
-        "white-space": string;
-    };
     constructor(text?: string);
 }
 export declare const Text: <Extensions extends object = {}>(text?: string | undefined) => TextElement & Extensions;

package/frontend/dist/ui/text.js

@@ -36,21 +36,34 @@ 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";
 // Text.
 let TextElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "TextElement",
+            default_style: {
+                "margin": "0px 0px 0px 0px",
+                "padding": "0", // 2.5px
+                "font-size": "20px",
+                "color": "inherit",
+                "text-align": "inherit",
+                "white-space": "wrap",
+            }
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.p;
-    var TextElement = _classThis = class extends _classSuper {
+    var TextElement = 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);
+            TextElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         // Constructor.
         constructor(text) {
             // Initialize base class.
@@ -63,24 +76,6 @@ let TextElement = (() => {
             }
         }
     };
-    __setFunctionName(_classThis, "TextElement");
-    (() => {
-        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);
-        TextElement = _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",
-        "padding": "0", // 2.5px
-        "font-size": "20px",
-        "color": "inherit",
-        "text-align": "inherit",
-        "white-space": "wrap",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return TextElement = _classThis;
 })();
 export { TextElement };

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

@@ -1,12 +1,5 @@
 import { VElementTagMap } from "../elements/module.js";
 export declare class TitleElement extends VElementTagMap.h1 {
-    static default_style: {
-        margin: string;
-        color: string;
-        "white-space": string;
-        "text-align": string;
-        "font-weight": string;
-    };
     constructor(text?: string);
 }
 export declare const Title: <Extensions extends object = {}>(text?: string | undefined) => TitleElement & Extensions;
@@ -17,14 +10,6 @@ declare module './any_element.d.ts' {
     }
 }
 export declare class SubtitleElement extends VElementTagMap.h1 {
-    static element_tag: string;
-    static default_style: {
-        margin: string;
-        color: string;
-        "white-space": string;
-        "text-align": string;
-        "font-weight": string;
-    };
     constructor(text?: string);
 }
 export declare const Subtitle: <Extensions extends object = {}>(text?: string | undefined) => SubtitleElement & Extensions;

package/frontend/dist/ui/title.js

@@ -36,21 +36,33 @@ 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";
 // Title.
 let TitleElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "TitleElement",
+            default_style: {
+                "margin": "0px 0px 0px 0px",
+                "color": "inherit",
+                "white-space": "wrap",
+                "text-align": "inherit",
+                "font-weight": "700", // for safari since it inherits HTMLElement only.
+            }
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.h1;
-    var TitleElement = _classThis = class extends _classSuper {
+    var TitleElement = 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);
+            TitleElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         // Constructor.
         constructor(text = "") {
             // Initialize base class.
@@ -61,23 +73,6 @@ let TitleElement = (() => {
             this.text(text); // do not use inner_html since the text might contain "<" etc.
         }
     };
-    __setFunctionName(_classThis, "TitleElement");
-    (() => {
-        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);
-        TitleElement = _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",
-        "color": "inherit",
-        "white-space": "wrap",
-        "text-align": "inherit",
-        "font-weight": "700", // for safari since it inherits HTMLElement only.
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return TitleElement = _classThis;
 })();
 export { TitleElement };
@@ -85,13 +80,30 @@ export const Title = Elements.wrapper(TitleElement);
 export const NullTitle = Elements.create_null(TitleElement);
 // Subtitle.
 let SubtitleElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "SubtitleElement",
+            tag: "h2",
+            default_style: {
+                "margin": "0px 0px 0px 0px",
+                "color": "inherit",
+                "white-space": "wrap",
+                "text-align": "inherit",
+                "font-weight": "700", // for safari since it inherits HTMLElement only.
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.h1;
-    var SubtitleElement = _classThis = class extends _classSuper {
+    var SubtitleElement = 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);
+            SubtitleElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         // Constructor.
         constructor(text = "") {
             // Initialize base class.
@@ -102,24 +114,6 @@ let SubtitleElement = (() => {
             this.text(text); // do not use inner_html since the text might contain "<" etc.
         }
     };
-    __setFunctionName(_classThis, "SubtitleElement");
-    (() => {
-        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);
-        SubtitleElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.element_tag = "h2";
-    _classThis.default_style = {
-        "margin": "0px 0px 0px 0px",
-        "color": "inherit",
-        "white-space": "wrap",
-        "text-align": "inherit",
-        "font-weight": "700", // for safari since it inherits HTMLElement only.
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return SubtitleElement = _classThis;
 })();
 export { SubtitleElement };

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

@@ -6,7 +6,6 @@ export * from "./border_button.js";
 export * from "./canvas.js";
 export * from "./checkbox.js";
 export * from "./code.js";
-export * from "./color.js";
 export * from "./context_menu.js";
 export * from "./css.js";
 export * from "./divider.js";
@@ -32,7 +31,6 @@ export * from "./switch.js";
 export * from "./table.js";
 export * from "./tabs.js";
 export * from "./text.js";
-export * from "./theme.js";
 export * from "./title.js";
 export * from "./view.js";
 export type { AnyElement } from "./any_element.d.ts";

package/frontend/dist/ui/ui.js

@@ -7,7 +7,6 @@ export * from "./border_button.js";
 export * from "./canvas.js";
 export * from "./checkbox.js";
 export * from "./code.js";
-export * from "./color.js";
 export * from "./context_menu.js";
 export * from "./css.js";
 export * from "./divider.js";
@@ -33,7 +32,6 @@ export * from "./switch.js";
 export * from "./table.js";
 export * from "./tabs.js";
 export * from "./text.js";
-export * from "./theme.js";
 export * from "./title.js";
 export * from "./view.js";
 // import type { AnyElement } from "./any_element.d.ts"

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

@@ -1,22 +1,8 @@
-import { VElementTagMap } from "../elements/module.js";
+import { VElementTagMap, AppendType } from "../elements/module.js";
 export declare class ViewElement extends VElementTagMap.div {
-    static default_style: {
-        position: string;
-        top: string;
-        right: string;
-        bottom: string;
-        left: string;
-        padding: string;
-        overflow: string;
-        "overflow-y": string;
-        background: string;
-        display: string;
-        "align-content": string;
-        "flex-direction": string;
-    };
-    constructor(...children: any[]);
+    constructor(...children: AppendType[]);
 }
-export declare const View: <Extensions extends object = {}>(...args: any[]) => ViewElement & Extensions;
+export declare const View: <Extensions extends object = {}>(...args: AppendType[]) => ViewElement & Extensions;
 export declare const NullView: <Extensions extends object = {}>() => ViewElement & Extensions;
 declare module './any_element.d.ts' {
     interface AnyElementMap {

package/frontend/dist/ui/view.js

@@ -36,21 +36,41 @@ 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";
 // Scroller.
 let ViewElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "ViewElement",
+            default_style: {
+                "position": "absolute",
+                "top": "0",
+                "right": "0",
+                "bottom": "0",
+                "left": "0",
+                "padding": "0px",
+                "overflow": "hidden",
+                "overflow-y": "none",
+                "background": "none",
+                "display": "flex", // to support vertical spacers.
+                // "text-align": "start",
+                "align-content": "flex-start", // align items at start, do not stretch / space when inside HStack.
+                "flex-direction": "column",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.div;
-    var ViewElement = _classThis = class extends _classSuper {
+    var ViewElement = 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);
+            ViewElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
         // Constructor.
         constructor(...children) {
             // Initialize base class.
@@ -61,31 +81,6 @@ let ViewElement = (() => {
             this.append(...children);
         }
     };
-    __setFunctionName(_classThis, "ViewElement");
-    (() => {
-        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);
-        ViewElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "position": "absolute",
-        "top": "0",
-        "right": "0",
-        "bottom": "0",
-        "left": "0",
-        "padding": "0px",
-        "overflow": "hidden",
-        "overflow-y": "none",
-        "background": "none",
-        "display": "flex", // to support vertical spacers.
-        // "text-align": "start",
-        "align-content": "flex-start", // align items at start, do not stretch / space when inside HStack.
-        "flex-direction": "column",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return ViewElement = _classThis;
 })();
 export { ViewElement };

package/frontend/dist/volt.d.ts

@@ -4,7 +4,7 @@ export * from "./modules/string.js";
 export * from "./modules/array.js";
 export * from "./modules/object.js";
 export * from "./modules/auth.js";
-export * from "./modules/colors.js";
+export * from "./modules/color.js";
 export * from "./modules/compression.js";
 export * from "./modules/cookies.js";
 export * from "./modules/date.js";
@@ -18,5 +18,6 @@ export * from "./modules/support.js";
 export * from "./modules/themes.js";
 export * from "./modules/user.js";
 export * from "./modules/utils.js";
+export * from "./modules/theme.js";
 export * from "./elements/module.js";
 export * from "./ui/ui.js";

package/frontend/dist/volt.js

@@ -7,7 +7,8 @@ export * from "./modules/string.js"; // @noexport
 export * from "./modules/array.js"; // @noexport
 export * from "./modules/object.js"; // @noexport
 export * from "./modules/auth.js";
-export * from "./modules/colors.js";
+export * from "./modules/color.js";
+// export * from "./modules/colors.js"
 export * from "./modules/compression.js";
 export * from "./modules/cookies.js";
 export * from "./modules/date.js"; // @todo
@@ -21,6 +22,7 @@ export * from "./modules/support.js";
 export * from "./modules/themes.js";
 export * from "./modules/user.js";
 export * from "./modules/utils.js";
+export * from "./modules/theme.js";
 // Elements.
 export * from "./elements/module.js";
 // VoltUI.