lexgui 8.2.0 → 8.2.2

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.
Files changed (45) hide show
  1. package/build/components/Avatar.d.ts +15 -15
  2. package/build/components/NodeTree.d.ts +51 -51
  3. package/build/components/Vector.d.ts +10 -10
  4. package/build/core/Event.d.ts +6 -6
  5. package/build/core/Namespace.js +1 -1
  6. package/build/core/Namespace.js.map +1 -1
  7. package/build/core/Panel.d.ts +538 -538
  8. package/build/extensions/AssetView.d.ts +1 -1
  9. package/build/extensions/AssetView.js +9 -10
  10. package/build/extensions/AssetView.js.map +1 -1
  11. package/build/extensions/CodeEditor.d.ts +358 -358
  12. package/build/extensions/CodeEditor.js +5054 -5054
  13. package/build/extensions/CodeEditor.js.map +1 -1
  14. package/build/extensions/DocMaker.js +331 -330
  15. package/build/extensions/DocMaker.js.map +1 -1
  16. package/build/extensions/GraphEditor.js +2754 -2754
  17. package/build/extensions/Timeline.d.ts +668 -668
  18. package/build/extensions/Timeline.js +3948 -3948
  19. package/build/extensions/Timeline.js.map +1 -1
  20. package/build/extensions/VideoEditor.d.ts +150 -128
  21. package/build/extensions/VideoEditor.js +1014 -893
  22. package/build/extensions/VideoEditor.js.map +1 -1
  23. package/build/index.css.d.ts +3 -3
  24. package/build/index.d.ts +57 -57
  25. package/build/lexgui.all.js +332 -190
  26. package/build/lexgui.all.js.map +1 -1
  27. package/build/lexgui.all.min.js +1 -1
  28. package/build/lexgui.all.module.js +332 -190
  29. package/build/lexgui.all.module.js.map +1 -1
  30. package/build/lexgui.all.module.min.js +1 -1
  31. package/build/lexgui.css +226 -230
  32. package/build/lexgui.js +26 -5
  33. package/build/lexgui.js.map +1 -1
  34. package/build/lexgui.min.css +1 -1
  35. package/build/lexgui.min.js +1 -1
  36. package/build/lexgui.module.js +26 -5
  37. package/build/lexgui.module.js.map +1 -1
  38. package/build/lexgui.module.min.js +1 -1
  39. package/changelog.md +33 -1
  40. package/examples/all-components.html +4 -5
  41. package/examples/asset-view.html +1 -1
  42. package/examples/code-editor.html +11 -0
  43. package/examples/dialogs.html +13 -2
  44. package/examples/side-bar.html +3 -1
  45. package/package.json +1 -1
package/changelog.md CHANGED
@@ -2,7 +2,39 @@
2
2
 
3
3
  ## dev
4
4
 
5
- ## 8.2 (master)
5
+ ## 8.2.2 (master)
6
+
7
+ AssetView:
8
+ - Added suppord for custom folder names in `onBeforeCreateFolder` using 1st resolve param.
9
+ - Fixed explorer NodeTree bug selecting items with spaces in the id.
10
+
11
+ Fixed toast css in light mode.
12
+ Minor fixes Sidebar CSS.
13
+
14
+ ## 8.2.1
15
+
16
+ CodeEditor:
17
+ - Fixed `options.onReady` being called before processing lines.
18
+
19
+ VideoEditor:
20
+ - Added `resizeVideo` and `resizeControls` to update area sizes. They are automatically called by resize.
21
+ - Added `controlsComponents` object that holds all buttons and timebar that will be displayed in the ui.
22
+ - Added a `createControls` function to create different button layouts. It creates all buttons and then calls a layout creator.
23
+ - Added `createControlsLayout_0` and `createControlsLayout_1` with default button layouts.
24
+ - Added `controlsLayout` option to specify which default layout to use or a custom function.
25
+ - Added `onChangeState` and `onChangeLoop` user callbacks.
26
+ - Added `resetCropBtn`. Only displayed in layout 1.
27
+
28
+ VideoEditor TimeBar:
29
+ - `mousemove` and `mouseup` events now attach to document instead of canvas, for a better user experience.
30
+ - Added `unbind` function to remove document events.
31
+ - Fixed marker grabbing when both overlapped.
32
+
33
+ Added `LX.removeSignal`.
34
+ Expose DocMaker extension in LX.
35
+ Minor CSS fixes.
36
+
37
+ ## 8.2
6
38
 
7
39
  Use Tailwind (finally) to create and compile CSS.
8
40
  Removed custom utility classes, refactored theme colors and every theme variable used in LX.
package/examples/all-components.html CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  <head>
6
6
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
7
- <title>LexGUI demo</title>
7
+ <title>LexGUI All Components Demo</title>
8
8
  <link rel="stylesheet" href="../css/output.css">
9
9
  <link rel="icon" href="../images/favicon.png">
