babylonjs-gui-editor 6.39.0 → 6.41.0
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/babylon.guiEditor.d.ts +32 -1
- package/babylon.guiEditor.js +1 -1
- package/babylon.guiEditor.js.map +1 -1
- package/babylon.guiEditor.max.js +70 -58
- package/babylon.guiEditor.module.d.ts +64 -2
- package/package.json +3 -3
package/babylon.guiEditor.d.ts
CHANGED
|
@@ -451,7 +451,8 @@ declare module BABYLON {
|
|
|
451
451
|
renderNode(nodes: BABYLON.GUI.Control[]): JSX.Element;
|
|
452
452
|
/**
|
|
453
453
|
* returns the class name of a list of controls if they share a class, or an empty string if not
|
|
454
|
-
* @param nodes
|
|
454
|
+
* @param nodes the list of controls to check
|
|
455
|
+
* @returns the class name of a list of controls if they share a class, or an empty string if not
|
|
455
456
|
*/
|
|
456
457
|
getControlsCommonClassName(nodes: BABYLON.GUI.Control[]): string;
|
|
457
458
|
renderProperties(nodes: BABYLON.GUI.Control[]): JSX.Element | undefined;
|
|
@@ -759,6 +760,9 @@ declare module BABYLON {
|
|
|
759
760
|
}
|
|
760
761
|
/**
|
|
761
762
|
* This class represents the gizmo drawn on a line Control.
|
|
763
|
+
* It is used to scale and rotate the control around a pivot point
|
|
764
|
+
* @param props the properties of the gizmo
|
|
765
|
+
* @returns a gizmo line
|
|
762
766
|
*/
|
|
763
767
|
export function GizmoLine(props: IGizmoLineProps): JSX.Element;
|
|
764
768
|
|
|
@@ -1518,6 +1522,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
1518
1522
|
}
|
|
1519
1523
|
/**
|
|
1520
1524
|
* An icon that can be dragged by the user
|
|
1525
|
+
* @param props properties
|
|
1526
|
+
* @returns draggable icon element
|
|
1521
1527
|
*/
|
|
1522
1528
|
export var DraggableIcon: React.FC<IDraggableIconProps>;
|
|
1523
1529
|
|
|
@@ -1567,6 +1573,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
1567
1573
|
}
|
|
1568
1574
|
/**
|
|
1569
1575
|
* This component receives the drop events and updates the layout accordingly
|
|
1576
|
+
* @param props properties
|
|
1577
|
+
* @returns DragHandler element
|
|
1570
1578
|
*/
|
|
1571
1579
|
export var FlexibleDragHandler: React.FC<IFlexibleDragHandlerProps>;
|
|
1572
1580
|
|
|
@@ -1593,6 +1601,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
1593
1601
|
/**
|
|
1594
1602
|
* This component contains the drag and drop zone for the resize bars that
|
|
1595
1603
|
* allow redefining width and height of layout elements
|
|
1604
|
+
* @param props properties
|
|
1605
|
+
* @returns drop zone element
|
|
1596
1606
|
*/
|
|
1597
1607
|
export var FlexibleDropZone: React.FC<IFlexibleDropZoneProps>;
|
|
1598
1608
|
|
|
@@ -1610,6 +1620,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
1610
1620
|
}
|
|
1611
1621
|
/**
|
|
1612
1622
|
* Component responsible for mapping the layout to the actual components
|
|
1623
|
+
* @returns GridContainer element
|
|
1613
1624
|
*/
|
|
1614
1625
|
export var FlexibleGridContainer: React.FC<IFlexibleGridContainerProps>;
|
|
1615
1626
|
|
|
@@ -1632,6 +1643,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
1632
1643
|
/**
|
|
1633
1644
|
* This component represents a grid layout that can be resized and rearranged
|
|
1634
1645
|
* by the user.
|
|
1646
|
+
* @param props properties
|
|
1647
|
+
* @returns layout element
|
|
1635
1648
|
*/
|
|
1636
1649
|
export var FlexibleGridLayout: React.FC<IFlexibleGridLayoutProps>;
|
|
1637
1650
|
|
|
@@ -1678,6 +1691,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
1678
1691
|
};
|
|
1679
1692
|
/**
|
|
1680
1693
|
* A component that renders a bar that the user can drag to resize.
|
|
1694
|
+
* @param props properties
|
|
1695
|
+
* @returns resize bar element
|
|
1681
1696
|
*/
|
|
1682
1697
|
export var FlexibleResizeBar: React.FC<IFlexibleRowResizerProps>;
|
|
1683
1698
|
|
|
@@ -1718,6 +1733,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
1718
1733
|
* to activate or drag to reorder. It also listens for
|
|
1719
1734
|
* drop events if the user wants to drop another tab
|
|
1720
1735
|
* after it.
|
|
1736
|
+
* @param props properties
|
|
1737
|
+
* @returns FlexibleTab element
|
|
1721
1738
|
*/
|
|
1722
1739
|
export var FlexibleTab: React.FC<IFlexibleTabProps>;
|
|
1723
1740
|
|
|
@@ -1752,6 +1769,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
1752
1769
|
/**
|
|
1753
1770
|
* This component contains a set of tabs of which only one is visible at a time.
|
|
1754
1771
|
* The tabs can also be dragged from and to different containers.
|
|
1772
|
+
* @param props properties
|
|
1773
|
+
* @returns tabs container element
|
|
1755
1774
|
*/
|
|
1756
1775
|
export var FlexibleTabsContainer: React.FC<IFlexibleTabsContainerProps>;
|
|
1757
1776
|
|
|
@@ -1887,11 +1906,15 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
1887
1906
|
export const removeLayoutRowAndRedistributePercentages: (layout: BABYLON.GuiEditor.SharedUIComponents.Layout, column: number, row: number) => void;
|
|
1888
1907
|
/**
|
|
1889
1908
|
* Add a percentage string to a number
|
|
1909
|
+
* @param p1 the percentage string
|
|
1910
|
+
* @param p2 the number
|
|
1911
|
+
* @returns the sum of the percentage string and the number
|
|
1890
1912
|
*/
|
|
1891
1913
|
export const addPercentageStringToNumber: (p1: string, p2: number) => number;
|
|
1892
1914
|
/**
|
|
1893
1915
|
* Parses a percentage string into a number
|
|
1894
1916
|
* @param p the percentage string
|
|
1917
|
+
* @returns the parsed number
|
|
1895
1918
|
*/
|
|
1896
1919
|
export const parsePercentage: (p: string) => number;
|
|
1897
1920
|
|
|
@@ -2122,6 +2145,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
2122
2145
|
/**
|
|
2123
2146
|
* This component is used to initiate a connection between two nodes. Simply
|
|
2124
2147
|
* drag the handle in a node and drop it in another node to create a connection.
|
|
2148
|
+
* @returns connector element
|
|
2125
2149
|
*/
|
|
2126
2150
|
export var GraphConnectorHandler: React.FC<IGraphConnectorHandlerProps>;
|
|
2127
2151
|
|
|
@@ -2204,6 +2228,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
2204
2228
|
/**
|
|
2205
2229
|
* This component draws a SVG line between two points, with an optional marker
|
|
2206
2230
|
* indicating direction
|
|
2231
|
+
* @param props properties
|
|
2232
|
+
* @returns graph line element
|
|
2207
2233
|
*/
|
|
2208
2234
|
export var GraphLine: React.FC<IGraphLineProps>;
|
|
2209
2235
|
|
|
@@ -2263,6 +2289,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
2263
2289
|
}
|
|
2264
2290
|
/**
|
|
2265
2291
|
* This component contains all the nodes and handles their dragging
|
|
2292
|
+
* @param props properties
|
|
2293
|
+
* @returns graph node container element
|
|
2266
2294
|
*/
|
|
2267
2295
|
export var GraphNodesContainer: React.FC<IGraphContainerProps>;
|
|
2268
2296
|
|
|
@@ -2371,6 +2399,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
2371
2399
|
}
|
|
2372
2400
|
/**
|
|
2373
2401
|
* This component represents a text input that can be submitted or cancelled on buttons
|
|
2402
|
+
* @param props properties
|
|
2403
|
+
* @returns TextInputWithSubmit element
|
|
2374
2404
|
*/
|
|
2375
2405
|
export const TextInputWithSubmit: (props: ITextInputProps) => JSX.Element;
|
|
2376
2406
|
|
|
@@ -2680,6 +2710,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
|
|
|
2680
2710
|
unit?: React.ReactNode;
|
|
2681
2711
|
onDragStart?: (newValue: number) => void;
|
|
2682
2712
|
onDragStop?: (newValue: number) => void;
|
|
2713
|
+
disabled?: boolean;
|
|
2683
2714
|
}
|
|
2684
2715
|
export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
|
|
2685
2716
|
value: string;
|