cedro 0.1.12 → 0.1.13

package/lib/ui/toolbar.ui.jsx

@@ -1,261 +0,0 @@
-import "./styles/toolbar.css";
-import { Widget, WidgetAlignTypes, WidgetTypes } from "./widget.ui";
-import { IconButton } from "./IconButton.ui";
-import { createWidget, normalizeWidget } from "./widget.builder";
-import { UID } from "../core/uid";
-const TOOLBAR_SIZE = 48;
-const TOOLBAR_BUTTON_SIZE = 40;
-export class Toolbar extends Widget {
-    constructor(id, parent = null, orientationType = "horizontal") {
-        super(id, "div", parent);
-        Object.defineProperty(this, "orientation", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "variant", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "items", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "size", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        }); //Indica el alto o ancho de la toolbar.
-        Object.defineProperty(this, "itemsContainer", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "btnLeft", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "btnRight", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.orientation = orientationType;
-        this.size = TOOLBAR_SIZE;
-        this.items = new Map();
-        this.variant = "outlined";
-        if (this.orientation === "vertical") {
-            this.setAlign(WidgetAlignTypes.VERTICAL);
-        }
-        else {
-            this.setAlign(WidgetAlignTypes.HORIZONTAL);
-        }
-        this.setType(WidgetTypes.FILL);
-        //this.setFixedSize(TOOLBAR_SIZE);
-        this.addClass("WUIToolbar-" + this.variant);
-        this.itemsContainer = new Widget(this.id + ".itemsContainer", "div", this);
-        this.itemsContainer.setType(WidgetTypes.CUSTOM);
-        this.itemsContainer.getBody().style.position = "absolute";
-        this.itemsContainer.getBody().style.overflow = "hidden";
-        this.getBody().style.overflow = "hidden";
-        this.btnLeft = new IconButton(this.id + ".btnLeft", this.getIconLeft());
-        this.btnLeft.setType(WidgetTypes.CUSTOM);
-        this.btnLeft.getBody().style.position = "absolute";
-        this.btnLeft.setW(TOOLBAR_BUTTON_SIZE);
-        this.btnLeft.setH(TOOLBAR_SIZE);
-        this.addChild(this.btnLeft);
-        this.btnRight = new IconButton(this.id + ".btnRight", this.getIconRight());
-        this.btnRight.setType(WidgetTypes.CUSTOM);
-        this.btnRight.getBody().style.position = "absolute";
-        this.btnRight.setW(TOOLBAR_BUTTON_SIZE);
-        this.btnRight.setH(TOOLBAR_SIZE);
-        this.addChild(this.btnRight);
-        this.btnLeft.subscribe({
-            event: "click",
-            then: () => {
-                if (this.orientation === "horizontal") {
-                    this.itemsContainer.getBody().scrollLeft -= TOOLBAR_SIZE;
-                }
-                else {
-                    this.itemsContainer.getBody().scrollTop -= TOOLBAR_SIZE;
-                }
-            },
-        });
-        this.btnRight.subscribe({
-            event: "click",
-            then: () => {
-                if (this.orientation === "horizontal") {
-                    this.itemsContainer.getBody().scrollLeft += TOOLBAR_SIZE;
-                }
-                else {
-                    this.itemsContainer.getBody().scrollTop += TOOLBAR_SIZE;
-                }
-            },
-        });
-    }
-    setVariant(variant) {
-        this.deleteClass("WUIToolbar-" + this.variant);
-        this.variant = variant;
-        this.addClass("WUIToolbar-" + this.variant);
-    }
-    getIconLeft() {
-        if (this.orientation === "horizontal") {
-            return "arrow_left";
-        }
-        return "arrow_drop_up";
-    }
-    getIconRight() {
-        if (this.orientation === "horizontal") {
-            return "arrow_right";
-        }
-        return "arrow_drop_down";
-    }
-    /**
-     * Set the orientation of the toolbar.
-     *
-     * @param {ToolbarOrientationTypes} orientationType - the type of orientation to set
-     * @return {void}
-     */
-    setOrientation(orientationType, size = TOOLBAR_SIZE) {
-        this.orientation = orientationType;
-        this.size = size;
-    }
-    setSize(size) {
-        this.size = size;
-    }
-    /**
-     * Adds an item to the collection.
-     *
-     * @param {string} id - The ID of the item.
-     * @param {IWidget} widget - The widget to be added.
-     */
-    addItem(id, widget) {
-        widget.setParent(this.itemsContainer);
-        widget.setType(WidgetTypes.CUSTOM);
-        if (this.orientation === "vertical") {
-            widget.setW(this.size);
-        }
-        else {
-            widget.setH(this.size);
-        }
-        this.items.set(id, widget);
-    }
-    init() {
-        super.init();
-    }
-    getFullSize() {
-        //Devuelve el tamaño que tiene la toolbar para mostrar todos los botones.
-        let size = 0;
-        for (const item of this.items.values()) {
-            if (this.orientation === "horizontal") {
-                size += item.getW();
-            }
-            else if (this.orientation === "vertical") {
-                size += item.getH();
-            }
-        }
-        return size;
-    }
-    render() {
-        super.render();
-        const fullSize = this.getFullSize();
-        const parent = this.getParent();
-        const parentH = parent?.getH() || 0;
-        const availableSize = this.orientation === "horizontal" ? this.getW() : parentH;
-        if (fullSize > availableSize) {
-            this.btnLeft.setVisible(true);
-            this.btnRight.setVisible(true);
-            if (this.orientation === "horizontal") {
-                this.itemsContainer.setY(0);
-                this.itemsContainer.setX(TOOLBAR_BUTTON_SIZE);
-                this.itemsContainer.setW(availableSize - TOOLBAR_BUTTON_SIZE * 2);
-                this.itemsContainer.setH(TOOLBAR_SIZE);
-                this.btnLeft.setX(0);
-                this.btnLeft.setW(TOOLBAR_BUTTON_SIZE);
-                this.btnLeft.setH(TOOLBAR_SIZE);
-                this.btnRight.setX(availableSize - TOOLBAR_BUTTON_SIZE);
-                this.btnRight.setW(TOOLBAR_BUTTON_SIZE);
-                this.btnRight.setH(TOOLBAR_SIZE);
-            }
-            else {
-                this.itemsContainer.setY(TOOLBAR_BUTTON_SIZE);
-                this.itemsContainer.setX(0);
-                this.itemsContainer.setW(TOOLBAR_SIZE);
-                this.itemsContainer.setH(availableSize - TOOLBAR_BUTTON_SIZE * 2);
-                this.btnLeft.setY(0);
-                this.btnLeft.setW(TOOLBAR_SIZE);
-                this.btnLeft.setH(TOOLBAR_BUTTON_SIZE);
-                this.btnRight.setY(availableSize - TOOLBAR_BUTTON_SIZE);
-                this.btnRight.setW(TOOLBAR_SIZE);
-                this.btnRight.setH(TOOLBAR_BUTTON_SIZE);
-            }
-        }
-        else {
-            this.btnLeft.setVisible(false);
-            this.btnRight.setVisible(false);
-            if (this.orientation === "horizontal") {
-                this.itemsContainer.setY(0);
-                this.itemsContainer.setX(0);
-                this.itemsContainer.setW(fullSize);
-                this.itemsContainer.setH(TOOLBAR_SIZE);
-            }
-            else {
-                this.itemsContainer.setY(0);
-                this.itemsContainer.setX(0);
-                this.itemsContainer.setW(TOOLBAR_SIZE);
-                this.itemsContainer.setH(fullSize);
-            }
-        }
-        let currentPosition = 0;
-        for (const item of this.items.values()) {
-            if (this.orientation === "vertical") {
-                item.setY(currentPosition);
-                currentPosition += item.getH();
-                item.setX(0);
-                item.setW(TOOLBAR_BUTTON_SIZE);
-            }
-            else {
-                item.setX(currentPosition);
-                item.setY(0);
-                item.setH(TOOLBAR_BUTTON_SIZE);
-                currentPosition += item.getW();
-            }
-            item.render();
-        }
-    }
-}
-export const WToolbar = (props) => {
-    if (!props.id) {
-        props.id = "Toolbar." + UID();
-    }
-    return normalizeWidget(<div w-toolbar id={props.id} w-variant={props.variant}>
-            {props.children}
-        </div>, props);
-};
-export function createToolbar(id, content, parent = null) {
-    const dataOrientation = content.getAttribute("w-orientation");
-    const dataVariant = content.getAttribute("w-variant");
-    let orientation = dataOrientation ? dataOrientation : "horizontal";
-    let newToolbar = new Toolbar(id, parent, orientation);
-    if (dataVariant) {
-        newToolbar.setVariant(dataVariant);
-    }
-    content.childNodes.forEach((item) => {
-        const widget = createWidget(item);
-        if (widget !== null) {
-            newToolbar.addItem(widget.id, widget);
-        }
-    });
-    return newToolbar;
-}
-//# sourceMappingURL=toolbar.ui.jsx.map

