cedro 0.1.8 → 0.1.10

package/src/ui/iconButtonMenu.ui.ts

@@ -1,59 +0,0 @@
-import { IconButton } from "./IconButton.ui";
-import { Menu } from "./menu.ui";
-import { SelectItem } from "./select.ui";
-
-export class IconButtonMenu extends IconButton {
-    menu: Menu;
-    items: Array<SelectItem>;
-    selectedItem: SelectItem | null;
-
-    public constructor(id: string, icon: string) {
-        super(id, icon);
-
-        this.menu = new Menu(this.id + ".menu", this.id, null);
-
-        this.items = new Array<SelectItem>();
-        this.selectedItem = null;
-
-        this.subscribe({
-            event: "click",
-            then: () => {
-                this.menu.clearOptions();
-                this.items.forEach((item) => {
-                    this.menu.addOption(item.id, item.icon, item.label);
-                });
-
-                this.menu.wakeUp();
-
-                if (this.getW() > this.menu.getW()) {
-                    this.menu.setW(this.getBody().clientWidth);
-                    console.log("cambiando ancho...");
-                }
-            },
-        });
-
-        /*this.menu.subscribe({
-            event: "option-clicked",
-            then: (_e, clickedOption) => {
-                const option = clickedOption as IconButton;
-
-                const fintOption = this.items.find((item) => item.id === option.id);
-
-                if (fintOption) {
-                    this.selectedItem = fintOption;
-                }
-
-                const selectedText = this.selectedItem?.label;
-                if (selectedText) {
-                    this.setText(selectedText);
-                } else {
-                    this.setText("");
-                }
-            },
-        });*/
-    }
-
-    public addItem(id: string, label: string, icon: string): void {
-        this.items.push(new SelectItem(id, label, icon));
-    }
-}

package/src/ui/image.ui.ts

@@ -1,49 +0,0 @@
-import "./styles/image.css";
-import { Widget, WidgetTypes } from "./widget.ui";
-
-export class Image extends Widget {
-    imageContainer: Widget;
-    image: Widget;
-    constructor(id: string, src: string = "", parent: Widget | null = null) {
-        super(id, "div", parent);
-
-        this.imageContainer = new Widget(id + ".imageContainer", "div", this);
-        this.imageContainer.addClass("WUIImageContainer");
-
-        this.image = new Widget(id + ".image", "img", this.imageContainer);
-        this.image.setType(WidgetTypes.CUSTOM);
-        this.image.getBody().setAttribute("src", src);
-    }
-
-    public render(): void {
-        super.render();
-
-        this.imageContainer.setX(0);
-        this.imageContainer.setY(0);
-        this.imageContainer.setWH(this.getW(), this.getH());
-    }
-
-    public fillWidth(): void {
-        this.image.addClass("WUIImageFillWidth");
-    }
-
-    public fillHeight(): void {
-        this.image.addClass("WUIImageFillHeight");
-    }
-
-    public setAlternateText(text: string): void {
-        this.image.getBody().setAttribute("alt", text);
-    }
-
-    public setImageUrl(url: string): void {
-        this.image.getBody().setAttribute("src", url);
-    }
-
-    public getImageUrl(): string | null {
-        return this.image.getBody().getAttribute("src");
-    }
-
-    public getAlternateText(): string | null {
-        return this.image.getBody().getAttribute("alt");
-    }
-}

package/src/ui/label.ui.ts

@@ -1,82 +0,0 @@
-import { Colors } from "./colors.ui";
-import { Widget } from "./widget.ui";
-
-export type LabelVariants = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
-
-export class Label extends Widget {
-    variant: LabelVariants;
-    color: Colors;
-    text: string;
-
-    isHCentered: boolean;
-    isVCentered: boolean;
-
-    constructor(id: string, variant: LabelVariants = "span", parent: Widget | null = null) {
-        super(id, variant, parent);
-
-        this.isHCentered = false;
-        this.isVCentered = false;
-
-        this.variant = variant;
-        this.color = "primary";
-        this.text = "";
-
-        this.init();
-    }
-
-    public init(): void {
-        super.init();
-    }
-
-    public setHCentered(isHCentered: boolean = true): void {
-        this.isHCentered = isHCentered;
-    }
-
-    public setVCentered(isVCentered: boolean = true): void {
-        this.isVCentered = isVCentered;
-    }
-
-    public render(): void {
-        super.render();
-
-        if (this.isHCentered) {
-            this.centerH();
-        }
-        if (this.isVCentered) {
-            this.centerV();
-        }
-    }
-
-    private centerV(): void {
-        this.getBody().style.lineHeight = this.getH() + "px";
-    }
-
-    private centerH(): void {
-        this.getBody().style.textAlign = "center";
-    }
-
-    public setText(text: string): void {
-        this.text = text;
-        this.body.innerHTML = text;
-    }
-
-    public setVariant(variant: LabelVariants = "span"): void {
-        this.variant = variant;
-    }
-
-    public setColor(color: Colors = "primary"): void {
-        this.color = color;
-    }
-
-    public getVariant(): LabelVariants {
-        return this.variant;
-    }
-
-    public getColor(): Colors {
-        return this.color;
-    }
-
-    public getText(): string {
-        return this.text;
-    }
-}

package/src/ui/progressbar.ui.ts

