lexgui 0.1.35 → 0.1.36
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 +6 -3
- package/build/lexgui.css +11 -8
- package/build/lexgui.js +274 -171
- package/build/lexgui.module.js +256 -168
- package/changelog.md +12 -1
- package/demo.js +11 -6
- package/package.json +1 -1
package/changelog.md
CHANGED
|
@@ -1,6 +1,17 @@
|
|
|
1
1
|
# lexgui.js changelog
|
|
2
2
|
|
|
3
|
-
## 0.1.
|
|
3
|
+
## 0.1.37 (dev)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## 0.1.36 (master)
|
|
8
|
+
|
|
9
|
+
Default skipCallback as `true` on emit widget signal.
|
|
10
|
+
Add some vec2 math functions.
|
|
11
|
+
`Panel.addTabs` support for onCreate (prev. `callback`) and onSelect callbacks.
|
|
12
|
+
Apply original `display` when showing Areatab.
|
|
13
|
+
Minor styling tweaks.
|
|
14
|
+
Documentation updates.
|
|
4
15
|
|
|
5
16
|
## 0.1.35
|
|
6
17
|
|
package/demo.js
CHANGED
|
@@ -2,6 +2,8 @@ import { LX } from 'lexgui';
|
|
|
2
2
|
import 'lexgui/components/codeeditor.js';
|
|
3
3
|
import 'lexgui/components/timeline.js';
|
|
4
4
|
|
|
5
|
+
window.LX = LX;
|
|
6
|
+
|
|
5
7
|
// Init library and get main area
|
|
6
8
|
let area = LX.init();
|
|
7
9
|
|
|
@@ -582,15 +584,18 @@ function fillRightBottomPanel( panel, tab ) {
|
|
|
582
584
|
{
|
|
583
585
|
name: "First tab",
|
|
584
586
|
icon: "fa-brands fa-discord",
|
|
585
|
-
|
|
587
|
+
onCreate: p => {
|
|
586
588
|
p.addTitle("Discord tab");
|
|
587
589
|
p.addButton(null, "Connect");
|
|
590
|
+
},
|
|
591
|
+
onSelect: p => {
|
|
592
|
+
console.log( p );
|
|
588
593
|
}
|
|
589
594
|
},
|
|
590
595
|
{
|
|
591
596
|
name: "Second tab",
|
|
592
597
|
icon: "fa-brands fa-twitter",
|
|
593
|
-
|
|
598
|
+
onCreate: p => {
|
|
594
599
|
p.addTitle("Twitter tab");
|
|
595
600
|
p.addText("Tweet", "", null, {placeholder: "Tyler Rake 2"});
|
|
596
601
|
}
|
|
@@ -598,7 +603,7 @@ function fillRightBottomPanel( panel, tab ) {
|
|
|
598
603
|
{
|
|
599
604
|
name: "Third tab",
|
|
600
605
|
icon: "fa-brands fa-github",
|
|
601
|
-
|
|
606
|
+
onCreate: p => {
|
|
602
607
|
p.addTitle("Github tab");
|
|
603
608
|
p.addButton(null, "Go", () => {window.open("https://github.com/jxarco/lexgui.js/")});
|
|
604
609
|
}
|
|
@@ -621,7 +626,7 @@ function fillRightBottomPanel( panel, tab ) {
|
|
|
621
626
|
{
|
|
622
627
|
name: "First tab",
|
|
623
628
|
icon: "fa-brands fa-discord",
|
|
624
|
-
|
|
629
|
+
onCreate: (p, content) => {
|
|
625
630
|
p.addTitle("Discord tab");
|
|
626
631
|
p.addButton("Apply", "Add button to branch", (value, event) => {
|
|
627
632
|
p.queue( content );
|
|
@@ -633,7 +638,7 @@ function fillRightBottomPanel( panel, tab ) {
|
|
|
633
638
|
{
|
|
634
639
|
name: "Second tab",
|
|
635
640
|
icon: "fa-brands fa-twitter",
|
|
636
|
-
|
|
641
|
+
onCreate: p => {
|
|
637
642
|
p.addTitle("Twitter tab");
|
|
638
643
|
p.addText("Tweet", "", null, {placeholder: "Tyler Rake 2"});
|
|
639
644
|
}
|
|
@@ -641,7 +646,7 @@ function fillRightBottomPanel( panel, tab ) {
|
|
|
641
646
|
{
|
|
642
647
|
name: "Third tab",
|
|
643
648
|
icon: "fa-brands fa-github",
|
|
644
|
-
|
|
649
|
+
onCreate: p => {
|
|
645
650
|
p.addTitle("Github tab");
|
|
646
651
|
p.addButton(null, "Go", (value, event) => {window.open("https://github.com/jxarco/lexgui.js/")});
|
|
647
652
|
}
|