@vandenberghinc/volt 1.1.26 → 1.1.28

package/frontend/dist/{ui → frontend/src/ui}/dropdown.d.ts

@@ -1,9 +1,40 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
+ */
 import { VElementBaseSignature } from "../elements/module.js";
-import { HStackElement, AnchorHStackElement } from "./stack";
-import { ImageMaskElement } from "./image";
+import { HStackElement, AnchorHStackElement } from "./stack.js";
+import { ImageMaskElement } from "./image.js";
 import { AnyElement } from "./any_element.js";
+/**
+ * Callback invoked with the dropdown element instance.
+ */
 type DropdownCallback = (element: DropdownElement) => void;
 declare const DropdownElement_base: VElementBaseSignature;
+/**
+ * Easily create a dropdown element.
+ * @nav Frontend/Elements
+ * @param target The target element for where the dropdown will be placed.
+ * @param animate Enable animations.
+ * @param duration The animation duration in milliseconds.
+ * @param side Expand to the `"left"` or `"right"` side relative to the target element.
+ * @param auto_remove Auto remove the dropdown when it is closed.
+ * @param use_target_min Use the target element for a minimum width of the dropdown.
+ * @param below_target Place the dropdown below the target with by default an `y_offset` of `10`, unless `y_offset` is defined as `false`.
+ * @param x_offset The additional x offset of the dropdown's position, this value will be added the computed x position.
+ * @param y_offset The additional y offset of the dropdown's position, this value will be added the computed y position.
+ * @param content Optional content array to easily create a context-menu like dropdown menu.
+ * @param content.text The content text. Required.
+ * @param content.image The content image source.
+ * @param content.image_padding The image padding.
+ * @param content.image_top The image margin top.
+ * @param content.href The href redirect on click.
+ * @param content.callback The on click callback.
+ * @param content.on_click The on click callback.
+ * @param content.on_click_redirect The on click redirect function arguments.
+ * @param content.anchor Flag indicating if the content node should be an anchor. Default: false.
+ * @docs
+ */
 export declare class DropdownElement extends DropdownElement_base {
     static element_name: string;
     private _target;
@@ -36,6 +67,9 @@ export declare class DropdownElement extends DropdownElement_base {
     expanded: boolean;
     animation_timeout: any;
     close_handler?: Function;
+    /**
+     * Create a new dropdown instance. See the class documentation for available options.
+     */
     constructor({ target, animate, duration, side, auto_remove, min_width, max_width, min_height, max_height, use_target_min, below_target, x_offset, y_offset, content, }: {
         target: AnyElement | HTMLElement;
         animate?: boolean;
@@ -63,9 +97,25 @@ export declare class DropdownElement extends DropdownElement_base {
             ellipsis_overflow?: boolean;
         }[];
     });
+    /**
+     * Measure the dropdown to compute and cache min/max frame sizes based on current content and constraints.
+     * @private
+     */
     _get_frame(): void;
+    /**
+     * Toggle the dropdown: expands when minimized, minimizes when expanded.
+     */
     toggle(): this;
+    /**
+     * Expand (open) the dropdown and position it relative to the target.
+     * Triggers the `on_expand` callback when set.
+     */
     expand(): this;
+    /**
+     * Minimize (close) the dropdown.
+     * When `force` is true, skips the debounce guard to close immediately.
+     * @param force Force closing even if toggling is temporarily blocked.
+     */
     minimize(force?: boolean): this;
     on_expand(): undefined | DropdownCallback;
     on_expand(callback: DropdownCallback): this;
@@ -75,6 +125,11 @@ export declare class DropdownElement extends DropdownElement_base {
     font_size(value: string | number): this;
     color(): string;
     color(value: string): this;
+    /**
+     * Iterate content nodes created by the `content` parameter. When the callback returns any non null value the iteration will be stopped.
+     * @param callback The callback invoked for each content element.
+     * @docs
+    */
     iterate_content(callback: (element: AnchorHStackElement | HStackElement) => any): this;
     content_padding(): typeof this._content_padding;
     content_padding(...args: typeof this._content_padding): this;

package/frontend/dist/{ui → frontend/src/ui}/dropdown.js

@@ -1,6 +1,6 @@
-/*
- * Author: Daan van den Bergh
- * Copyright: © 2022 - 2024 Daan van den Bergh.
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
  */
 var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
     function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
@@ -39,91 +39,34 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 // Imports.
 import { Elements } from "../elements/module.js";
 import { Utils } from "../modules/utils.js";
-import { VStackElement, HStack, AnchorHStack } from "./stack";
-import { ForEach } from "./for_each";
-import { ImageMask } from "./image";
-import { Text } from "./text";
+import { VStackElement, HStack, AnchorHStack } from "./stack.js";
+import { ForEach } from "./for_each.js";
+import { ImageMask } from "./image.js";
+import { Text } from "./text.js";
 // Dropdown element. 
-/*	@docs:
-    @nav: Frontend
-    @chapter: Elements
-    @title: Dropdown element
-    @descr: Easily create a dropdown element.
-    @param:
-        @name: target
-        @descr: The target element for where the dropdown will be placed.
-        @type: Node
-    @param:
-        @name: animate
-        @descr: Enable animations.
-        @type: boolean
-    @param:
-        @name: duration
-        @descr: The animation duration in milliseconds.
-        @type: number
-    @param:
-        @name: side
-        @descr: Expand to the `"left"` or `"right"` side relative to the target element.
-        @type: string
-    @param:
-        @name: auto_remove
-        @descr: Auto remove the dropdown when it is closed.
-        @type: boolean
-    @param:
-        @name: use_target_min
-        @descr: Use the target element for a minimum width of the dropdown.
-        @type: boolean
-    @param:
-        @name: below_target
-        @descr: Place the dropdown below the target with by default an `y_offset` of `10`, unless `y_offset` is defined as `false`.
-        @type: boolean
-    @param:
-        @name: x_offset
-        @descr: The additional x offset of the dropdown's position, this value will be added the computed x position.
-        @type: number
-    @param:
-        @name: y_offset
-        @descr: The additional y offset of the dropdown's position, this value will be added the computed y position.
-        @type: number
-    @param:
-        @name: content
-        @descr: Optional content array to easily create a context-menu like dropdown menu.
-        @type: object[]
-        @attributes_type: Content
-        @attr:
-            @name: text
-            @descr: The content text.
-            @required: true
-            @type: string
-        @attr:
-            @name: image
-            @descr: The content image source.
-            @type: string
-        @attr:
-            @name: image_padding
-            @descr: The image padding.
-            @type: number
-        @attr:
-            @name: image_top
-            @descr: The image margin top.
-            @type: number
-        @attr:
-            @name: href
-            @descr: The href redirect on click.
-            @type: string
-        @attr:
-            @name: callback / on_click
-            @descr: The on click callback.
-            @type: function
-        @attr:
-            @name: on_click_redirect
-            @descr: The on click redirect function arguments.
-            @type: string
-        @attr:
-            @name: anchor
-            @descr: Flag indicating if the content node should be an anchor.
-            @type: boolean
-            @default: false
+/**
+ * Easily create a dropdown element.
+ * @nav Frontend/Elements
+ * @param target The target element for where the dropdown will be placed.
+ * @param animate Enable animations.
+ * @param duration The animation duration in milliseconds.
+ * @param side Expand to the `"left"` or `"right"` side relative to the target element.
+ * @param auto_remove Auto remove the dropdown when it is closed.
+ * @param use_target_min Use the target element for a minimum width of the dropdown.
+ * @param below_target Place the dropdown below the target with by default an `y_offset` of `10`, unless `y_offset` is defined as `false`.
+ * @param x_offset The additional x offset of the dropdown's position, this value will be added the computed x position.
+ * @param y_offset The additional y offset of the dropdown's position, this value will be added the computed y position.
+ * @param content Optional content array to easily create a context-menu like dropdown menu.
+ * @param content.text The content text. Required.
+ * @param content.image The content image source.
+ * @param content.image_padding The image padding.
+ * @param content.image_top The image margin top.
+ * @param content.href The href redirect on click.
+ * @param content.callback The on click callback.
+ * @param content.on_click The on click callback.
+ * @param content.on_click_redirect The on click redirect function arguments.
+ * @param content.anchor Flag indicating if the content node should be an anchor. Default: false.
+ * @docs
  */
 let DropdownElement = (() => {
     let _classDecorators = [Elements.create({
@@ -172,6 +115,9 @@ let DropdownElement = (() => {
         expanded = false;
         animation_timeout;
         close_handler;
+        /**
+         * Create a new dropdown instance. See the class documentation for available options.
+         */
         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();
@@ -270,7 +216,10 @@ let DropdownElement = (() => {
                 }));
             }
         }
-        // Get frame.
+        /**
+         * Measure the dropdown to compute and cache min/max frame sizes based on current content and constraints.
+         * @private
+         */
         _get_frame() {
             this.visibility("hidden");
             this.show();
@@ -309,14 +258,19 @@ let DropdownElement = (() => {
             this.hide();
             this.visibility("visible");
         }
-        // Toggle.
+        /**
+         * Toggle the dropdown: expands when minimized, minimizes when expanded.
+         */
         toggle() {
             if (this.expanded) {
                 return this.minimize();
             }
             return this.expand();
         }
-        // Expand dropdown.
+        /**
+         * Expand (open) the dropdown and position it relative to the target.
+         * Triggers the `on_expand` callback when set.
+         */
         expand() {
             if (this.next_toggle_allowed !== undefined && Date.now() < this.next_toggle_allowed) {
                 return this;
@@ -362,7 +316,11 @@ let DropdownElement = (() => {
             }
             return this;
         }
-        // Minimize dropdown.	
+        /**
+         * Minimize (close) the dropdown.
+         * When `force` is true, skips the debounce guard to close immediately.
+         * @param force Force closing even if toggling is temporarily blocked.
+         */
         minimize(force = false) {
             if (!force && this.next_toggle_allowed !== undefined && Date.now() < this.next_toggle_allowed) {
                 return this;
@@ -393,6 +351,10 @@ let DropdownElement = (() => {
             }
             return this;
         }
+        /**
+         * Get or set the callback invoked when the dropdown expands.
+         * @param callback The callback to set.
+         */
         on_expand(callback) {
             if (callback == null) {
                 return this.on_expand_callback;
@@ -400,6 +362,10 @@ let DropdownElement = (() => {
             this.on_expand_callback = callback;
             return this;
         }
+        /**
+         * Get or set the callback invoked when the dropdown minimizes.
+         * @param callback The callback to set.
+         */
         on_minimize(callback) {
             if (callback == null) {
                 return this.on_minimize_callback;
@@ -407,6 +373,11 @@ let DropdownElement = (() => {
             this.on_minimize_callback = callback;
             return this;
         }
+        /**
+         * Get or set font size.
+         * Should mainly be used to set the font size and image size on the content nodes created by the `content` parameter.
+         * @docs
+        */
         font_size(value) {
             if (value == null) {
                 return super.font_size();
@@ -415,6 +386,11 @@ let DropdownElement = (() => {
             // all font sizes are inherited or Xem based
             return this;
         }
+        /**
+         * Get or set color.
+         * Should mainly be used to set the foreground color on the content nodes created by the `content` parameter.
+         * @docs
+        */
         color(value) {
             if (value == null) {
                 return super.color();
@@ -428,14 +404,19 @@ let DropdownElement = (() => {
             });
             return this;
         }
-        /*	@docs:
-            @title: Iterate content nodes.
-            @description: Iterate content nodes created by the `content` parameter. When the callback returns any non null value the iteration will be stopped.
+        /**
+         * Iterate content nodes created by the `content` parameter. When the callback returns any non null value the iteration will be stopped.
+         * @param callback The callback invoked for each content element.
+         * @docs
         */
         iterate_content(callback) {
             this.content_items.iterate((node) => { callback(node); });
             return this;
         }
+        /**
+         * Set padding on the content nodes created by the `content` parameter.
+         * @docs
+         */
         content_padding(...args) {
             if (args == null || args.length === 0) {
                 return this._content_padding;
@@ -445,6 +426,10 @@ let DropdownElement = (() => {
             // this.content_items.iterate((node) => { node.padding(...(args as [number, string])); })
             return this;
         }
+        /**
+         * Set margin on the content nodes created by the `content` parameter.
+         * @docs
+         */
         content_margin(...args) {
             if (args == null || args.length === 0) {
                 return this._content_margin;
@@ -454,6 +439,10 @@ let DropdownElement = (() => {
             // this.content_items.iterate((node) => { node.margin(...(args as [number, string])); })
             return this;
         }
+        /**
+         * Set the mouse over background from the content nodes created by the `content` parameter. In the mouse out event the background will always be `transparent`.
+         * @docs
+        */
         content_background(value) {
             if (value == null) {
                 return this.mouse_over_background;
@@ -461,6 +450,10 @@ let DropdownElement = (() => {
             this.mouse_over_background = value;
             return this;
         }
+        /**
+         * Set opacity on the content nodes created by the `content` parameter. In the mouse over event the opacity will always be `1`.
+         * @docs
+        */
         content_opacity(value) {
             if (value == null) {
                 return this.mouse_out_opacity;

package/frontend/dist/{ui → frontend/src/ui}/for_each.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
+ */
 import { VElementTagMap } from "../elements/module.js";
 type ArrayCallback = ((item: any, index: number, is_last: boolean) => any);
 type ArrayCallback1 = ((item: any, index: number) => any);

package/frontend/dist/{ui → frontend/src/ui}/for_each.js

@@ -1,6 +1,6 @@
-/*
- * Author: Daan van den Bergh
- * Copyright: © 2022 - 2024 Daan van den Bergh.
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
  */
 var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
     function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }

package/frontend/dist/{ui → frontend/src/ui}/form.d.ts

@@ -1,7 +1,11 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
+ */
 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 OnSubmit<This> = (element: This, data: Record<string, string | boolean>) => any;
 export type OnSubmitError<This> = (element: This, error: Error) => any;
 declare const FormElement_base: VElementBaseSignature;
 export declare class FormElement extends FormElement_base {
@@ -11,7 +15,7 @@ export declare class FormElement extends FormElement_base {
     _on_submit_error?: OnSubmitError<this>;
     _on_append_callback: (child: any) => void;
     constructor(...children: AppendType[]);
-    data(): Record<string, any>;
+    data(): Record<string, string | boolean>;
     submit(): Promise<this>;
     button<T = undefined | HTMLElement | VElement>(): T;
     button(element_or_id: VElement | string): this;

package/frontend/dist/{ui → frontend/src/ui}/form.js

@@ -1,6 +1,6 @@
-/*
- * Author: Daan van den Bergh
- * Copyright: © 2022 - 2024 Daan van den Bergh.
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
  */
 var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
     function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
@@ -38,7 +38,8 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 // Imports.
 import { Elements, isVElement } from "../elements/module.js";
-import { VStackElement } from "./stack";
+import { isButtonLike } from "./button.js";
+import { VStackElement } from "./stack.js";
 // Extended input.
 let FormElement = (() => {
     let _classDecorators = [Elements.create({
@@ -82,15 +83,17 @@ let FormElement = (() => {
                     if (id != null && id !== "") {
                         _this.fields[id] = child;
                         child.on_input(() => {
-                            if (child.missing() === true) {
-                                child.missing(false);
+                            if (child.has_error) {
+                                child.valid();
                             }
                         });
                         child.on_enter(() => _this.submit());
                     }
                 }
                 // Initialize button.
-                else if ( /*_this._button === undefined &&*/(child.element_name === "ButtonElement" || child.element_name === "LoaderButtonElement") && child.on_click() == null) { //  && child.attr("submit_button") != "false"
+                else if (isButtonLike(child)
+                    && child.on_click() == null
+                    && child.attr("submit_button") !== "false") {
                     if (_this._button !== undefined) {
                         _this._button.on_click(() => { });
                     }

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

@@ -0,0 +1,37 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
+ */
+import { VElement } from "../elements/module.js";
+export declare class FrameNodes extends Array<VElement> {
+    constructor(...children: VElement[]);
+}
+type OnSet<Mode extends string> = (mode: Mode, nodes: FrameNodes) => any;
+/**
+ * Frame modes used to switch easily between frame nodes.
+ *
+ * Initialize the class with the wanted frame modes, then call `.exec(MyMode.my_mode.push)` on the nodes.
+ *
+ * Afterwards the mode can be set using `MyMode.set("my_mode")`.
+ * @docs
+ */
+export declare class FrameModes<Mode extends string = string> {
+    modes: Record<Mode, FrameNodes>;
+    active?: Mode;
+    _on_set?: OnSet<Mode>;
+    constructor(...modes: Mode[]);
+    get(mode: Mode): FrameNodes;
+    set(mode: Mode): this;
+    switch(mode: Mode): this;
+    on_set(): undefined | OnSet<Mode>;
+    on_set(callback: OnSet<Mode>): this;
+    on_switch(): undefined | OnSet<Mode>;
+    on_switch(callback: OnSet<Mode>): this;
+}
+declare global {
+    interface VElementExtensions {
+        frame_mode(frame_mode: FrameNodes): this;
+        frame_mode<Mode extends string>(frame_modes: FrameModes<Mode>, mode_name: Mode): this;
+    }
+}
+export {};

package/frontend/dist/{ui → frontend/src/ui}/frame_modes.js

@@ -1,6 +1,6 @@
-/*
- * Author: Daan van den Bergh
- * Copyright: © 2022 - 2024 Daan van den Bergh.
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
  */
 // Imports.
 import { Elements } from "../elements/module.js";
@@ -10,15 +10,13 @@ export class FrameNodes extends Array {
         super(...children);
     }
 }
-// Frame mode used to switch easily between frames.
-/*	@docs:
-    @title: Frame Modes
-    @descr:
-        Frame modes used to switch easily between frame nodes.
-
-        Initialize the class with the wanted frame modes, then call `.exec(MyMode.my_mode.push)` on the nodes.
-
-        Afterwards the mode can be set using `MyMode.set("my_mode")`.
+/**
+ * Frame modes used to switch easily between frame nodes.
+ *
+ * Initialize the class with the wanted frame modes, then call `.exec(MyMode.my_mode.push)` on the nodes.
+ *
+ * Afterwards the mode can be set using `MyMode.set("my_mode")`.
+ * @docs
  */
 export class FrameModes {
     // Attributes.
@@ -58,7 +56,7 @@ export class FrameModes {
             }
         }
         if (this._on_set !== undefined) {
-            this._on_set(mode, this[mode]);
+            this._on_set(mode, this.modes[mode]);
         }
         return this;
     }
@@ -80,14 +78,10 @@ export class FrameModes {
 }
 Elements.extend({
     /**
-     * @docs:
-     * @title: Frame Mode
-     * @desc: Adds a node to a FrameMode. Can accept a single argument to push the current instance or two arguments to specify a FrameModesType and an index.
-     * @param:
-     *     @name: args
-     *     @descr: Arguments to determine the operation to perform for adding a node.
-     * @return:
-     *     @description Returns the instance of the element for chaining.
+     * Adds a node to a FrameMode. Can accept a single argument to push the current instance or two arguments to specify a FrameModesType and an index.
+     * @param args Arguments to determine the operation to perform for adding a node.
+     * @returns Returns the instance of the element for chaining.
+     * @docs
      */
     frame_mode(...args) {
         if (args.length === 1) {
@@ -105,7 +99,7 @@ Elements.extend({
     }
 });
 // @test
-// import { Form } from "./form"
+// import { Form } from "./form.js"
 // Form()
 // 	.frame_mode(FrameModes("test"), "test")
 // 	.on_submit(((e) => {}) as any)

package/frontend/dist/{ui → frontend/src/ui}/google_map.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
+ */
 import { VElementTagMap } from "../elements/module.js";
 export declare class GoogleMapElement extends VElementTagMap.iframe {
     constructor({ location, mode, api_key, }: {

package/frontend/dist/{ui → frontend/src/ui}/google_map.js

@@ -1,6 +1,6 @@
-/*
- * Author: Daan van den Bergh
- * Copyright: © 2022 - 2024 Daan van den Bergh.
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
  */
 var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
     function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
@@ -39,7 +39,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 // Imports.
 import { Elements, VElementTagMap } from "../elements/module.js";
 import { Utils } from "../modules/utils.js";
-import { Google } from "../modules/google";
+import { Google } from "../modules/google.js";
 // GoogleMap.
 let GoogleMapElement = (() => {
     let _classDecorators = [Elements.create({

package/frontend/dist/{ui → frontend/src/ui}/gradient.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
+ */
 import { VElementTagMap } from "../elements/module.js";
 import { GradientType } from "../types/gradient.js";
 export { GradientType };

package/frontend/dist/{ui → frontend/src/ui}/gradient.js

@@ -1,6 +1,6 @@
-/*
- * Author: Daan van den Bergh
- * Copyright: © 2022 - 2024 Daan van den Bergh.
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
  */
 var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
     function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }

package/frontend/dist/{ui → frontend/src/ui}/image.d.ts

@@ -1,3 +1,7 @@
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
+ */
 import { VElementBaseSignature, VElementTagMap } from "../elements/module.js";
 import { VStackElement } from "./stack.js";
 export declare class ImageElement extends VElementTagMap.img {

package/frontend/dist/{ui → frontend/src/ui}/image.js

@@ -1,6 +1,6 @@
-/*
- * Author: Daan van den Bergh
- * Copyright: © 2022 - 2024 Daan van den Bergh.
+/**
+ * @author Daan van den Bergh
+ * @copyright © 2022 - 2025 Daan van den Bergh. All rights reserved
  */
 var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
     function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
@@ -130,11 +130,11 @@ let ImageElement = (() => {
                 return this._e.src;
             }
             this._e.src = value;
-            console.log("Set aspect ratio?", set_aspect_ratio, "from src", value);
+            // console.log("Set aspect ratio?", set_aspect_ratio, "from src", value)
             if (set_aspect_ratio) {
                 const aspect_ratio = Statics.aspect_ratio(value);
                 if (aspect_ratio != null) {
-                    console.log("Set aspect ratio", aspect_ratio, "from src", value);
+                    // console.log("Set aspect ratio",aspect_ratio, "from src",value)
                     this.aspect_ratio(aspect_ratio);
                 }
                 else {