@onerjs/gui 8.35.7 → 8.35.9

package/2D/controls/control.d.ts

@@ -105,6 +105,9 @@ export declare class Control implements IAnimatable, IFocusableControl {
     private _isHighlighted;
     private _highlightColor;
     protected _highlightLineWidth: number;
+    private _isInternalHighlighted;
+    private _internalHighlightColor;
+    private _internalHighlightLineWidth;
     /** @internal */
     _linkedMesh: Nullable<TransformNode>;
     private _fontSet;
@@ -338,6 +341,24 @@ export declare class Control implements IAnimatable, IFocusableControl {
      */
     get highlightColor(): string;
     set highlightColor(value: string);
+    /**
+     * @internal
+     * @param value
+     */
+    set isInternalHighlighted(value: boolean);
+    get isInternalHighlighted(): boolean;
+    /**
+     * @internal
+     * @param value
+     */
+    set internalHighlightColor(value: string);
+    get internalHighlightColor(): string;
+    /**
+     * @internal
+     * @param value
+     */
+    set internalHighlightLineWidth(value: number);
+    get internalHighlightLineWidth(): number;
     /** Gets or sets a value indicating the scale factor on X axis (1 by default)
      * @see https://doc.babylonjs.com/features/featuresDeepDive/gui/gui#rotation-and-scaling
      */

package/2D/controls/control.js

@@ -208,6 +208,48 @@ export class Control {
         this._highlightColor = value;
         this._markAsDirty();
     }
+    /**
+     * @internal
+     * @param value
+     */
+    set isInternalHighlighted(value) {
+        if (this._isInternalHighlighted === value) {
+            return;
+        }
+        this._isInternalHighlighted = value;
+        this.markAsDirty();
+    }
+    get isInternalHighlighted() {
+        return this._isInternalHighlighted;
+    }
+    /**
+     * @internal
+     * @param value
+     */
+    set internalHighlightColor(value) {
+        if (this._internalHighlightColor === value) {
+            return;
+        }
+        this._internalHighlightColor = value;
+        this._markAsDirty();
+    }
+    get internalHighlightColor() {
+        return this._internalHighlightColor;
+    }
+    /**
+     * @internal
+     * @param value
+     */
+    set internalHighlightLineWidth(value) {
+        if (this._internalHighlightLineWidth === value) {
+            return;
+        }
+        this._internalHighlightLineWidth = value;
+        this.markAsDirty();
+    }
+    get internalHighlightLineWidth() {
+        return this._internalHighlightLineWidth;
+    }
     /** Gets or sets a value indicating the scale factor on X axis (1 by default)
      * @see https://doc.babylonjs.com/features/featuresDeepDive/gui/gui#rotation-and-scaling
      */
@@ -1004,6 +1046,9 @@ export class Control {
         this._isHighlighted = false;
         this._highlightColor = "#4affff";
         this._highlightLineWidth = 2;
+        this._isInternalHighlighted = false;
+        this._internalHighlightColor = "#4affff";
+        this._internalHighlightLineWidth = 2;
         this._fontSet = false;
         this._dummyVector2 = Vector2.Zero();
         this._downCount = 0;
@@ -1529,12 +1574,12 @@ export class Control {
      * @internal
      */
     _renderHighlight(context) {
-        if (!this.isHighlighted) {
+        if (!this.isHighlighted && !this.isInternalHighlighted) {
             return;
         }
         context.save();
-        context.strokeStyle = this._highlightColor;
-        context.lineWidth = this._highlightLineWidth;
+        context.strokeStyle = this.isInternalHighlighted ? this._internalHighlightColor : this._highlightColor;
+        context.lineWidth = this.isInternalHighlighted ? this._internalHighlightLineWidth : this._highlightLineWidth;
         this._renderHighlightSpecific(context);
         context.restore();
     }