Fix 3D slider observables and visibility

packages/dev/gui/src/3D/controls/control3D.ts

@@ -17,13 +17,15 @@ declare type TouchButton3D = import("./touchButton3D").TouchButton3D;
  * Class used as base class for controls
  */
 export class Control3D implements IDisposable, IBehaviorAware<Control3D> {
-    /** @hidden */
-    public _host: GUI3DManager;
     private _node: Nullable<TransformNode>;
     private _downCount = 0;
     private _enterCount = -1;
     private _downPointerIds: { [id: number]: number } = {}; // Store number of pointer downs per ID, from near and far interactions
-    private _isVisible = true;
+
+    protected _isVisible = true;
+
+    /** @hidden */
+    public _host: GUI3DManager;
     /** @hidden */
     public _isScaledByManager = false;
 

packages/dev/gui/src/3D/controls/slider3D.ts

@@ -173,6 +173,17 @@ export class Slider3D extends Control3D {
         return this._sliderBackplateMaterial;
     }
 
+    /** Sets a boolean indicating if the control is visible */
+    public set isVisible(value: boolean) {
+        if (this._isVisible === value) {
+            return;
+        }
+
+        this._isVisible = value;
+
+        this.node?.setEnabled(value);
+    }
+
     // Mesh association
     protected _createNode(scene: Scene): TransformNode {
         const sliderBackplate = CreateBox(
@@ -230,6 +241,11 @@ export class Slider3D extends Control3D {
                 }
                 this._sliderThumb = sliderThumbModel;
             }
+
+            this._injectGUI3DReservedDataStore(sliderBackplate).control = this;
+            sliderBackplate.getChildMeshes().forEach((mesh) => {
+                this._injectGUI3DReservedDataStore(mesh).control = this;
+            });
         });
 
         this._affectMaterial(sliderBackplate);