@@ -1,74 +0,0 @@
-import { Label } from "./label.ui";
-import "./styles/progressbar.css";
-import { Widget } from "./widget.ui";
-
-const PROGRESS_BAR_HEIGHT = 40;
-
-//icono para el progress bar interactivo humidity_high
-
-export class ProgressBar extends Widget {
-    private value: number;
-    private paddingBar: number;
-
-    private bar: Widget;
-    private lblValue: Label;
-
-    public constructor(id: string, parent: Widget | null = null) {
-        super(id, "div", parent);
-
-        this.setH(PROGRESS_BAR_HEIGHT);
-
-        this.paddingBar = 0;
-
-        this.bar = new Widget(id + ".bar", "div", this);
-        this.bar.addClass("WUIProgressBarBar");
-
-        this.value = 0;
-        this.addClass("WUIProgressBarContainer");
-
-        this.lblValue = new Label(id + ".value", "span", this);
-        this.lblValue.setText(this.value + "%");
-
-        this.lblValue.addClass("WUIProgressBarLabel");
-    }
-
-    public setPaddingBar(p: number): void {
-        this.paddingBar = p;
-    }
-
-    public hideLabel(): void {
-        this.lblValue.setVisible(false);
-    }
-
-    public displayLabel(): void {
-        this.lblValue.setVisible(true);
-    }
-
-    public render(): void {
-        super.render();
-
-        const padding = this.paddingBar;
-        const width = this.getW() - padding;
-        const height = this.getH();
-        const widthBar = width * (this.value / 100);
-
-        this.lblValue.setX(width / 2 - this.lblValue.getW() / 2);
-        this.lblValue.setY(height / 2 - this.lblValue.getH() / 2);
-        this.lblValue.raisteTop();
-
-        this.bar.setX(padding);
-        this.bar.setY(padding);
-        this.bar.setW(widthBar);
-        this.bar.setH(height - padding * 2);
-    }
-
-    public setValue(value: number): void {
-        this.value = value;
-        this.lblValue.setText(this.value + "%");
-        this.render();
-    }
-
-    public getValue(): number {
-        return this.value;
-    }
-}

package/src/ui/radiobutton.ts

@@ -1,8 +0,0 @@
-import { ToggleButton } from "./toggle.ui";
-import { Widget } from "./widget.ui";
-
-export class RadioButton extends ToggleButton {
-    constructor(id: string, text: string = "", parent: Widget | null = null) {
-        super(id, text, "radio_button_unchecked", "radio_button_checked", parent);
-    }
-}

package/src/ui/select.ui.ts

@@ -1,73 +0,0 @@
-import { IconButton } from "./IconButton.ui";
-import { Menu } from "./menu.ui";
-import { Textbox } from "./textbox.ui";
-import { Widget } from "./widget.ui";
-
-export class SelectItem {
-    id: string;
-    label: string;
-    icon: string;
-
-    constructor(id: string, label: string, icon: string) {
-        this.id = id;
-        this.label = label;
-        this.icon = icon;
-    }
-}
-
-export class Select extends Textbox {
-    menu: Menu;
-
-    items: SelectItem[];
-
-    selectedItem: SelectItem | null;
-
-    constructor(id: string, parent: Widget | null = null) {
-        super(id, parent);
-        this.menu = new Menu(this.id + ".menu", this.id, null);
-        this.items = [];
-        this.selectedItem = null;
-        this.subscribe({
-            event: "click",
-            then: () => {
-                this.menu.clearOptions();
-                this.items.forEach((item) => {
-                    this.menu.addOption(item.id, item.icon, item.label);
-                });
-
-                this.menu.wakeUp();
-
-                console.log(this.getBody().clientWidth, this.menu.getBody().clientWidth);
-
-                if (this.getBody().clientWidth > this.menu.getBody().clientWidth) {
-                    this.menu.setW(this.getBody().clientWidth);
-                    this.menu.resize();
-                }
-            },
-        });
-
-        this.menu.subscribe({
-            event: "option-clicked",
-            then: (_e, clickedOption) => {
-                const option = clickedOption as IconButton;
-
-                const fintOption = this.items.find((item) => item.id === option.id);
-
-                if (fintOption) {
-                    this.selectedItem = fintOption;
-                }
-
-                const selectedText = this.selectedItem?.label;
-                if (selectedText) {
-                    this.setValue(selectedText);
-                } else {
-                    this.setValue("");
-                }
-            },
-        });
-    }
-
-    addItem(id: string, label: string, icon: string) {
-        this.items.push(new SelectItem(id, label, icon));
-    }
-}

package/src/ui/switch.ui.ts

@@ -1,7 +0,0 @@
-import { ToggleButton } from "./toggle.ui";
-import { Widget } from "./widget.ui";
-export class Switch extends ToggleButton {
-    constructor(id: string, text: string = "", parent: Widget | null = null) {
-        super(id, text, "toggle_off", "toggle_on", parent);
-    }
-}

package/src/ui/textarea.ui.ts

@@ -1,20 +0,0 @@
-import "./styles/textarea.css";
-import { Widget } from "./widget.ui";
-
-export class TextArea extends Widget {
-    constructor(id: string, parent: Widget | null = null) {
-        super(id, "textarea", parent);
-
-        this.addClass("WUITextArea");
-    }
-
-    public setText(text: string): void {
-        const textArea = this.getBody() as HTMLTextAreaElement;
-        textArea.value = text;
-    }
-
-    public getText(): string {
-        const textArea = this.getBody() as HTMLTextAreaElement;
-        return textArea.value;
-    }
-}