package/lib/ui/toolbar.ui.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"toolbar.ui.jsx","sourceRoot":"","sources":["../../src/ui/toolbar.ui.tsx"],"names":[],"mappings":"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"}

package/lib/ui/valuebar.ui.d.ts

@@ -1,23 +0,0 @@
-import "./styles/valuebar.css";
-import { OrientationTypes } from "src/types/orientation.type";
-import { Widget } from "./widget.ui";
-import { Draggable } from "./draggable.ui";
-import { WidgetProps } from "./widget.builder";
-export declare class ValueBar extends Widget {
-    orientation: OrientationTypes;
-    value: number;
-    containerBar: Widget;
-    bar: Widget;
-    handler: Widget;
-    draggable: Draggable;
-    constructor(id: string, orientation?: OrientationTypes, parent?: Widget | null);
-    setValue(value: number): void;
-    getValue(): number;
-    updateValueFromHandlerPosition(): void;
-    render(): void;
-}
-export type wValueBarProps = WidgetProps & {
-    value: number;
-};
-export declare const WValueBar: (props: wValueBarProps) => any;
-export declare function createValueBar(id: string, content: any, parent?: Widget | null): ValueBar;

package/lib/ui/valuebar.ui.jsx

@@ -1,144 +0,0 @@
-import "./styles/valuebar.css";
-import { Widget, connectWidgetCallback, getOnlyEventProps } from "./widget.ui";
-import { Draggable } from "./draggable.ui";
-import { normalizeWidget } from "./widget.builder";
-import { UID } from "../core/uid";
-export class ValueBar extends Widget {
-    constructor(id, orientation = "horizontal", parent = null) {
-        super(id, "div", parent);
-        Object.defineProperty(this, "orientation", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "value", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "containerBar", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "bar", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "handler", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "draggable", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.containerBar = new Widget(id + ".containerBar", "div", this);
-        this.bar = new Widget(id + ".bar", "div", this.containerBar);
-        this.handler = new Widget(id + ".handler", "div", this);
-        this.addClass("WUIValueBar");
-        this.containerBar.addClass("WUIValueBarContainer");
-        this.bar.addClass("WUIValueBarBar");
-        this.handler.addClass("WUIValueBarHandler");
-        this.draggable = new Draggable(this.handler, orientation);
-        this.handler.subscribe({
-            event: "drag",
-            then: (_e, _w) => {
-                this.updateValueFromHandlerPosition();
-            },
-        });
-        this.orientation = orientation;
-        this.value = 10;
-        this.handler.raisteTop();
-    }
-    setValue(value) {
-        this.value = value;
-        this.render();
-    }
-    getValue() {
-        return this.value;
-    }
-    updateValueFromHandlerPosition() {
-        if (this.orientation === "horizontal") {
-            const maxX = this.draggable.maxX ? this.draggable.maxX : 1;
-            const ratio = this.handler.getX() / maxX;
-            this.value = Math.round(ratio * 100);
-        }
-        else if (this.orientation === "vertical") {
-            const maxY = this.draggable.maxY ? this.draggable.maxY : 1;
-            const ratio = this.handler.getY() / maxY;
-            this.value = Math.round(ratio * 100);
-        }
-        this.render();
-    }
-    render() {
-        super.render();
-        if (this.orientation === "horizontal") {
-            const handlerSize = 24;
-            const heightBar = 14;
-            const width = this.getW() - 3;
-            const height = this.getH();
-            const widthBar = width * (this.value / 100);
-            this.containerBar.setX(0);
-            this.containerBar.setY(height / 2 - heightBar / 2);
-            this.containerBar.setH(heightBar);
-            this.containerBar.setW(width);
-            this.bar.setX(0);
-            this.bar.setY(0);
-            this.bar.setW(widthBar);
-            this.bar.setH(heightBar - 4);
-            this.handler.setX(widthBar - handlerSize + 2);
-            this.handler.setY(height / 2 - handlerSize / 2);
-            this.handler.setWH(handlerSize, handlerSize);
-            this.draggable.setMinX(0);
-            this.draggable.setMaxX(width - handlerSize + 2);
-        }
-        else if (this.orientation === "vertical") {
-            const handlerSize = 24;
-            const widthBar = 14;
-            const height = this.getH() - 3;
-            const width = this.getW();
-            const heightBar = height * (this.value / 100);
-            this.containerBar.setY(0);
-            this.containerBar.setX(width / 2 - widthBar / 2);
-            this.containerBar.setW(widthBar);
-            this.containerBar.setH(height);
-            this.bar.setX(0);
-            this.bar.setY(0);
-            this.bar.setH(heightBar);
-            this.bar.setW(widthBar - 4);
-            this.handler.setY(heightBar - handlerSize + 2);
-            this.handler.setX(width / 2 - handlerSize / 2);
-            this.handler.setWH(handlerSize, handlerSize);
-            this.draggable.setMinY(0);
-            this.draggable.setMaxY(height - handlerSize + 2);
-        }
-    }
-}
-export const WValueBar = (props) => {
-    if (!props.id) {
-        props.id = "ValueBar." + UID();
-    }
-    connectWidgetCallback(props.id, getOnlyEventProps(props));
-    return normalizeWidget(<div id={props.id} w-valuebar w-value={props.value}></div>, props);
-};
-export function createValueBar(id, content, parent = null) {
-    const dataOrientation = content.getAttribute("w-orientation");
-    const dataValue = content.getAttribute("w-value");
-    let orientation = dataOrientation ? dataOrientation : "horizontal";
-    let newValueBar = new ValueBar(id, orientation, parent);
-    if (dataValue) {
-        newValueBar.setValue(parseInt(dataValue));
-    }
-    return newValueBar;
-}
-//# sourceMappingURL=valuebar.ui.jsx.map

package/lib/ui/valuebar.ui.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"valuebar.ui.jsx","sourceRoot":"","sources":["../../src/ui/valuebar.ui.tsx"],"names":[],"mappings":"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"}

