|
|
@@ -39,6 +39,7 @@ declare module 'babylonjs-gui/2D/controls' {
|
|
|
export * from "babylonjs-gui/2D/controls/multiLine";
|
|
|
export * from "babylonjs-gui/2D/controls/radioButton";
|
|
|
export * from "babylonjs-gui/2D/controls/stackPanel";
|
|
|
+ export * from "babylonjs-gui/2D/controls/selector";
|
|
|
export * from "babylonjs-gui/2D/controls/textBlock";
|
|
|
export * from "babylonjs-gui/2D/controls/virtualKeyboard";
|
|
|
export * from "babylonjs-gui/2D/controls/slider";
|
|
|
@@ -1733,6 +1734,177 @@ declare module 'babylonjs-gui/2D/controls/stackPanel' {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+declare module 'babylonjs-gui/2D/controls/selector' {
|
|
|
+ import { Rectangle } from "babylonjs-gui/2D/controls/rectangle";
|
|
|
+ import { StackPanel } from "babylonjs-gui/2D/controls/stackPanel";
|
|
|
+ /** Class used to create a RadioGroup
|
|
|
+ * which contains groups of radio buttons
|
|
|
+ */
|
|
|
+ export class SelectorGroup {
|
|
|
+ /** name of SelectorGroup */
|
|
|
+ name: string;
|
|
|
+ /**
|
|
|
+ * Creates a new SelectorGroup
|
|
|
+ * @param name of group, used as a group heading
|
|
|
+ */
|
|
|
+ constructor(
|
|
|
+ /** name of SelectorGroup */
|
|
|
+ name: string);
|
|
|
+ /** Gets the groupPanel of the SelectorGroup */
|
|
|
+ readonly groupPanel: StackPanel;
|
|
|
+ /** Gets the selectors array */
|
|
|
+ readonly selectors: StackPanel[];
|
|
|
+ /** Gets and sets the group header */
|
|
|
+ header: string;
|
|
|
+ /** @hidden*/
|
|
|
+ _getSelector(selectorNb: number): StackPanel | undefined;
|
|
|
+ /** Removes the selector at the given position
|
|
|
+ * @param selectorNb the position of the selector within the group
|
|
|
+ */
|
|
|
+ removeSelector(selectorNb: number): void;
|
|
|
+ }
|
|
|
+ /** Class used to create a CheckboxGroup
|
|
|
+ * which contains groups of checkbox buttons
|
|
|
+ */
|
|
|
+ export class CheckboxGroup extends SelectorGroup {
|
|
|
+ /** Adds a checkbox as a control
|
|
|
+ * @param text is the label for the selector
|
|
|
+ * @param func is the function called when the Selector is checked
|
|
|
+ * @param checked is true when Selector is checked
|
|
|
+ */
|
|
|
+ addCheckbox(text: string, func?: (s: boolean) => void, checked?: boolean): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorLabel(selectorNb: number, label: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorLabelColor(selectorNb: number, color: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorButtonColor(selectorNb: number, color: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorButtonBackground(selectorNb: number, color: string): void;
|
|
|
+ }
|
|
|
+ /** Class used to create a RadioGroup
|
|
|
+ * which contains groups of radio buttons
|
|
|
+ */
|
|
|
+ export class RadioGroup extends SelectorGroup {
|
|
|
+ /** Adds a radio button as a control
|
|
|
+ * @param label is the label for the selector
|
|
|
+ * @param func is the function called when the Selector is checked
|
|
|
+ * @param checked is true when Selector is checked
|
|
|
+ */
|
|
|
+ addRadio(label: string, func?: (n: number) => void, checked?: boolean): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorLabel(selectorNb: number, label: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorLabelColor(selectorNb: number, color: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorButtonColor(selectorNb: number, color: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorButtonBackground(selectorNb: number, color: string): void;
|
|
|
+ }
|
|
|
+ /** Class used to create a SliderGroup
|
|
|
+ * which contains groups of slider buttons
|
|
|
+ */
|
|
|
+ export class SliderGroup extends SelectorGroup {
|
|
|
+ /**
|
|
|
+ * Adds a slider to the SelectorGroup
|
|
|
+ * @param label is the label for the SliderBar
|
|
|
+ * @param func is the function called when the Slider moves
|
|
|
+ * @param unit is a string describing the units used, eg degrees or metres
|
|
|
+ * @param min is the minimum value for the Slider
|
|
|
+ * @param max is the maximum value for the Slider
|
|
|
+ * @param value is the start value for the Slider between min and max
|
|
|
+ * @param onValueChange is the function used to format the value displayed, eg radians to degrees
|
|
|
+ */
|
|
|
+ addSlider(label: string, func?: (v: number) => void, unit?: string, min?: number, max?: number, value?: number, onValueChange?: (v: number) => number): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorLabel(selectorNb: number, label: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorLabelColor(selectorNb: number, color: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorButtonColor(selectorNb: number, color: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorButtonBackground(selectorNb: number, color: string): void;
|
|
|
+ }
|
|
|
+ /** Class used to hold the controls for the checkboxes, radio buttons and sliders */
|
|
|
+ export class SelectionPanel extends Rectangle {
|
|
|
+ /** name of SelectionPanel */
|
|
|
+ name: string;
|
|
|
+ /** an array of SelectionGroups */
|
|
|
+ groups: SelectorGroup[];
|
|
|
+ /**
|
|
|
+ * Creates a new SelectionPanel
|
|
|
+ * @param name of SelectionPanel
|
|
|
+ * @param groups is an array of SelectionGroups
|
|
|
+ */
|
|
|
+ constructor(
|
|
|
+ /** name of SelectionPanel */
|
|
|
+ name: string,
|
|
|
+ /** an array of SelectionGroups */
|
|
|
+ groups?: SelectorGroup[]);
|
|
|
+ protected _getTypeName(): string;
|
|
|
+ /** Gets or sets the headerColor */
|
|
|
+ headerColor: string;
|
|
|
+ /** Gets or sets the button color */
|
|
|
+ buttonColor: string;
|
|
|
+ /** Gets or sets the label color */
|
|
|
+ labelColor: string;
|
|
|
+ /** Gets or sets the button background */
|
|
|
+ buttonBackground: string;
|
|
|
+ /** Gets or sets the color of separator bar */
|
|
|
+ barColor: string;
|
|
|
+ /** Add a group to the selection panel
|
|
|
+ * @param group is the selector group to add
|
|
|
+ */
|
|
|
+ addGroup(group: SelectorGroup): void;
|
|
|
+ /** Remove the group from the given position
|
|
|
+ * @param groupNb is the position of the group in the list
|
|
|
+ */
|
|
|
+ removeGroup(groupNb: number): void;
|
|
|
+ /** Change a group header label
|
|
|
+ * @param label is the new group header label
|
|
|
+ * @param groupNb is the number of the group to relabel
|
|
|
+ * */
|
|
|
+ setHeaderName(label: string, groupNb: number): void;
|
|
|
+ /** Change selector label to the one given
|
|
|
+ * @param label is the new selector label
|
|
|
+ * @param groupNb is the number of the groupcontaining the selector
|
|
|
+ * @param selectorNb is the number of the selector within a group to relabel
|
|
|
+ * */
|
|
|
+ relabel(label: string, groupNb: number, selectorNb: number): void;
|
|
|
+ /** For a given group position remove the selector at the given position
|
|
|
+ * @param groupNb is the number of the group to remove the selector from
|
|
|
+ * @param selectorNb is the number of the selector within the group
|
|
|
+ */
|
|
|
+ removeFromGroupSelector(groupNb: number, selectorNb: number): void;
|
|
|
+ /** For a given group position of correct type add a checkbox button
|
|
|
+ * @param groupNb is the number of the group to remove the selector from
|
|
|
+ * @param label is the label for the selector
|
|
|
+ * @param func is the function called when the Selector is checked
|
|
|
+ * @param checked is true when Selector is checked
|
|
|
+ */
|
|
|
+ addToGroupCheckbox(groupNb: number, label: string, func?: () => void, checked?: boolean): void;
|
|
|
+ /** For a given group position of correct type add a radio button
|
|
|
+ * @param groupNb is the number of the group to remove the selector from
|
|
|
+ * @param label is the label for the selector
|
|
|
+ * @param func is the function called when the Selector is checked
|
|
|
+ * @param checked is true when Selector is checked
|
|
|
+ */
|
|
|
+ addToGroupRadio(groupNb: number, label: string, func?: () => void, checked?: boolean): void;
|
|
|
+ /**
|
|
|
+ * For a given slider group add a slider
|
|
|
+ * @param groupNb is the number of the group to add the slider to
|
|
|
+ * @param label is the label for the Slider
|
|
|
+ * @param func is the function called when the Slider moves
|
|
|
+ * @param unit is a string describing the units used, eg degrees or metres
|
|
|
+ * @param min is the minimum value for the Slider
|
|
|
+ * @param max is the maximum value for the Slider
|
|
|
+ * @param value is the start value for the Slider between min and max
|
|
|
+ * @param onVal is the function used to format the value displayed, eg radians to degrees
|
|
|
+ */
|
|
|
+ addToGroupSlider(groupNb: number, label: string, func?: () => void, unit?: string, min?: number, max?: number, value?: number, onVal?: (v: number) => number): void;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
declare module 'babylonjs-gui/2D/controls/textBlock' {
|
|
|
import { Observable } from "babylonjs";
|
|
|
import { Measure } from "babylonjs-gui/2D/measure";
|
|
|
@@ -4202,6 +4374,174 @@ declare module BABYLON.GUI {
|
|
|
}
|
|
|
}
|
|
|
declare module BABYLON.GUI {
|
|
|
+ /** Class used to create a RadioGroup
|
|
|
+ * which contains groups of radio buttons
|
|
|
+ */
|
|
|
+ export class SelectorGroup {
|
|
|
+ /** name of SelectorGroup */
|
|
|
+ name: string;
|
|
|
+ /**
|
|
|
+ * Creates a new SelectorGroup
|
|
|
+ * @param name of group, used as a group heading
|
|
|
+ */
|
|
|
+ constructor(
|
|
|
+ /** name of SelectorGroup */
|
|
|
+ name: string);
|
|
|
+ /** Gets the groupPanel of the SelectorGroup */
|
|
|
+ readonly groupPanel: StackPanel;
|
|
|
+ /** Gets the selectors array */
|
|
|
+ readonly selectors: StackPanel[];
|
|
|
+ /** Gets and sets the group header */
|
|
|
+ header: string;
|
|
|
+ /** @hidden*/
|
|
|
+ _getSelector(selectorNb: number): StackPanel | undefined;
|
|
|
+ /** Removes the selector at the given position
|
|
|
+ * @param selectorNb the position of the selector within the group
|
|
|
+ */
|
|
|
+ removeSelector(selectorNb: number): void;
|
|
|
+ }
|
|
|
+ /** Class used to create a CheckboxGroup
|
|
|
+ * which contains groups of checkbox buttons
|
|
|
+ */
|
|
|
+ export class CheckboxGroup extends SelectorGroup {
|
|
|
+ /** Adds a checkbox as a control
|
|
|
+ * @param text is the label for the selector
|
|
|
+ * @param func is the function called when the Selector is checked
|
|
|
+ * @param checked is true when Selector is checked
|
|
|
+ */
|
|
|
+ addCheckbox(text: string, func?: (s: boolean) => void, checked?: boolean): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorLabel(selectorNb: number, label: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorLabelColor(selectorNb: number, color: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorButtonColor(selectorNb: number, color: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorButtonBackground(selectorNb: number, color: string): void;
|
|
|
+ }
|
|
|
+ /** Class used to create a RadioGroup
|
|
|
+ * which contains groups of radio buttons
|
|
|
+ */
|
|
|
+ export class RadioGroup extends SelectorGroup {
|
|
|
+ /** Adds a radio button as a control
|
|
|
+ * @param label is the label for the selector
|
|
|
+ * @param func is the function called when the Selector is checked
|
|
|
+ * @param checked is true when Selector is checked
|
|
|
+ */
|
|
|
+ addRadio(label: string, func?: (n: number) => void, checked?: boolean): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorLabel(selectorNb: number, label: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorLabelColor(selectorNb: number, color: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorButtonColor(selectorNb: number, color: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorButtonBackground(selectorNb: number, color: string): void;
|
|
|
+ }
|
|
|
+ /** Class used to create a SliderGroup
|
|
|
+ * which contains groups of slider buttons
|
|
|
+ */
|
|
|
+ export class SliderGroup extends SelectorGroup {
|
|
|
+ /**
|
|
|
+ * Adds a slider to the SelectorGroup
|
|
|
+ * @param label is the label for the SliderBar
|
|
|
+ * @param func is the function called when the Slider moves
|
|
|
+ * @param unit is a string describing the units used, eg degrees or metres
|
|
|
+ * @param min is the minimum value for the Slider
|
|
|
+ * @param max is the maximum value for the Slider
|
|
|
+ * @param value is the start value for the Slider between min and max
|
|
|
+ * @param onValueChange is the function used to format the value displayed, eg radians to degrees
|
|
|
+ */
|
|
|
+ addSlider(label: string, func?: (v: number) => void, unit?: string, min?: number, max?: number, value?: number, onValueChange?: (v: number) => number): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorLabel(selectorNb: number, label: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorLabelColor(selectorNb: number, color: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorButtonColor(selectorNb: number, color: string): void;
|
|
|
+ /** @hidden */
|
|
|
+ _setSelectorButtonBackground(selectorNb: number, color: string): void;
|
|
|
+ }
|
|
|
+ /** Class used to hold the controls for the checkboxes, radio buttons and sliders */
|
|
|
+ export class SelectionPanel extends Rectangle {
|
|
|
+ /** name of SelectionPanel */
|
|
|
+ name: string;
|
|
|
+ /** an array of SelectionGroups */
|
|
|
+ groups: SelectorGroup[];
|
|
|
+ /**
|
|
|
+ * Creates a new SelectionPanel
|
|
|
+ * @param name of SelectionPanel
|
|
|
+ * @param groups is an array of SelectionGroups
|
|
|
+ */
|
|
|
+ constructor(
|
|
|
+ /** name of SelectionPanel */
|
|
|
+ name: string,
|
|
|
+ /** an array of SelectionGroups */
|
|
|
+ groups?: SelectorGroup[]);
|
|
|
+ protected _getTypeName(): string;
|
|
|
+ /** Gets or sets the headerColor */
|
|
|
+ headerColor: string;
|
|
|
+ /** Gets or sets the button color */
|
|
|
+ buttonColor: string;
|
|
|
+ /** Gets or sets the label color */
|
|
|
+ labelColor: string;
|
|
|
+ /** Gets or sets the button background */
|
|
|
+ buttonBackground: string;
|
|
|
+ /** Gets or sets the color of separator bar */
|
|
|
+ barColor: string;
|
|
|
+ /** Add a group to the selection panel
|
|
|
+ * @param group is the selector group to add
|
|
|
+ */
|
|
|
+ addGroup(group: SelectorGroup): void;
|
|
|
+ /** Remove the group from the given position
|
|
|
+ * @param groupNb is the position of the group in the list
|
|
|
+ */
|
|
|
+ removeGroup(groupNb: number): void;
|
|
|
+ /** Change a group header label
|
|
|
+ * @param label is the new group header label
|
|
|
+ * @param groupNb is the number of the group to relabel
|
|
|
+ * */
|
|
|
+ setHeaderName(label: string, groupNb: number): void;
|
|
|
+ /** Change selector label to the one given
|
|
|
+ * @param label is the new selector label
|
|
|
+ * @param groupNb is the number of the groupcontaining the selector
|
|
|
+ * @param selectorNb is the number of the selector within a group to relabel
|
|
|
+ * */
|
|
|
+ relabel(label: string, groupNb: number, selectorNb: number): void;
|
|
|
+ /** For a given group position remove the selector at the given position
|
|
|
+ * @param groupNb is the number of the group to remove the selector from
|
|
|
+ * @param selectorNb is the number of the selector within the group
|
|
|
+ */
|
|
|
+ removeFromGroupSelector(groupNb: number, selectorNb: number): void;
|
|
|
+ /** For a given group position of correct type add a checkbox button
|
|
|
+ * @param groupNb is the number of the group to remove the selector from
|
|
|
+ * @param label is the label for the selector
|
|
|
+ * @param func is the function called when the Selector is checked
|
|
|
+ * @param checked is true when Selector is checked
|
|
|
+ */
|
|
|
+ addToGroupCheckbox(groupNb: number, label: string, func?: () => void, checked?: boolean): void;
|
|
|
+ /** For a given group position of correct type add a radio button
|
|
|
+ * @param groupNb is the number of the group to remove the selector from
|
|
|
+ * @param label is the label for the selector
|
|
|
+ * @param func is the function called when the Selector is checked
|
|
|
+ * @param checked is true when Selector is checked
|
|
|
+ */
|
|
|
+ addToGroupRadio(groupNb: number, label: string, func?: () => void, checked?: boolean): void;
|
|
|
+ /**
|
|
|
+ * For a given slider group add a slider
|
|
|
+ * @param groupNb is the number of the group to add the slider to
|
|
|
+ * @param label is the label for the Slider
|
|
|
+ * @param func is the function called when the Slider moves
|
|
|
+ * @param unit is a string describing the units used, eg degrees or metres
|
|
|
+ * @param min is the minimum value for the Slider
|
|
|
+ * @param max is the maximum value for the Slider
|
|
|
+ * @param value is the start value for the Slider between min and max
|
|
|
+ * @param onVal is the function used to format the value displayed, eg radians to degrees
|
|
|
+ */
|
|
|
+ addToGroupSlider(groupNb: number, label: string, func?: () => void, unit?: string, min?: number, max?: number, value?: number, onVal?: (v: number) => number): void;
|
|
|
+ }
|
|
|
+}
|
|
|
+declare module BABYLON.GUI {
|
|
|
/**
|
|
|
* Enum that determines the text-wrapping mode to use.
|
|
|
*/
|
sebastien