lexgui 0.7.0 → 0.7.1
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/build/lexgui.css +16 -2
- package/build/lexgui.js +166 -40
- package/build/lexgui.min.css +7 -1
- package/build/lexgui.min.js +1 -1
- package/build/lexgui.module.js +166 -40
- package/build/lexgui.module.min.js +1 -1
- package/changelog.md +10 -1
- package/demo.js +2 -1
- package/examples/all-components.html +1 -0
- package/package.json +1 -1
package/changelog.md
CHANGED
|
@@ -2,7 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
## dev
|
|
4
4
|
|
|
5
|
-
## 0.7.
|
|
5
|
+
## 0.7.1 (master)
|
|
6
|
+
|
|
7
|
+
Added support for selecting custom Min, Max range in RangeInput component.
|
|
8
|
+
Added value labels to RangeInput component.
|
|
9
|
+
`LX.asTooltip` Updates:
|
|
10
|
+
- Now supports `options.offsetX`, `options.offsetY` and `options.callback`.
|
|
11
|
+
- Change content and offsets dynamically using `trigger.dataset["tooltipContent" | "tooltipOffsetX" | "tooltipOffsetY"]`.
|
|
12
|
+
Fixed Popovers using `options.reference`.
|
|
13
|
+
|
|
14
|
+
## 0.7.0
|
|
6
15
|
|
|
7
16
|
General/Utils:
|
|
8
17
|
- "Components" have been renamed to "Extensions".
|
package/demo.js
CHANGED
|
@@ -259,7 +259,8 @@ const starterTheme = LX.getTheme();
|
|
|
259
259
|
panel.addText("Text", "LexGUI.js @jxarco", null, {placeholder: "e.g. ColorPicker", icon: "Type"});
|
|
260
260
|
panel.addColor("Font Color", "#303b8d", null);
|
|
261
261
|
panel.addNumber("Font Size", 36, null, { min: 1, max: 48, step: 1, units: "px"});
|
|
262
|
-
panel.addSelect("Font Family", ["Arial", "GeistSans", "Monospace", "
|
|
262
|
+
panel.addSelect("Font Family", ["Arial", "GeistSans", "Monospace", "CascadiaCode"], "GeistSans");
|
|
263
|
+
panel.addRange("Threshold Range", [2, 7], (v) => console.log(v), { min: 0, max: 10, step: 1, className: "accent" });
|
|
263
264
|
panel.addVector2("2D Position", [300, 350], null, { min: 0, max: 1024 });
|
|
264
265
|
const opacityValues = [
|
|
265
266
|
[0.2, 0.3146875],
|
|
@@ -262,6 +262,7 @@
|
|
|
262
262
|
panelB.addRange("Warning", 2, null, { min: 0, max: 10, step: 1, className: "warning" });
|
|
263
263
|
panelB.addRange("Inverted", 22, null, { min: 20, max: 48, step: 1, left: true });
|
|
264
264
|
panelB.addRange("NoFill", 10, null, { min: 1, max: 48, step: 1, fill: false });
|
|
265
|
+
panelB.addRange("With Range", [2, 6], null, { min: 1, max: 10, step: 1 });
|
|
265
266
|
panelB.addRange("Disabled", 29, null, { min: 1, max: 48, step: 1, disabled: true });
|
|
266
267
|
panelB.branch("Select Inputs", { closed: closedDefault });
|
|
267
268
|
panelB.addSelect("Classic", selectValues, "Unity", null);
|