@babylonjs/gui 5.45.2 → 5.46.0

package/2D/controls/control.js

@@ -15,197 +15,6 @@ import { EngineStore } from "@babylonjs/core/Engines/engineStore.js";
  * @see https://doc.babylonjs.com/features/featuresDeepDive/gui/gui#controls
  */
 export class Control {
-    // Functions
-    /**
-     * Creates a new control
-     * @param name defines the name of the control
-     */
-    constructor(
-    /** defines the name of the control */
-    name) {
-        this.name = name;
-        this._alpha = 1;
-        this._alphaSet = false;
-        this._zIndex = 0;
-        /** @internal */
-        this._currentMeasure = Measure.Empty();
-        /** @internal */
-        this._tempPaddingMeasure = Measure.Empty();
-        this._fontFamily = "Arial";
-        this._fontStyle = "";
-        this._fontWeight = "";
-        this._fontSize = new ValueAndUnit(18, ValueAndUnit.UNITMODE_PIXEL, false);
-        /** @internal */
-        this._width = new ValueAndUnit(1, ValueAndUnit.UNITMODE_PERCENTAGE, false);
-        /** @internal */
-        this._height = new ValueAndUnit(1, ValueAndUnit.UNITMODE_PERCENTAGE, false);
-        this._color = "";
-        this._style = null;
-        /** @internal */
-        this._horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
-        /** @internal */
-        this._verticalAlignment = Control.VERTICAL_ALIGNMENT_CENTER;
-        /** @internal */
-        this._isDirty = true;
-        /** @internal */
-        this._wasDirty = false;
-        /** @internal */
-        this._tempParentMeasure = Measure.Empty();
-        /** @internal */
-        this._prevCurrentMeasureTransformedIntoGlobalSpace = Measure.Empty();
-        /** @internal */
-        this._cachedParentMeasure = Measure.Empty();
-        this._descendantsOnlyPadding = false;
-        this._paddingLeft = new ValueAndUnit(0);
-        this._paddingRight = new ValueAndUnit(0);
-        this._paddingTop = new ValueAndUnit(0);
-        this._paddingBottom = new ValueAndUnit(0);
-        /** @internal */
-        this._left = new ValueAndUnit(0);
-        /** @internal */
-        this._top = new ValueAndUnit(0);
-        this._scaleX = 1.0;
-        this._scaleY = 1.0;
-        this._rotation = 0;
-        this._transformCenterX = 0.5;
-        this._transformCenterY = 0.5;
-        /** @internal */
-        this._transformMatrix = Matrix2D.Identity();
-        /** @internal */
-        this._invertTransformMatrix = Matrix2D.Identity();
-        /** @internal */
-        this._transformedPosition = Vector2.Zero();
-        this._isMatrixDirty = true;
-        this._isVisible = true;
-        this._isHighlighted = false;
-        this._highlightColor = "#4affff";
-        this._highlightLineWidth = 2;
-        this._fontSet = false;
-        this._dummyVector2 = Vector2.Zero();
-        this._downCount = 0;
-        this._enterCount = -1;
-        this._doNotRender = false;
-        this._downPointerIds = {};
-        this._evaluatedMeasure = new Measure(0, 0, 0, 0);
-        this._evaluatedParentMeasure = new Measure(0, 0, 0, 0);
-        this._isEnabled = true;
-        this._disabledColor = "#9a9a9a";
-        this._disabledColorItem = "#6a6a6a";
-        this._isReadOnly = false;
-        this._gradient = null;
-        /** @internal */
-        this._rebuildLayout = false;
-        /** @internal */
-        this._customData = {};
-        /** @internal */
-        this._isClipped = false;
-        /** @internal */
-        this._automaticSize = false;
-        /**
-         * Gets or sets an object used to store user defined information for the node
-         */
-        this.metadata = null;
-        /** Gets or sets a boolean indicating if the control can be hit with pointer events */
-        this.isHitTestVisible = true;
-        /** Gets or sets a boolean indicating if the control can block pointer events. False by default except on the following controls:
-         * * Button controls (Button, RadioButton, ToggleButton)
-         * * Checkbox
-         * * ColorPicker
-         * * InputText
-         * * Slider
-         */
-        this.isPointerBlocker = false;
-        /** Gets or sets a boolean indicating if the control can be focusable */
-        this.isFocusInvisible = false;
-        /**
-         * Gets or sets a boolean indicating if the children are clipped to the current control bounds.
-         * Please note that not clipping children may generate issues with adt.useInvalidateRectOptimization so it is recommended to turn this optimization off if you want to use unclipped children
-         */
-        this.clipChildren = true;
-        /**
-         * Gets or sets a boolean indicating that control content must be clipped
-         * Please note that not clipping children may generate issues with adt.useInvalidateRectOptimization so it is recommended to turn this optimization off if you want to use unclipped children
-         */
-        this.clipContent = true;
-        /**
-         * Gets or sets a boolean indicating that the current control should cache its rendering (useful when the control does not change often)
-         */
-        this.useBitmapCache = false;
-        this._shadowOffsetX = 0;
-        this._shadowOffsetY = 0;
-        this._shadowBlur = 0;
-        this._previousShadowBlur = 0;
-        this._shadowColor = "black";
-        /** Gets or sets the cursor to use when the control is hovered */
-        this.hoverCursor = "";
-        /** @internal */
-        this._linkOffsetX = new ValueAndUnit(0);
-        /** @internal */
-        this._linkOffsetY = new ValueAndUnit(0);
-        this._accessibilityTag = null;
-        this.onAccessibilityTagChangedObservable = new Observable();
-        /**
-         * An event triggered when pointer wheel is scrolled
-         */
-        this.onWheelObservable = new Observable();
-        /**
-         * An event triggered when the pointer moves over the control.
-         */
-        this.onPointerMoveObservable = new Observable();
-        /**
-         * An event triggered when the pointer moves out of the control.
-         */
-        this.onPointerOutObservable = new Observable();
-        /**
-         * An event triggered when the pointer taps the control
-         */
-        this.onPointerDownObservable = new Observable();
-        /**
-         * An event triggered when pointer up
-         */
-        this.onPointerUpObservable = new Observable();
-        /**
-         * An event triggered when a control is clicked on
-         */
-        this.onPointerClickObservable = new Observable();
-        /**
-         * An event triggered when pointer enters the control
-         */
-        this.onPointerEnterObservable = new Observable();
-        /**
-         * An event triggered when the control is marked as dirty
-         */
-        this.onDirtyObservable = new Observable();
-        /**
-         * An event triggered before drawing the control
-         */
-        this.onBeforeDrawObservable = new Observable();
-        /**
-         * An event triggered after the control was drawn
-         */
-        this.onAfterDrawObservable = new Observable();
-        /**
-         * An event triggered when the control has been disposed
-         */
-        this.onDisposeObservable = new Observable();
-        /**
-         * An event triggered when the control isVisible is changed
-         */
-        this.onIsVisibleChangedObservable = new Observable();
-        /**
-         * Gets or sets a fixed ratio for this control.
-         * When different from 0, the ratio is used to compute the "second" dimension.
-         * The first dimension used in the computation is the last one set (by setting width / widthInPixels or height / heightInPixels), and the
-         * second dimension is computed as first dimension * fixedRatio
-         */
-        this.fixedRatio = 0;
-        this._fixedRatioMasterIsWidth = true;
-        /**
-         * Array of animations
-         */
-        this.animations = null;
-        this._tmpMeasureA = new Measure(0, 0, 0, 0);
-    }
     /**
      * Gets or sets a boolean indicating if the control is readonly (default: false).
      * A readonly control will still raise pointer events but will not react to them
@@ -965,6 +774,197 @@ export class Control {
         this._disabledColorItem = value;
         this._markAsDirty();
     }
+    // Functions
+    /**
+     * Creates a new control
+     * @param name defines the name of the control
+     */
+    constructor(
+    /** defines the name of the control */
+    name) {
+        this.name = name;
+        this._alpha = 1;
+        this._alphaSet = false;
+        this._zIndex = 0;
+        /** @internal */
+        this._currentMeasure = Measure.Empty();
+        /** @internal */
+        this._tempPaddingMeasure = Measure.Empty();
+        this._fontFamily = "Arial";
+        this._fontStyle = "";
+        this._fontWeight = "";
+        this._fontSize = new ValueAndUnit(18, ValueAndUnit.UNITMODE_PIXEL, false);
+        /** @internal */
+        this._width = new ValueAndUnit(1, ValueAndUnit.UNITMODE_PERCENTAGE, false);
+        /** @internal */
+        this._height = new ValueAndUnit(1, ValueAndUnit.UNITMODE_PERCENTAGE, false);
+        this._color = "";
+        this._style = null;
+        /** @internal */
+        this._horizontalAlignment = Control.HORIZONTAL_ALIGNMENT_CENTER;
+        /** @internal */
+        this._verticalAlignment = Control.VERTICAL_ALIGNMENT_CENTER;
+        /** @internal */
+        this._isDirty = true;
+        /** @internal */
+        this._wasDirty = false;
+        /** @internal */
+        this._tempParentMeasure = Measure.Empty();
+        /** @internal */
+        this._prevCurrentMeasureTransformedIntoGlobalSpace = Measure.Empty();
+        /** @internal */
+        this._cachedParentMeasure = Measure.Empty();
+        this._descendantsOnlyPadding = false;
+        this._paddingLeft = new ValueAndUnit(0);
+        this._paddingRight = new ValueAndUnit(0);
+        this._paddingTop = new ValueAndUnit(0);
+        this._paddingBottom = new ValueAndUnit(0);
+        /** @internal */
+        this._left = new ValueAndUnit(0);
+        /** @internal */
+        this._top = new ValueAndUnit(0);
+        this._scaleX = 1.0;
+        this._scaleY = 1.0;
+        this._rotation = 0;
+        this._transformCenterX = 0.5;
+        this._transformCenterY = 0.5;
+        /** @internal */
+        this._transformMatrix = Matrix2D.Identity();
+        /** @internal */
+        this._invertTransformMatrix = Matrix2D.Identity();
+        /** @internal */
+        this._transformedPosition = Vector2.Zero();
+        this._isMatrixDirty = true;
+        this._isVisible = true;
+        this._isHighlighted = false;
+        this._highlightColor = "#4affff";
+        this._highlightLineWidth = 2;
+        this._fontSet = false;
+        this._dummyVector2 = Vector2.Zero();
+        this._downCount = 0;
+        this._enterCount = -1;
+        this._doNotRender = false;
+        this._downPointerIds = {};
+        this._evaluatedMeasure = new Measure(0, 0, 0, 0);
+        this._evaluatedParentMeasure = new Measure(0, 0, 0, 0);
+        this._isEnabled = true;
+        this._disabledColor = "#9a9a9a";
+        this._disabledColorItem = "#6a6a6a";
+        this._isReadOnly = false;
+        this._gradient = null;
+        /** @internal */
+        this._rebuildLayout = false;
+        /** @internal */
+        this._customData = {};
+        /** @internal */
+        this._isClipped = false;
+        /** @internal */
+        this._automaticSize = false;
+        /**
+         * Gets or sets an object used to store user defined information for the node
+         */
+        this.metadata = null;
+        /** Gets or sets a boolean indicating if the control can be hit with pointer events */
+        this.isHitTestVisible = true;
+        /** Gets or sets a boolean indicating if the control can block pointer events. False by default except on the following controls:
+         * * Button controls (Button, RadioButton, ToggleButton)
+         * * Checkbox
+         * * ColorPicker
+         * * InputText
+         * * Slider
+         */
+        this.isPointerBlocker = false;
+        /** Gets or sets a boolean indicating if the control can be focusable */
+        this.isFocusInvisible = false;
+        /**
+         * Gets or sets a boolean indicating if the children are clipped to the current control bounds.
+         * Please note that not clipping children may generate issues with adt.useInvalidateRectOptimization so it is recommended to turn this optimization off if you want to use unclipped children
+         */
+        this.clipChildren = true;
+        /**
+         * Gets or sets a boolean indicating that control content must be clipped
+         * Please note that not clipping children may generate issues with adt.useInvalidateRectOptimization so it is recommended to turn this optimization off if you want to use unclipped children
+         */
+        this.clipContent = true;
+        /**
+         * Gets or sets a boolean indicating that the current control should cache its rendering (useful when the control does not change often)
+         */
+        this.useBitmapCache = false;
+        this._shadowOffsetX = 0;
+        this._shadowOffsetY = 0;
+        this._shadowBlur = 0;
+        this._previousShadowBlur = 0;
+        this._shadowColor = "black";
+        /** Gets or sets the cursor to use when the control is hovered */
+        this.hoverCursor = "";
+        /** @internal */
+        this._linkOffsetX = new ValueAndUnit(0);
+        /** @internal */
+        this._linkOffsetY = new ValueAndUnit(0);
+        this._accessibilityTag = null;
+        this.onAccessibilityTagChangedObservable = new Observable();
+        /**
+         * An event triggered when pointer wheel is scrolled
+         */
+        this.onWheelObservable = new Observable();
+        /**
+         * An event triggered when the pointer moves over the control.
+         */
+        this.onPointerMoveObservable = new Observable();
+        /**
+         * An event triggered when the pointer moves out of the control.
+         */
+        this.onPointerOutObservable = new Observable();
+        /**
+         * An event triggered when the pointer taps the control
+         */
+        this.onPointerDownObservable = new Observable();
+        /**
+         * An event triggered when pointer up
+         */
+        this.onPointerUpObservable = new Observable();
+        /**
+         * An event triggered when a control is clicked on
+         */
+        this.onPointerClickObservable = new Observable();
+        /**
+         * An event triggered when pointer enters the control
+         */
+        this.onPointerEnterObservable = new Observable();
+        /**
+         * An event triggered when the control is marked as dirty
+         */
+        this.onDirtyObservable = new Observable();
+        /**
+         * An event triggered before drawing the control
+         */
+        this.onBeforeDrawObservable = new Observable();
+        /**
+         * An event triggered after the control was drawn
+         */
+        this.onAfterDrawObservable = new Observable();
+        /**
+         * An event triggered when the control has been disposed
+         */
+        this.onDisposeObservable = new Observable();
+        /**
+         * An event triggered when the control isVisible is changed
+         */
+        this.onIsVisibleChangedObservable = new Observable();
+        /**
+         * Gets or sets a fixed ratio for this control.
+         * When different from 0, the ratio is used to compute the "second" dimension.
+         * The first dimension used in the computation is the last one set (by setting width / widthInPixels or height / heightInPixels), and the
+         * second dimension is computed as first dimension * fixedRatio
+         */
+        this.fixedRatio = 0;
+        this._fixedRatioMasterIsWidth = true;
+        /**
+         * Array of animations
+         */
+        this.animations = null;
+        this._tmpMeasureA = new Measure(0, 0, 0, 0);
+    }
     /** @internal */
     _getTypeName() {
         return "Control";