package/lib/ui/vpanel.ui.d.ts

@@ -1,24 +0,0 @@
-import { Draggable } from "./draggable.ui";
-import "./styles/vpanel.css";
-import { WidgetProps } from "./widget.builder";
-import { Widget } from "./widget.ui";
-export declare class VPanel extends Widget {
-    topContent: Widget | null;
-    bottomContent: Widget | null;
-    topHeight: number | null;
-    bottomHeight: number | null;
-    handler: Widget;
-    draggable: Draggable;
-    constructor(id: string, parent?: Widget | null);
-    private updateHandlerOpacity;
-    setTop(content: Widget, fixHeight?: number | null): void;
-    setBottom(content: Widget, fixHeight?: number | null): void;
-    private updateSizeFromHandlerPosition;
-    render(): void;
-    free(): void;
-}
-export type WVPanelProps = WidgetProps & {
-    children: any;
-};
-export declare const WVPanel: (props: WVPanelProps) => any;
-export declare function createVPanel(id: string, content: any, parent?: Widget | null): VPanel;

package/lib/ui/vpanel.ui.jsx

@@ -1,170 +0,0 @@
-import { Draggable } from "./draggable.ui";
-import "./styles/vpanel.css";
-import { createWidget, normalizeWidget } from "./widget.builder";
-import { connectWidgetCallback, getOnlyEventProps, Widget, WidgetAlignTypes, WidgetTypes, } from "./widget.ui";
-const VPANEL_HANDLER_SIZE = 4;
-export class VPanel extends Widget {
-    constructor(id, parent = null) {
-        super(id, "div", parent);
-        Object.defineProperty(this, "topContent", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "bottomContent", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "topHeight", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "bottomHeight", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "handler", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "draggable", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.setAlign(WidgetAlignTypes.VERTICAL);
-        this.setType(WidgetTypes.FILL);
-        //this.setPadding(VPANEL_HANDLER_SIZE);
-        this.handler = new Widget(id + ".handler", "div", null);
-        this.handler.addClass("WUIVPanelHandler");
-        this.draggable = new Draggable(this.handler, "vertical");
-        this.draggable.setDraggingClass("WUIVPanelDragging");
-        this.draggable.setBackgroundCursor("row-resize");
-        this.handler.subscribe({
-            event: "drag",
-            then: (_e, _w) => {
-                this.updateSizeFromHandlerPosition();
-            },
-        });
-        this.subscribe({
-            event: "mousemove",
-            then: (e, _w) => {
-                this.updateHandlerOpacity(e);
-            },
-        });
-        this.topContent = null;
-        this.bottomContent = null;
-        this.topHeight = null;
-        this.bottomHeight = null;
-    }
-    updateHandlerOpacity(e) {
-        const handlerY = this.handler.getY();
-        const mouseY = e.clientY;
-        const umbral = 100; //Distancia donde comienza a aparecer.
-        const minDistance = 20; //Distancia a la que toma 100 de opacidad
-        const distance = Math.abs(mouseY - handlerY);
-        if (distance < umbral && distance > minDistance) {
-            const ratio = 1 - distance / umbral;
-            this.handler.getBody().style.opacity = ratio.toString();
-        }
-        else if (distance < minDistance) {
-            this.handler.getBody().style.opacity = "1";
-        }
-        else {
-            this.handler.getBody().style.opacity = "0";
-        }
-    }
-    setTop(content, fixHeight = null) {
-        this.topContent = content;
-        this.topHeight = fixHeight;
-        if (fixHeight !== null) {
-            this.bottomHeight = null;
-            this.topContent.setFixedSize(fixHeight);
-        }
-        this.addChild(content);
-        const spacer = new Widget("spacer." + Date.now().toString(), "div", null);
-        spacer.setType(WidgetTypes.FILL);
-        spacer.setFixedSize(VPANEL_HANDLER_SIZE);
-        this.addChild(spacer);
-    }
-    setBottom(content, fixHeight = null) {
-        this.bottomContent = content;
-        this.bottomHeight = fixHeight;
-        if (fixHeight !== null) {
-            this.topHeight = null;
-            this.bottomContent.setFixedSize(fixHeight);
-        }
-        this.addChild(content);
-    }
-    updateSizeFromHandlerPosition() {
-        if (this.topHeight !== null) {
-            const topY = this.topContent ? this.topContent.getY(true) : 0;
-            this.topHeight = this.handler.getY() - topY;
-        }
-        else if (this.bottomHeight !== null) {
-            this.bottomHeight = this.getH() - this.handler.getY();
-        }
-        this.render();
-    }
-    render() {
-        super.render();
-        this.handler.setH(VPANEL_HANDLER_SIZE);
-        this.handler.setW(this.getW());
-        if (this.topHeight !== null) {
-            const topY = this.topContent ? this.topContent.getY(true) : 0;
-            this.handler.setY(topY + this.topHeight);
-            this.topContent?.setFixedSize(this.topHeight);
-        }
-        else if (this.bottomHeight !== null) {
-            const bottomY = this.bottomContent ? this.bottomContent.getY(true) : 0;
-            this.handler.setY(bottomY + this.bottomHeight);
-            this.bottomContent?.setFixedSize(this.bottomHeight);
-        }
-        else {
-            if (this.topHeight === null) {
-                this.topHeight = this.getH() / 2 - VPANEL_HANDLER_SIZE / 2;
-            }
-            const topY = this.topContent ? this.topContent.getY(true) : 0;
-            this.handler.setY(topY + this.topHeight);
-            this.topContent?.setFixedSize(this.topHeight);
-        }
-        this.handler.setX(this.getX(true));
-    }
-    free() {
-        this.handler.free();
-        this.topContent?.free();
-        this.bottomContent?.free();
-        //this.draggable.free();
-        super.free();
-    }
-}
-export const WVPanel = (props) => {
-    connectWidgetCallback(props.id, getOnlyEventProps(props));
-    return normalizeWidget(<div w-vpanel>{props.children}</div>, props);
-};
-export function createVPanel(id, content, parent = null) {
-    let newPanel = new VPanel(id, parent);
-    content.childNodes.forEach((item, index) => {
-        const widget = createWidget(item);
-        if (widget !== null) {
-            if (index === 0) {
-                newPanel.setTop(widget, widget.getFixedSize());
-            }
-            else if (index === 1) {
-                newPanel.setBottom(widget);
-            }
-        }
-    });
-    return newPanel;
-}
-//# sourceMappingURL=vpanel.ui.jsx.map

package/lib/ui/vpanel.ui.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"vpanel.ui.jsx","sourceRoot":"","sources":["../../src/ui/vpanel.ui.tsx"],"names":[],"mappings":"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"}