@vandenberghinc/volt 1.1.5 → 1.1.7

package/frontend/dist/ui/code.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 });
-};
 // @exports: CodeBlockElement, CodeBlock, CodePreElement, CodePre, CodeLineElement, CodeLine, MultiLanguageCodeBlockElement, MultiLanguageCodeBlock
 // Imports.
 import { Utils } from "../modules/utils.js";
@@ -51,18 +47,66 @@ import { ForEach } from "./for_each";
 import { Spacer } from "./spacer";
 import { Divider } from "./divider";
 // import * as vhighlight from "/Users/administrator/persistance/private/dev/vinc/vhighlight"
-import * as vhighlight from "../../../../vhighlight/dist/web";
+import * as vhighlight from "vhighlight";
 // All codeblocks using languages.
 const language_codeblocks = [];
 // CodeBlock.
 let CodeBlockElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "CodeBlockElement",
+            default_style: {
+                "display": "flex",
+                "flex-direction": "column",
+                "margin": "0px 0px 0px 0px",
+                "padding": "15px 20px 15px 20px",
+                "text-align": "start",
+                "white-space": "pre",
+                "font-family": "'Menlo', 'Consolas', monospace",
+                "font-size": "13px",
+                "font-weight": "500",
+                "line-height": "18px",
+                "border-radius": "15px",
+                "color": "#FFFFFF",
+                "background": "#262F3D",
+                "overflow": "hidden", // only the content should scroll so the header remains fixed.
+                "width": "100%",
+                "min-width": "100%",
+                "--header-color": "inherit",
+                "--header-border": "#00000010",
+                "--header-background": "inherit",
+                "--selected-language-color": "inherit",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.code;
-    var CodeBlockElement = _classThis = class extends _classSuper {
+    var CodeBlockElement = 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);
+            CodeBlockElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // Attributes.
+        language;
+        line_numbers;
+        line_divider;
+        // @ts-expect-error
+        animate;
+        // @ts-expect-error
+        delay;
+        // @ts-expect-error
+        duration;
+        already_highlighted;
+        opts;
+        pre;
+        lines;
+        lines_divider;
+        // @ts-expect-error
+        content;
         // Constructor.
         constructor(code_or_opts = {
             code: "", // the code data.
@@ -159,13 +203,14 @@ let CodeBlockElement = (() => {
             // The content.
             this.content = HStack(this.lines, this.lines_divider, this.pre)
                 .parent(this)
-                .padding(CodeBlockElement.default_style.padding)
+                // .padding(CodeBlockElement.default_style.padding)
                 .flex_wrap("nowrap")
                 .overflow("auto visible");
             // Append code pre.
             this.append(this.content);
             // Set padding.
-            this.padding(0);
+            // this.padding(0)
+            this.padding(CodeBlockElement.default_style.padding);
         }
         // Hide/show the scrollbar.
         hide_scrollbar() {
@@ -245,38 +290,6 @@ let CodeBlockElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "CodeBlockElement");
-    (() => {
-        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);
-        CodeBlockElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "display": "flex",
-        "flex-direction": "column",
-        "margin": "0px 0px 0px 0px",
-        "padding": "15px 20px 15px 20px",
-        "text-align": "start",
-        "white-space": "pre",
-        "font-family": "'Menlo', 'Consolas', monospace",
-        "font-size": "13px",
-        "font-weight": "500",
-        "line-height": "18px",
-        "border-radius": "15px",
-        "color": "#FFFFFF",
-        "background": "#262F3D",
-        "overflow": "hidden", // only the content should scroll so the header remains fixed.
-        "width": "100%",
-        "min-width": "100%",
-        "--header-color": "inherit",
-        "--header-border": "#00000010",
-        "--header-background": "inherit",
-        "--selected-language-color": "inherit",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return CodeBlockElement = _classThis;
 })();
 export { CodeBlockElement };
@@ -284,21 +297,50 @@ export const CodeBlock = Elements.wrapper(CodeBlockElement);
 export const NullCodeBlock = Elements.create_null(CodeBlockElement);
 // CodePre.
 let CodePreElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "CodePreElement",
+            default_style: {
+                "margin": "0px 0px 0px 0px",
+                "padding": "15px 20px 15px 20px",
+                "text-align": "start",
+                "white-space": "pre",
+                "font-family": "'Menlo', 'Consolas', monospace",
+                "font-size": "13px",
+                "font-weight": "500",
+                "line-height": "16px",
+                "border-radius": "15px",
+                "color": "#FFFFFF",
+                "background": "#262F3D",
+                "tab-size": 4,
+                "overflow": "scroll visible",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.pre;
-    var CodePreElement = _classThis = class extends _classSuper {
+    var CodePreElement = 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);
+            CodePreElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // Attributes.
+        code;
+        tokens = null;
+        allow_animation;
+        animate_promise;
+        tokenizer;
+        language = "";
         // Constructor.
         constructor(code = "") {
             // Initialize base class.
             super({
                 derived: CodePreElement,
             });
-            this.tokens = null;
-            this.language = "";
             // Attributes.
             this.code = code;
             // Set code.
@@ -515,31 +557,6 @@ let CodePreElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "CodePreElement");
-    (() => {
-        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);
-        CodePreElement = _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": "15px 20px 15px 20px",
-        "text-align": "start",
-        "white-space": "pre",
-        "font-family": "'Menlo', 'Consolas', monospace",
-        "font-size": "13px",
-        "font-weight": "500",
-        "line-height": "16px",
-        "border-radius": "15px",
-        "color": "#FFFFFF",
-        "background": "#262F3D",
-        "tab-size": 4,
-        "overflow": "scroll visible",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return CodePreElement = _classThis;
 })();
 export { CodePreElement };
@@ -557,13 +574,32 @@ export const NullCodePre = Elements.create_null(CodePreElement);
         @descr: The code line content.
  */
 let CodeLineElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "CodeLineElement",
+            default_style: {
+                "font-family": "\"Menlo\", \"Consolas\", monospace",
+                "font-size": "0.90em",
+                "font-style": "italic",
+                "background": "#000000",
+                "color": "#FFFFFF",
+                "border-radius": "10px",
+                "white-space": "pre",
+                "padding": "2.5px 7.5px 2.5px 7.5px",
+            }
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.span;
-    var CodeLineElement = _classThis = class extends _classSuper {
+    var CodeLineElement = 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);
+            CodeLineElement = _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.
@@ -599,26 +635,6 @@ let CodeLineElement = (() => {
             return text;
         }
     };
-    __setFunctionName(_classThis, "CodeLineElement");
-    (() => {
-        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);
-        CodeLineElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "font-family": "\"Menlo\", \"Consolas\", monospace",
-        "font-size": "0.90em",
-        "font-style": "italic",
-        "background": "#000000",
-        "color": "#FFFFFF",
-        "border-radius": "10px",
-        "white-space": "pre",
-        "padding": "2.5px 7.5px 2.5px 7.5px",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return CodeLineElement = _classThis;
 })();
 export { CodeLineElement };
@@ -650,20 +666,53 @@ export const NullCodeLine = Elements.create_null(CodeLineElement);
         @descr: Highlight the code content.
  */
 let MultiLanguageCodeBlockElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "MultiLanguageCodeBlockElement",
+            default_style: {
+                ...VStackElement.default_style,
+                "font-family": "'Menlo', 'Consolas', monospace",
+                "background": "black",
+                "color": "white",
+                "box-shadow": "0px 0px 5px #00000005",
+                "font-size": "13px",
+                "line-height": "18px",
+                "border-radius": "10px",
+                "tab-size": 4,
+                "--mlcb-tint": "white",
+                "--mlcb-div-bg": "grey",
+                "--mlcb-title-opac": 0.7,
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VStackElement;
-    var MultiLanguageCodeBlockElement = _classThis = class extends _classSuper {
+    var MultiLanguageCodeBlockElement = 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);
+            MultiLanguageCodeBlockElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // Attributes.
+        _fg;
+        _tint;
+        _div_bg;
+        _title_opac;
+        _pre_nodes = [];
+        _title_nodes = [];
+        header;
+        _copy_img;
+        // @ts-expect-error
+        content;
+        divider;
         // Constructor.
         constructor(args) {
             // Inherit.
             super();
-            this._pre_nodes = [];
-            this._title_nodes = [];
-            this._init_derived({
+            this._init({
                 derived: MultiLanguageCodeBlockElement,
             });
             // Specify.
@@ -946,30 +995,6 @@ let MultiLanguageCodeBlockElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "MultiLanguageCodeBlockElement");
-    (() => {
-        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);
-        MultiLanguageCodeBlockElement = _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-family": "'Menlo', 'Consolas', monospace",
-        "background": "black",
-        "color": "white",
-        "box-shadow": "0px 0px 5px #00000005",
-        "font-size": "13px",
-        "line-height": "18px",
-        "border-radius": "10px",
-        "tab-size": 4,
-        "--mlcb-tint": "white",
-        "--mlcb-div-bg": "grey",
-        "--mlcb-title-opac": 0.7,
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return MultiLanguageCodeBlockElement = _classThis;
 })();
 export { MultiLanguageCodeBlockElement };

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

@@ -1 +0,0 @@
-export {};

package/frontend/dist/ui/color.js

@@ -1,7 +1,7 @@
+"use strict";
 // // Imports.
 // import { Colors } from "../modules/colors"
 // import { Elements } from "../elements/module.js"
-export {};
 // // Types.
 // type Hex = string;
 // type RGBArray = number[];

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

@@ -1,5 +1,6 @@
-import { VStackElement } from "./stack";
-export declare class ContextMenuElement extends VStackElement {
+import { VElementBaseSignature } from "../elements/module.js";
+declare const ContextMenuElement_base: VElementBaseSignature;
+export declare class ContextMenuElement extends ContextMenuElement_base {
     remove_child_callback: any;
     constructor(content: {
         label: string;
@@ -28,3 +29,4 @@ declare global {
         on_context_menu(callback?: Function | ContextMenuElement | any[]): this;
     }
 }
+export {};

package/frontend/dist/ui/context_menu.js

@@ -36,30 +36,37 @@ 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 { Button } from "./button";
 import { VStackElement } from "./stack";
 // Context Menu.
 let ContextMenuElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "ContextMenuElement",
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VStackElement;
-    var ContextMenuElement = _classThis = class extends _classSuper {
+    var ContextMenuElement = 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);
+            ContextMenuElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // Attributes.
+        remove_child_callback;
         // Constructor.
         // The content may either be an array with nodes, or an array with object like {label: ..., on_click: (element, event) => {}, on_render: (element) => {}}.
         // A node / object may also be "null" and it will be ignored.
         constructor(content) {
             // Initialize base classes.
             super();
-            this._init_derived({
+            this._init({
                 derived: ContextMenuElement,
             });
             // Append content.
@@ -142,14 +149,6 @@ let ContextMenuElement = (() => {
             return this;
         }
     };
-    __setFunctionName(_classThis, "ContextMenuElement");
-    (() => {
-        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);
-        ContextMenuElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return ContextMenuElement = _classThis;
 })();
 export { ContextMenuElement };
@@ -180,7 +179,7 @@ Elements.extend({
                 return this.oncontextmenu ?? undefined;
             }
         }
-        if (callback instanceof ContextMenuElement || callback.element_type === "ContextMenu") {
+        if (callback instanceof ContextMenuElement || callback.element_name === "ContextMenuElement") {
             this._context_menu = callback;
             const _this_ = this;
             this.oncontextmenu = (event) => {

package/frontend/dist/ui/css.js

@@ -4,6 +4,8 @@
  */
 // Button.
 export class Stylesheet {
+    // Attributes.
+    _element;
     // Constructor.
     constructor(data, auto_append = false) {
         this._element = document.createElement("style");

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

@@ -1,12 +1,5 @@
 import { VElementTagMap } from "../elements/module.js";
 export declare class DividerElement extends VElementTagMap.div {
-    static default_style: {
-        margin: string;
-        padding: string;
-        width: string;
-        height: string;
-        "min-height": string;
-    };
     constructor();
 }
 export declare const Divider: <Extensions extends object = {}>() => DividerElement & Extensions;

package/frontend/dist/ui/divider.js

@@ -36,45 +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";
 // Divider.
 let DividerElement = (() => {
-    var _a;
-    let _classDecorators = [(_a = Elements).register.bind(_a)];
+    let _classDecorators = [Elements.create({
+            name: "DividerElement",
+            default_style: {
+                "margin": "0px",
+                "padding": "0px",
+                "width": "100%",
+                "height": "1px",
+                "min-height": "1px",
+                // "background": "black",
+            },
+        })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = VElementTagMap.div;
-    var DividerElement = _classThis = class extends _classSuper {
+    var DividerElement = 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);
+            DividerElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // Constructor.
         constructor() {
             super({
                 derived: DividerElement,
             });
         }
     };
-    __setFunctionName(_classThis, "DividerElement");
-    (() => {
-        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);
-        DividerElement = _classThis = _classDescriptor.value;
-        if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-    })();
-    _classThis.default_style = {
-        "margin": "0px",
-        "padding": "0px",
-        "width": "100%",
-        "height": "1px",
-        "min-height": "1px",
-        // "background": "black",
-    };
-    (() => {
-        __runInitializers(_classThis, _classExtraInitializers);
-    })();
     return DividerElement = _classThis;
 })();
 export { DividerElement };

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

@@ -1,8 +1,12 @@
-import { VStackElement, HStackElement, AnchorHStackElement } from "./stack";
+import { VElementBaseSignature } from "../elements/module.js";
+import { HStackElement, AnchorHStackElement } from "./stack";
 import { ImageMaskElement } from "./image";
+import { AnyElement } from "./any_element.js";
 type DropdownCallback = (element: DropdownElement) => void;
-export declare class DropdownElement extends VStackElement {
-    target: HTMLElement;
+declare const DropdownElement_base: VElementBaseSignature;
+export declare class DropdownElement extends DropdownElement_base {
+    static element_name: string;
+    target: AnyElement | HTMLElement;
     animate: boolean;
     duration: number;
     side?: string;
@@ -33,7 +37,7 @@ export declare class DropdownElement extends VStackElement {
     animation_timeout: any;
     close_handler?: Function;
     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: HTMLElement;
+        target: AnyElement | HTMLElement;
         animate?: boolean;
         duration?: number;
         side?: string;
@@ -56,7 +60,8 @@ export declare class DropdownElement extends VStackElement {
             on_click?: Function;
             on_click_redirect?: string;
             anchor?: boolean;
-        };
+            ellipsis_overflow?: boolean;
+        }[];
     });
     _get_frame(): void;
     toggle(): this;
@@ -81,7 +86,7 @@ export declare class DropdownElement extends VStackElement {
     content_opacity(value: number): this;
 }
 export declare const Dropdown: <Extensions extends object = {}>(args_0: {
-    target: HTMLElement;
+    target: AnyElement | HTMLElement;
     animate?: boolean;
     duration?: number;
     side?: string;
@@ -104,7 +109,8 @@ export declare const Dropdown: <Extensions extends object = {}>(args_0: {
         on_click?: Function;
         on_click_redirect?: string;
         anchor?: boolean;
-    };
+        ellipsis_overflow?: boolean;
+    }[];
 }) => DropdownElement & Extensions;
 export declare const NullDropdown: <Extensions extends object = {}>() => DropdownElement & Extensions;
 declare module './any_element.d.ts' {