cedro 0.1.12 → 0.1.13

package/lib/ui/widget.ui.js

@@ -1,964 +0,0 @@
-import { UID } from "../core/uid";
-import { addNewWidget, connectWidget } from "./widget.collection";
-export var WidgetTypes;
-(function (WidgetTypes) {
-    WidgetTypes[WidgetTypes["FILL"] = 1] = "FILL";
-    WidgetTypes[WidgetTypes["CUSTOM"] = 2] = "CUSTOM";
-    WidgetTypes[WidgetTypes["FREE"] = 3] = "FREE";
-})(WidgetTypes || (WidgetTypes = {}));
-export var WidgetAlignTypes;
-(function (WidgetAlignTypes) {
-    WidgetAlignTypes[WidgetAlignTypes["HORIZONTAL"] = 1] = "HORIZONTAL";
-    WidgetAlignTypes[WidgetAlignTypes["VERTICAL"] = 2] = "VERTICAL";
-})(WidgetAlignTypes || (WidgetAlignTypes = {}));
-export class Widget {
-    constructor(id = "", bodyTagName = "div", parent = null) {
-        Object.defineProperty(this, "id", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "subscribers", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "padding", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "left", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "top", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "width", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "height", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "initialWidth", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "initialHeight", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "overflow", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "fixedSize", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "type", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "align", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "visible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "enabled", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "parent", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "childs", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "bodyTagName", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "body", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.id = id ? id : UID();
-        this.overflow = false;
-        this.subscribers = new Map();
-        this.padding = 0;
-        this.left = 0;
-        this.top = 0;
-        this.width = 0;
-        this.height = 0;
-        this.initialWidth = 0;
-        this.initialHeight = 0;
-        this.fixedSize = null;
-        this.type = WidgetTypes.FREE;
-        this.align = WidgetAlignTypes.VERTICAL;
-        this.visible = true;
-        this.enabled = true;
-        this.parent = parent;
-        this.childs = [];
-        this.bodyTagName = bodyTagName;
-        this.body = document.createElement(this.bodyTagName);
-        this.body.id = `WUI.${id}.body`;
-        if (parent) {
-            //this.setType(WidgetTypes.CUSTOM);
-            parent.addChild(this);
-            parent.getBody().appendChild(this.body);
-        }
-        else {
-            this.setType(WidgetTypes.FREE);
-            document.body.appendChild(this.body);
-        }
-        this.body.addEventListener("click", (e) => {
-            this.subscribers.forEach((callback) => {
-                if (callback.event == "click") {
-                    callback.then(e, this);
-                }
-            });
-        });
-        this.body.addEventListener("mousedown", (e) => {
-            this.subscribers.forEach((callback) => {
-                if (callback.event == "mousedown") {
-                    callback.then(e, this);
-                }
-            });
-        });
-        this.body.addEventListener("mouseup", (e) => {
-            this.subscribers.forEach((callback) => {
-                if (callback.event == "mouseup") {
-                    callback.then(e, this);
-                }
-            });
-        });
-        this.body.addEventListener("mousemove", (e) => {
-            this.subscribers.forEach((callback) => {
-                if (callback.event == "mousemove") {
-                    callback.then(e, this);
-                }
-            });
-        });
-        this.body.addEventListener("wheel", (e) => {
-            this.subscribers.forEach((callback) => {
-                if (callback.event == "wheel") {
-                    callback.then(e, this);
-                }
-            });
-        });
-        this.body.addEventListener("mouseout", (e) => {
-            this.subscribers.forEach((callback) => {
-                if (callback.event == "mouseout") {
-                    callback.then(e, this);
-                }
-            });
-        });
-        this.body.addEventListener("mouseleave", (e) => {
-            this.subscribers.forEach((callback) => {
-                if (callback.event == "mouseleave") {
-                    callback.then(e, this);
-                }
-            });
-        });
-        this.init();
-        this.getMaxZIndex();
-        addNewWidget(this.id, this);
-    }
-    run(eventId) {
-        this.subscribers.forEach((callback) => {
-            if (callback.event == eventId) {
-                callback.then(new Event(eventId), this);
-            }
-        });
-    }
-    subscribe(cb) {
-        const randomId = Math.random().toString(36).substring(2, 15) +
-            Math.random().toString(36).substring(2, 15);
-        this.subscribers.set(`${randomId}.${cb.event}`, cb);
-    }
-    unsubscribe(event) {
-        this.subscribers.delete(`${event}`);
-    }
-    /**
-     * Sets the padding value for the object.
-     *
-     * @param {number} p - The padding value to set.
-     * @return {void} This function does not return a value.
-     */
-    setPadding(p) {
-        this.padding = p;
-    }
-    /**
-     * Sets the value of x and updates the left position of the element.
-     *
-     * @param {number} x - The new value of x.
-     * @return {void} This function does not return anything.
-     */
-    setX(x) {
-        this.left = x;
-        this.body.style.left = `${x}px`;
-    }
-    /**
-     * Sets the value of the 'y' property and updates the 'top' and 'body.style.top' properties accordingly.
-     *
-     * @param {number} y - The new value for the 'y' property.
-     * @return {void} This function does not return a value.
-     */
-    setY(y) {
-        this.top = y;
-        this.body.style.top = `${y}px`;
-    }
-    /**
-     * Sets the width of the element and updates the corresponding inline style.
-     *
-     * @param {number} w - The new width value.
-     * @return {void} This function does not return a value.
-     */
-    setW(w) {
-        //this.width = w;
-        this.body.style.width = `${w}px`;
-    }
-    /**
-     * Sets the initial value of the width property.
-     *
-     * @param {number} w - The initial width value.
-     * @return {void} This function does not return a value.
-     */
-    setInitialW(w) {
-        this.initialWidth = w;
-    }
-    /**
-     * Sets the value of the height property and updates the height of the element.
-     *
-     * @param {number} h - The new height value.
-     * @return {void} This function does not return any value.
-     */
-    setH(h) {
-        //this.height = h;
-        this.body.style.height = `${h}px`;
-    }
-    /**
-     * Sets the initial height of the object.
-     *
-     * @param {number} h - The initial height value to set.
-     * @return {void} This function does not return a value.
-     */
-    setInitialH(h) {
-        this.initialHeight = h;
-    }
-    /**
-     * Sets the width and height of the element.
-     *
-     * @param {number} w - The width to set.
-     * @param {number} h - The height to set.
-     * @return {void} This function does not return anything.
-     */
-    setWH(w, h) {
-        this.width = w;
-        this.height = h;
-        this.body.style.width = `${w}px`;
-        this.body.style.height = `${h}px`;
-        //ejecutar los subscriptores
-        this.subscribers.forEach((callback) => {
-            if (callback.event == "resize") {
-                callback.then(new Event("resize"), this);
-            }
-        });
-    }
-    setFixedSize(s) {
-        this.fixedSize = s;
-    }
-    /**
-     * Sets the type of the widget.
-     *
-     * @param {WidgetTypes} type - The type of widget to set.
-     * @return {void} This function does not return anything.
-     */
-    setType(type) {
-        this.type = type;
-        let freeStyle = false;
-        if (this.type === WidgetTypes.FREE) {
-            freeStyle = true;
-        }
-        const parent = this.getParent();
-        if (parent) {
-            if (parent.type === WidgetTypes.FREE) {
-                freeStyle = true;
-            }
-        }
-        if (freeStyle) {
-            this.deleteClass("WUINonFreePosition");
-            this.addClass("WUIFixPosition");
-            this.body.style.left = "";
-            this.body.style.top = "";
-            this.body.style.width = "";
-            this.body.style.height = "";
-            this.body.style.bottom = "";
-            this.body.style.right = "";
-        }
-        else {
-            if (this.type === WidgetTypes.CUSTOM || this.type === WidgetTypes.FILL) {
-                // this.body.style.position = "absolute";
-                // this.body.style.overflow = "hidden";
-                this.deleteClass("WUIFixPosition");
-                this.addClass("WUINonFreePosition");
-            }
-        }
-        if (this.initialWidth != 0) {
-            this.body.style.width = `${this.initialWidth}px`;
-        }
-        if (this.initialHeight != 0) {
-            this.body.style.height = `${this.initialHeight}px`;
-        }
-    }
-    /**
-     * Sets the alignment of the widget.
-     *
-     * @param {WidgetAlignTypes} align - The alignment to set.
-     * @return {void}
-     */
-    setAlign(align) {
-        this.align = align;
-    }
-    /**
-     * Sets the visibility of the element.
-     *
-     * @param {boolean} visible - The visibility state of the element.
-     * @return {void}
-     */
-    setVisible(visible) {
-        this.visible = visible;
-        this.body.style.display = visible ? "" : "none";
-    }
-    /**
-     * Sets the enabled status of the object.
-     *
-     * @param {boolean} enabled - The new enabled status.
-     * @return {void} This function does not return a value.
-     */
-    setEnabled(enabled) {
-        this.enabled = enabled;
-    }
-    /**
-     * Sets the parent of the widget.
-     *
-     * @param {IWidget | null} parent - The parent widget or null if there is no parent.
-     * @return {void} This function does not return anything.
-     */
-    setParent(parent) {
-        if (this.parent) {
-            if (this.body) {
-                if (this.body.parentNode) {
-                    this.body.parentNode.removeChild(this.body);
-                }
-            }
-        }
-        this.parent = parent;
-        this.parent?.body.appendChild(this.body);
-        this.setType(this.type); //TODO: revisar, se coloca para tratar de que reconozca al padre como freestyle en caso de serlo.
-        //this.parent?.addChild(this);
-    }
-    /**
-     * Sets the body of the element.
-     *
-     * @param {HTMLElement} body - The new body element.
-     * @return {void} This function does not return anything.
-     */
-    setBody(body) {
-        if (this.body.parentNode) {
-            this.body.parentNode.removeChild(this.body);
-        }
-        this.body = body;
-        this.parent?.getBody().appendChild(this.body);
-    }
-    /**
-     * Sets the array of child widgets for this widget.
-     *
-     * @param {IWidget[]} childs - The array of child widgets to set.
-     * @return {void}
-     */
-    setChilds(childs) {
-        this.childs = childs;
-    }
-    /**
-     * Sets the overflow value.
-     *
-     * @param {boolean} overflow - The new value for the overflow.
-     * @return {void} This function does not return a value.
-     */
-    setOverflow(overflow) {
-        this.overflow = overflow;
-        this.getBody().style.overflow = this.overflow ? "auto" : "hidden";
-    }
-    /**
-     * Adds a CSS class to the list of CSS classes.
-     *
-     * @param {string} cssClass - The CSS class to add.
-     * @return {void}
-     */
-    addClass(cssClass) {
-        this.body.classList.add(cssClass);
-    }
-    /**
-     * Deletes a CSS class from the list of CSS classes.
-     *
-     * @param {string} cssClass - The CSS class to be deleted.
-     * @return {void} This function does not return a value.
-     */
-    deleteClass(cssClass) {
-        this.body.classList.remove(cssClass);
-    }
-    deleteAllClasses() {
-        this.body.classList.forEach((cssClass) => {
-            this.deleteClass(cssClass);
-        });
-    }
-    /**
-     * Retrieves the padding value.
-     *
-     * @return {number} The padding value.
-     */
-    getPadding() {
-        return this.padding;
-    }
-    /**
-     * Retrieves the value of the 'left' property.
-     *
-     * @return {number} The value of the 'left' property.
-     */
-    getX(recursive = false) {
-        if (!recursive) {
-            return this.left;
-        }
-        const parent = this.getParent();
-        if (parent) {
-            return this.left + parent.getX(true);
-        }
-        return this.left;
-    }
-    /**
-     * Retrieves the value of Y.
-     *
-     * @return {number} The value of Y.
-     */
-    getY(recursive = false) {
-        if (!recursive) {
-            return this.top;
-        }
-        const parent = this.getParent();
-        if (parent) {
-            return this.top + parent.getY(true);
-        }
-        return this.top;
-    }
-    /**
-     * Get the width of the object.
-     *
-     * @return {number} The width of the object.
-     */
-    getW() {
-        //return this.width;
-        return this.getBody().clientWidth;
-    }
-    /**
-     * Returns the value of the height property.
-     *
-     * @return {number} The value of the height property.
-     */
-    getH() {
-        //return this.height;
-        return this.getBody().clientHeight;
-    }
-    /**
-     * Returns the position of the element relative to the viewport.
-     *
-     * @param {boolean} scroll - Indicates whether to account for scrolling in the position calculation. Defaults to false.
-     * @return {Vector2D} An object with x and y properties representing the position of the element.
-     */
-    getPosition(scroll = false) {
-        var box = this.getBody().getBoundingClientRect();
-        var body = document.body;
-        var docElem = document.documentElement;
-        var scrollTop = scroll ? docElem.scrollTop || body.scrollTop : 0;
-        var scrollLeft = scroll ? docElem.scrollLeft || body.scrollLeft : 0;
-        var clientTop = docElem.clientTop || body.clientTop || 0;
-        var clientLeft = docElem.clientLeft || body.clientLeft || 0;
-        var top = box.top + scrollTop - clientTop;
-        var left = box.left + scrollLeft - clientLeft;
-        return { x: Math.round(left), y: Math.round(top) };
-    }
-    getFixedSize() {
-        return this.fixedSize;
-    }
-    /**
-     * Returns the type of the widget.
-     *
-     * @return {WidgetTypes} The type of the widget.
-     */
-    getType() {
-        return this.type;
-    }
-    /**
-     * Retrieves the alignment of the widget.
-     *
-     * @return {WidgetAlignTypes} The alignment of the widget.
-     */
-    getAlign() {
-        return this.align;
-    }
-    /**
-     * Retrieves the value of the enabled flag.
-     *
-     * @return {boolean} The value of the enabled flag.
-     */
-    getEnabled() {
-        return this.enabled;
-    }
-    /**
-     * Returns the visibility status of the element.
-     *
-     * @return {boolean} The visibility status of the element.
-     */
-    getVisible() {
-        return this.visible;
-    }
-    /**
-     * Retrieves the parent widget of this widget.
-     *
-     * @return {IWidget | null} The parent widget or null if there is no parent.
-     */
-    getParent() {
-        return this.parent;
-    }
-    /**
-     * Returns the body element of the object.
-     *
-     * @return {HTMLElement} The body element.
-     */
-    getBody() {
-        return this.body;
-    }
-    /**
-     * Retrieves the array of child widgets.
-     *
-     * @return {IWidget[]} The array of child widgets.
-     */
-    getChilds() {
-        return this.childs;
-    }
-    /**
-     * Returns the value of the 'overflow' property.
-     *
-     * @return {boolean} The value of the 'overflow' property.
-     */
-    getOverflow() {
-        return this.overflow;
-    }
-    /**
-     * Adds a child widget to the current widget.
-     *
-     * @param {IWidget} child - The widget to be added.
-     * @return {void} - This function does not return anything.
-     */
-    addChild(child = null) {
-        if (!child)
-            return;
-        this.childs.push(child);
-        child.setParent(this);
-        child.init();
-        /*child.resize();
-        child.render();*/
-    }
-    populate() {
-        //se agrega a si mismo a window.w y a sus hijos.
-        if (!window.w.get(this.id)) {
-            window.w.set(this.id, this);
-        }
-        for (const child of this.childs) {
-            child.populate();
-        }
-    }
-    /**
-     * Disables the selection feature.
-     *
-     * @param {void} -
-     * @return {void} -
-     */
-    disableSelection() {
-        console.log("disableSelection");
-    }
-    /**
-     * Enables selection.
-     *
-     */
-    enableSelection() {
-        console.log("enableSelection");
-    }
-    /**
-     * Hides the element by setting its visibility to false.
-     *
-     * @param {void} -
-     * @return {void} -
-     */
-    hide() {
-        this.setVisible(false);
-    }
-    /**
-     * Initializes the function.
-     *
-     * @param {type} paramName - description of parameter
-     * @return {type} description of return value
-     */
-    init() {
-        let freeStyle = false;
-        if (this.type === WidgetTypes.FREE) {
-            freeStyle = true;
-        }
-        const parent = this.getParent();
-        if (parent) {
-            if (parent.type === WidgetTypes.FREE) {
-                freeStyle = true;
-            }
-        }
-        if (!freeStyle) {
-            this.deleteClass("WUIFixPosition");
-            this.addClass("WUINonFreePosition");
-            // this.body.style.position = "absolute";
-            // this.body.style.overflow = "hidden";
-        }
-        this.initPosition();
-    }
-    /**
-     * Initializes the position.
-     *
-     * @param {void} - No parameters required.
-     * @return {void} - No return value.
-     */
-    initPosition() {
-        if (this.type === WidgetTypes.FILL) {
-            if (!this.parent) {
-                this.setX(0);
-                this.setY(0);
-                this.setWH(window.innerWidth, window.innerHeight);
-            }
-            else {
-                //Si tiene padre que lo controle el padre!
-                return;
-            }
-        }
-    }
-    /**
-     * Renders the component.
-     *
-     * @return {void}
-     */
-    render() {
-        //this.initPosition();
-        const padding = this.padding;
-        const size = this.align === WidgetAlignTypes.HORIZONTAL ? this.width : this.height;
-        let currentPosition = padding;
-        //Obtener el available size si hay elementos con fixed size
-        let sumFixedSizes = 0;
-        let totalFillElements = 0;
-        for (const child of this.childs) {
-            if (child.type === WidgetTypes.FILL) {
-                totalFillElements++;
-            }
-        }
-        let freeElements = totalFillElements;
-        for (const child of this.childs) {
-            if (child.getFixedSize() !== null) {
-                sumFixedSizes += child.getFixedSize();
-                freeElements--;
-            }
-        }
-        let availableSize = size - sumFixedSizes;
-        /**
-         * Elementos que tienen un padre LIBRE
-         * ===================================
-         */
-        const myParent = this.getParent();
-        if (myParent) {
-            if (myParent.type === WidgetTypes.FREE) {
-                //this.getBody().style.position = "relative";
-                this.addClass("WUIFixPosition");
-                this.getBody().style.left = "";
-                this.getBody().style.top = "";
-                this.getBody().style.height = "";
-                this.getBody().style.width = "";
-                if (this.initialWidth != 0) {
-                    this.getBody().style.width = `${this.initialWidth}px`;
-                }
-                if (this.initialHeight != 0) {
-                    this.getBody().style.height = `${this.initialHeight}px`;
-                }
-            }
-        }
-        /************************************ */
-        for (const child of this.childs) {
-            if (child.type !== WidgetTypes.FILL) {
-                child.render();
-                continue;
-            }
-            let elementSize = (availableSize - padding) / freeElements;
-            if (child.getFixedSize() !== null) {
-                elementSize = child.getFixedSize();
-            }
-            if (this.align === WidgetAlignTypes.HORIZONTAL) {
-                child.setY(padding);
-                child.setX(currentPosition);
-                if (child.type === WidgetTypes.FILL) {
-                    child.setWH(elementSize - padding, this.getH() - padding * 2);
-                }
-                else {
-                    child.setWH(elementSize - padding, this.getH() - padding * 2);
-                }
-            }
-            else if (this.align === WidgetAlignTypes.VERTICAL) {
-                child.setX(padding);
-                child.setY(currentPosition);
-                if (child.type === WidgetTypes.FILL) {
-                    child.setWH(this.getW() - padding * 2, elementSize - padding);
-                }
-                else {
-                    child.setWH(this.getW() - padding * 2, elementSize - padding);
-                }
-            }
-            currentPosition += elementSize;
-            child.render();
-        }
-        this.subscribers.forEach((callback) => {
-            if (callback.event == "render") {
-                callback.then(new Event("render"), this);
-            }
-        });
-    }
-    /**
-     * Resizes the element and its child elements.
-     */
-    resize() {
-        // Initialize the position of the element
-        this.initPosition();
-        this.render();
-    }
-    /**
-     * Displays the element on the screen.
-     *
-     * @return {void} - Does not return a value.
-     */
-    display() {
-        this.setVisible(true);
-    }
-    /**
-     * Toggles the visibility of something.
-     *
-     * @return {void} Nothing is returned.
-     */
-    toggle() {
-        this.setVisible(!this.visible);
-    }
-    renderHTML(content) {
-        this.body.appendChild(content);
-        return content;
-    }
-    getMaxZIndex(maxZindex = 0, node = null) {
-        const parent = node ? node : document.body;
-        if (parent instanceof HTMLElement) {
-            if (parseInt(window.getComputedStyle(parent).zIndex) > maxZindex) {
-                maxZindex = parseInt(window.getComputedStyle(parent).zIndex);
-            }
-        }
-        parent?.childNodes.forEach((child) => {
-            maxZindex = this.getMaxZIndex(maxZindex, child);
-        });
-        return maxZindex;
-    }
-    setZIndex(zIndex) {
-        this.getBody().style.zIndex = `${zIndex}`;
-    }
-    raisteTop() {
-        this.setZIndex(this.getMaxZIndex() + 1);
-    }
-    raiseBottom() {
-        this.setZIndex(0);
-    }
-    /**
-     * Attaches a widget to the current widget and delete all pre-existents widgets
-     *
-     * @param {IWidget} guest - The widget to attach.
-     * @return {void} This function does not return anything.
-     */
-    attachWidget(guest) {
-        this.removeAllChilds();
-        this.addChild(guest);
-        guest.setParent(this);
-        guest.render();
-        this.resize();
-        this.render();
-    }
-    /**
-     * Removes all child nodes from the current element.
-     *
-     * @return {void} No return value.
-     */
-    removeAllChilds() {
-        while (this.getBody().childNodes.length > 0) {
-            const child = this.getBody().firstChild;
-            if (child)
-                this.getBody().removeChild(child);
-        }
-        this.childs = [];
-    }
-    free() {
-        if (this.childs) {
-            for (const child of this.childs) {
-                child.free();
-            }
-        }
-        window.w.delete(this.id);
-        const body = this.getBody();
-        const parent = body.parentNode;
-        if (!parent && !body)
-            return;
-        parent?.removeChild(body);
-    }
-    dispose() {
-        this.removeAllChilds();
-        const body = this.getBody();
-        const parent = body.parentNode;
-        parent?.removeChild(body);
-    }
-}
-export function getOnlyEventProps(props) {
-    const eventProps = {
-        onClick: props.onClick,
-        onDrag: props.onDrag,
-        onResize: props.onResize,
-        onMouseDown: props.onMouseDown,
-        onMouseUp: props.onMouseUp,
-        onMouseMove: props.onMouseMove,
-        onMouseOut: props.onMouseOut,
-        onMouseLeave: props.onMouseLeave,
-        onWheel: props.onWheel,
-        onRender: props.onRender,
-    };
-    return eventProps;
-}
-export function connectWidgetCallback(id, props) {
-    if (!id)
-        return;
-    connectWidget("widget-added-" + id, {
-        event: "widget-load",
-        then: (_e, _w) => {
-            const widget = w.get(id);
-            if (widget) {
-                widget.subscribe({
-                    event: "click",
-                    then: (_e, _w) => {
-                        props.onClick ? props.onClick({}) : null;
-                    },
-                });
-                widget.subscribe({
-                    event: "drag",
-                    then: (_e, _w) => {
-                        props.onDrag ? props.onDrag({}) : null;
-                    },
-                });
-                widget.subscribe({
-                    event: "resize",
-                    then: (_e, _w) => {
-                        props.onResize ? props.onResize({}) : null;
-                    },
-                });
-                widget.subscribe({
-                    event: "mousedown",
-                    then: (_e, _w) => {
-                        props.onMouseDown ? props.onMouseDown({}) : null;
-                    },
-                });
-                widget.subscribe({
-                    event: "mouseup",
-                    then: (_e, _w) => {
-                        props.onMouseUp ? props.onMouseUp({}) : null;
-                    },
-                });
-                widget.subscribe({
-                    event: "mousemove",
-                    then: (_e, _w) => {
-                        props.onMouseMove ? props.onMouseMove({}) : null;
-                    },
-                });
-                widget.subscribe({
-                    event: "mouseout",
-                    then: (_e, _w) => {
-                        props.onMouseOut ? props.onMouseOut({}) : null;
-                    },
-                });
-                widget.subscribe({
-                    event: "mouseleave",
-                    then: (_e, _w) => {
-                        props.onMouseLeave ? props.onMouseLeave({}) : null;
-                    },
-                });
-                widget.subscribe({
-                    event: "wheel",
-                    then: (_e, _w) => {
-                        props.onWheel ? props.onWheel({}) : null;
-                    },
-                });
-                widget.subscribe({
-                    event: "render",
-                    then: (_e, _w) => {
-                        props.onRender ? props.onRender({}) : null;
-                    },
-                });
-            }
-        },
-    });
-}
-//# sourceMappingURL=widget.ui.js.map