Split out the Depth setters to their own component.

Author: photonstorm

v3/src/gameobjects/components/Depth.js

@@ -0,0 +1,34 @@
+//  Depth Component
+
+var Depth = {
+
+    //  "private" properties
+    _depth: 0,
+
+    depth: {
+
+        get: function ()
+        {
+            return this._depth;
+        },
+
+        set: function (value)
+        {
+            this.scene.sys.sortChildrenFlag = true;
+            this._depth = value;
+        }
+
+    },
+
+    setDepth: function (value)
+    {
+        if (value === undefined) { value = 0; }
+
+        this.depth = value;
+
+        return this;
+    }
+
+};
+
+module.exports = Depth;

v3/src/gameobjects/components/index.js

@@ -6,6 +6,8 @@ module.exports = {
     Animation: require('./Animation'),
     BlendMode: require('./BlendMode'),
     ComputedSize: require('./ComputedSize'),
+    DataProxy: require('./DataProxy'),
+    Depth: require('./Depth'),
     Flip: require('./Flip'),
     GetBounds: require('./GetBounds'),
     Origin: require('./Origin'),