10
10
 
@@ -42,9 +42,9 @@
42
42
  },
43
43
  {
44
44
  title: "Change Theme",
45
- icon: "Moon",
46
- swap: "Sun",
47
- callback: (swapValue) => { LX.setMode(swapValue ? "light" : "dark") }
45
+ icon: starterTheme == "dark" ? "Moon" : "Sun",
46
+ swap: starterTheme == "dark" ? "Sun" : "Moon",
47
+ callback: () => LX.switchMode()
48
48
  },
49
49
  {
50
50
  title: "Switch Spacing",
@@ -167,7 +167,6 @@
167
167
  buttonsRightPanel.addButton(null, "Warning Outline", null, { buttonClass: "warning outline" });
168
168
  buttonsRightPanel.addButton(null, "Destructive Outline", null, { buttonClass: "destructive outline" });
169
169
  buttonsRightPanel.branch("Dashed Buttons", { closed: closedDefault });
170
- buttonsRightPanel.addButton(null, "Primary Dashed", null, { buttonClass: "primary dashed" });
171
170
  buttonsRightPanel.addButton(null, "Secondary Dashed", null, { buttonClass: "secondary dashed" });
172
171
  buttonsRightPanel.addButton(null, "Muted Dashed", null, { buttonClass: "muted dashed" });
173
172
  buttonsRightPanel.addButton(null, "Success Dashed", null, { buttonClass: "success dashed" });
package/examples/asset-view.html CHANGED
@@ -269,7 +269,7 @@
269
269
 
270
270
  assetView.on( "beforeCreateFolder", ( event, resolve ) => {
271
271
  LX.prompt("Perform CreateFolder Action?", "Server Message", () => {
272
- resolve();
272
+ resolve("My New Folder With Custom Name");
273
273
  })
274
274
  } );
275
275
 
package/examples/code-editor.html CHANGED
@@ -29,6 +29,17 @@
29
29
  // init library and get main area
30
30
  let area = await LX.init();
31
31
 
32
+ const starterTheme = LX.getMode();
33
+ const menubar = area.addMenubar( [], { sticky: false } );
34
+ menubar.addButtons([
35
+ {
36
+ title: "Change Theme",
37
+ icon: starterTheme == "dark" ? "Moon" : "Sun",
38
+ swap: starterTheme == "dark" ? "Sun" : "Moon",
39
+ callback: () => LX.switchMode()
40
+ }
41
+ ]);
42
+
32
43
  const fileExplorer = true;
33
44
 
34
45
  if( !fileExplorer )
package/examples/dialogs.html CHANGED
@@ -22,7 +22,18 @@
22
22
  import { LX } from 'lexgui';
23
23
 
24
24
  // Init library and get main area
25
- let area = await LX.init({ skipDefaultArea: true });
25
+ let area = await LX.init();
26
+
27
+ const starterTheme = LX.getMode();
28
+ const menubar = area.addMenubar( [], { sticky: false } );
29
+ menubar.addButtons([
30
+ {
31
+ title: "Change Theme",
32
+ icon: starterTheme == "dark" ? "Moon" : "Sun",
33
+ swap: starterTheme == "dark" ? "Sun" : "Moon",
34
+ callback: () => LX.switchMode()
35
+ }
36
+ ]);
26
37
 
27
38
  LX.popup("Hello! I'm a popup dialog :)", null, { position: ["45%", "20%"] })
28
39
 
@@ -91,7 +102,7 @@
91
102
  canvas.height = window.innerHeight
92
103
  canvas.style.width = "100%";
93
104
  canvas.style.height = "100%";
94
- document.body.appendChild(canvas);
105
+ area.attach( canvas );
95
106
 
96
107
  function loop(dt) {
97
108
 
package/examples/side-bar.html CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  <head>
5
5
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
6
- <title>LexGUI Area Tabs Demo</title>
6
+ <title>LexGUI Sidebar Demo</title>
7
7
  <link rel="stylesheet" href="../build/lexgui.css">
8
8
  <link rel="icon" href="../images/favicon.png">
9
9
  <script type="importmap">
@@ -57,6 +57,8 @@
57
57
  m.add("Accessibility ", { icon: "Box", callback: logParams });
58
58
  m.add("Fast Refresh", { icon: "Code", callback: logParams });
59
59
  m.add("Supported Browsers", { icon: "Search", callback: logParams });
60
+ m.group("Settings");
61
+ m.add("Mode ", { icon: "Sun", swap: "Moon", callback: logParams });
60
62
  m.separator();
61
63
  m.add("Calendar ", { collapsable: 3 });
62
64
  m.add("Personal ", { callback: logParams, type: "checkbox" });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lexgui",
3
- "version": "8.2.0",
3
+ "version": "8.2.2",
4
4
  "description": "JS library to create web graphical user interfaces",
5
5
  "type": "module",
6
6
  "main": "./build/lexgui.js",