cedro 0.1.9 → 0.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -4
- package/dist/cedro-logo.png +0 -0
- package/dist/fangio.jpg +0 -0
- package/package.json +4 -2
- package/src/core/application.builder.tsx +121 -60
- package/src/core/application.core.tsx +110 -11
- package/src/core/themes.core.ts +160 -1
- package/src/core/uid.ts +3 -3
- package/src/interfaces/application.interface.ts +3 -2
- package/src/interfaces/widget.interface.ts +3 -0
- package/src/types/select.item.type.ts +11 -0
- package/src/ui/Icon.ui.tsx +158 -0
- package/src/ui/IconButton.ui.tsx +51 -9
- package/src/ui/{textbox.ui.tsx → Textbox.ui.tsx} +23 -15
- package/src/ui/accordion.ui.tsx +152 -0
- package/src/ui/button.ui.tsx +56 -14
- package/src/ui/buttonColor.ui.tsx +87 -0
- package/src/ui/buttonmenu.ui.tsx +134 -0
- package/src/ui/{buttonstack.ui.ts → buttonstack.ui.tsx} +67 -1
- package/src/ui/checkbox.ui.tsx +9 -13
- package/src/ui/container.ui.tsx +141 -76
- package/src/ui/datagrid.ui.tsx +518 -0
- package/src/ui/dialog.tsx +143 -56
- package/src/ui/hpanel.ui.tsx +37 -11
- package/src/ui/iconButtonMenu.ui.tsx +176 -0
- package/src/ui/image.ui.tsx +123 -112
- package/src/ui/index.ts +8 -8
- package/src/ui/label.ui.tsx +61 -3
- package/src/ui/loading.ui.ts +10 -10
- package/src/ui/menu.ui.ts +2 -2
- package/src/ui/progressbar.ui.tsx +9 -8
- package/src/ui/{radiobutton.tsx → radiobutton.ui.tsx} +9 -13
- package/src/ui/scroll.ui.ts +13 -12
- package/src/ui/select.ui.tsx +143 -0
- package/src/ui/styles/button.css +114 -32
- package/src/ui/styles/buttoncolor.css +8 -8
- package/src/ui/styles/container.css +29 -0
- package/src/ui/styles/icon.css +29 -0
- package/src/ui/styles/image.css +19 -19
- package/src/ui/styles/label.css +63 -0
- package/src/ui/styles/loading.css +12 -12
- package/src/ui/styles/main.css +5 -0
- package/src/ui/styles/progressbar.css +2 -1
- package/src/ui/styles/select.css +13 -0
- package/src/ui/styles/stackbutton.css +36 -0
- package/src/ui/styles/tabs.css +5 -7
- package/src/ui/styles/textarea.css +13 -13
- package/src/ui/switch.ui.tsx +9 -13
- package/src/ui/tabs.ui.tsx +43 -22
- package/src/ui/textarea.ui.tsx +48 -0
- package/src/ui/toolbar.ui.tsx +17 -12
- package/src/ui/valuebar.ui.tsx +11 -13
- package/src/ui/vpanel.ui.tsx +19 -13
- package/src/ui/widget.builder.ts +243 -159
- package/src/ui/widget.collection.ts +24 -2
- package/src/ui/widget.ui.ts +79 -19
- package/src/ui/Icon.ui.ts +0 -64
- package/src/ui/accordion.ui.ts +0 -71
- package/src/ui/buttonColor.ui.ts +0 -24
- package/src/ui/buttonmenu.ui.ts +0 -59
- package/src/ui/datagrid.ui.ts +0 -231
- package/src/ui/iconButtonMenu.ui.ts +0 -59
- package/src/ui/select.ui.ts +0 -73
- package/src/ui/textarea.ui.ts +0 -20
- /package/src/ui/{toggle.ui.ts → toggle.ui.tsx} +0 -0
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { IconButton } from "./IconButton.ui";
|
|
2
|
-
import { Menu } from "./menu.ui";
|
|
3
|
-
import { SelectItem } from "./select.ui";
|
|
4
|
-
|
|
5
|
-
export class IconButtonMenu extends IconButton {
|
|
6
|
-
menu: Menu;
|
|
7
|
-
items: Array<SelectItem>;
|
|
8
|
-
selectedItem: SelectItem | null;
|
|
9
|
-
|
|
10
|
-
public constructor(id: string, icon: string) {
|
|
11
|
-
super(id, icon);
|
|
12
|
-
|
|
13
|
-
this.menu = new Menu(this.id + ".menu", this.id, null);
|
|
14
|
-
|
|
15
|
-
this.items = new Array<SelectItem>();
|
|
16
|
-
this.selectedItem = null;
|
|
17
|
-
|
|
18
|
-
this.subscribe({
|
|
19
|
-
event: "click",
|
|
20
|
-
then: () => {
|
|
21
|
-
this.menu.clearOptions();
|
|
22
|
-
this.items.forEach((item) => {
|
|
23
|
-
this.menu.addOption(item.id, item.icon, item.label);
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
this.menu.wakeUp();
|
|
27
|
-
|
|
28
|
-
if (this.getW() > this.menu.getW()) {
|
|
29
|
-
this.menu.setW(this.getBody().clientWidth);
|
|
30
|
-
console.log("cambiando ancho...");
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
});
|
|
34
|
-
|
|
35
|
-
/*this.menu.subscribe({
|
|
36
|
-
event: "option-clicked",
|
|
37
|
-
then: (_e, clickedOption) => {
|
|
38
|
-
const option = clickedOption as IconButton;
|
|
39
|
-
|
|
40
|
-
const fintOption = this.items.find((item) => item.id === option.id);
|
|
41
|
-
|
|
42
|
-
if (fintOption) {
|
|
43
|
-
this.selectedItem = fintOption;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
const selectedText = this.selectedItem?.label;
|
|
47
|
-
if (selectedText) {
|
|
48
|
-
this.setText(selectedText);
|
|
49
|
-
} else {
|
|
50
|
-
this.setText("");
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
});*/
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
public addItem(id: string, label: string, icon: string): void {
|
|
57
|
-
this.items.push(new SelectItem(id, label, icon));
|
|
58
|
-
}
|
|
59
|
-
}
|
package/src/ui/select.ui.ts
DELETED
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { IconButton } from "./IconButton.ui";
|
|
2
|
-
import { Menu } from "./menu.ui";
|
|
3
|
-
import { Textbox } from "./textbox.ui";
|
|
4
|
-
import { Widget } from "./widget.ui";
|
|
5
|
-
|
|
6
|
-
export class SelectItem {
|
|
7
|
-
id: string;
|
|
8
|
-
label: string;
|
|
9
|
-
icon: string;
|
|
10
|
-
|
|
11
|
-
constructor(id: string, label: string, icon: string) {
|
|
12
|
-
this.id = id;
|
|
13
|
-
this.label = label;
|
|
14
|
-
this.icon = icon;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export class Select extends Textbox {
|
|
19
|
-
menu: Menu;
|
|
20
|
-
|
|
21
|
-
items: SelectItem[];
|
|
22
|
-
|
|
23
|
-
selectedItem: SelectItem | null;
|
|
24
|
-
|
|
25
|
-
constructor(id: string, parent: Widget | null = null) {
|
|
26
|
-
super(id, parent);
|
|
27
|
-
this.menu = new Menu(this.id + ".menu", this.id, null);
|
|
28
|
-
this.items = [];
|
|
29
|
-
this.selectedItem = null;
|
|
30
|
-
this.subscribe({
|
|
31
|
-
event: "click",
|
|
32
|
-
then: () => {
|
|
33
|
-
this.menu.clearOptions();
|
|
34
|
-
this.items.forEach((item) => {
|
|
35
|
-
this.menu.addOption(item.id, item.icon, item.label);
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
this.menu.wakeUp();
|
|
39
|
-
|
|
40
|
-
console.log(this.getBody().clientWidth, this.menu.getBody().clientWidth);
|
|
41
|
-
|
|
42
|
-
if (this.getBody().clientWidth > this.menu.getBody().clientWidth) {
|
|
43
|
-
this.menu.setW(this.getBody().clientWidth);
|
|
44
|
-
this.menu.resize();
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
});
|
|
48
|
-
|
|
49
|
-
this.menu.subscribe({
|
|
50
|
-
event: "option-clicked",
|
|
51
|
-
then: (_e, clickedOption) => {
|
|
52
|
-
const option = clickedOption as IconButton;
|
|
53
|
-
|
|
54
|
-
const fintOption = this.items.find((item) => item.id === option.id);
|
|
55
|
-
|
|
56
|
-
if (fintOption) {
|
|
57
|
-
this.selectedItem = fintOption;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
const selectedText = this.selectedItem?.label;
|
|
61
|
-
if (selectedText) {
|
|
62
|
-
this.setValue(selectedText);
|
|
63
|
-
} else {
|
|
64
|
-
this.setValue("");
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
});
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
addItem(id: string, label: string, icon: string) {
|
|
71
|
-
this.items.push(new SelectItem(id, label, icon));
|
|
72
|
-
}
|
|
73
|
-
}
|
package/src/ui/textarea.ui.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import "./styles/textarea.css";
|
|
2
|
-
import { Widget } from "./widget.ui";
|
|
3
|
-
|
|
4
|
-
export class TextArea extends Widget {
|
|
5
|
-
constructor(id: string, parent: Widget | null = null) {
|
|
6
|
-
super(id, "textarea", parent);
|
|
7
|
-
|
|
8
|
-
this.addClass("WUITextArea");
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
public setText(text: string): void {
|
|
12
|
-
const textArea = this.getBody() as HTMLTextAreaElement;
|
|
13
|
-
textArea.value = text;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
public getText(): string {
|
|
17
|
-
const textArea = this.getBody() as HTMLTextAreaElement;
|
|
18
|
-
return textArea.value;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
File without changes
|