Gizmos updates v1 (fast forwarding from v2) (playcanvas#6996)

* ff gizmos in v1 to match v2

* added new files

* updated all @import to typedef

examples/src/examples/misc/gizmos.example.mjs

@@ -137,19 +137,8 @@ light.addComponent('light', {
 app.root.addChild(light);
 light.setEulerAngles(0, 0, -60);
 
-// create layers
-const gizmoLayer = new pc.Layer({
-    name: 'Gizmo',
-    clearDepthBuffer: true,
-    opaqueSortMode: pc.SORTMODE_NONE,
-    transparentSortMode: pc.SORTMODE_NONE
-});
-const layers = app.scene.layers;
-layers.push(gizmoLayer);
-camera.camera.layers = camera.camera.layers.concat(gizmoLayer.id);
-
 // create gizmo
-const gizmoHandler = new GizmoHandler(app, camera.camera, gizmoLayer);
+const gizmoHandler = new GizmoHandler(app, camera.camera);
 gizmoHandler.switch('translate');
 gizmoHandler.add(box);
 window.focus();
@@ -257,7 +246,7 @@ data.on('*:set', (/** @type {string} */ path, value) => {
 
 // picker
 const picker = new pc.Picker(app, canvas.clientWidth, canvas.clientHeight);
-const worldLayer = layers.getLayerByName('World');
+const worldLayer = app.scene.layers.getLayerByName('World');
 const pickerLayers = [worldLayer];
 
 const onPointerDown = (/** @type {PointerEvent} */ e) => {

examples/src/examples/misc/gizmos.gizmo-handler.mjs

@@ -45,13 +45,13 @@ class GizmoHandler {
     /**
      * @param {pc.AppBase} app - The application.
      * @param {pc.CameraComponent} camera - The camera component.
-     * @param {pc.Layer} layer - The gizmo layer
      */
-    constructor(app, camera, layer) {
+    constructor(app, camera) {
+        const layer = pc.Gizmo.createLayer(app);
         this._gizmos = {
-            translate: new pc.TranslateGizmo(app, camera, layer),
-            rotate: new pc.RotateGizmo(app, camera, layer),
-            scale: new pc.ScaleGizmo(app, camera, layer)
+            translate: new pc.TranslateGizmo(camera, layer),
+            rotate: new pc.RotateGizmo(camera, layer),
+            scale: new pc.ScaleGizmo(camera, layer)
         };
 
         for (const type in this._gizmos) {