From 648ee61ae84216d0236e0dbc211addc13b2cfa3a Mon Sep 17 00:00:00 2001
From: Kris Kowal
Date: Fri, 6 Jul 2012 11:52:06 -0700
Subject: Expand tabs

---
 .../materials-popup.reel/materials-popup.js        | 842 ++++++++++-----------
 1 file changed, 421 insertions(+), 421 deletions(-)

(limited to 'js/panels/Materials/materials-popup.reel/materials-popup.js')

diff --git a/js/panels/Materials/materials-popup.reel/materials-popup.js b/js/panels/Materials/materials-popup.reel/materials-popup.js
index 7c5493c6..cecb0a71 100755
--- a/js/panels/Materials/materials-popup.reel/materials-popup.js
+++ b/js/panels/Materials/materials-popup.reel/materials-popup.js
@@ -51,26 +51,26 @@ exports.MaterialsPopup = Montage.create(Component, {
         serializable: true
     },
 
-	// Material Properties
+    // Material Properties
     _materialName: {
         enumerable: true,
         value: ""
     },
 
-	_useSelection: {  value: false,  enumerable: true },
-	_whichMaterial: { value: "fill", enumerable: true },
-	_originalValues: {value: null,  enumerable: true },
-
-	captureAction: {
-		value:function(event) {
-			switch(event._currentTarget.label)
-			{
-				case "Cancel":
-					console.log("Cancel material edit");
-					this.revertToOriginalValues();
-					break;
-				case "OK":
-					console.log("Committing material with the following values:");
+    _useSelection: {  value: false,  enumerable: true },
+    _whichMaterial: { value: "fill", enumerable: true },
+    _originalValues: {value: null,  enumerable: true },
+
+    captureAction: {
+        value:function(event) {
+            switch(event._currentTarget.label)
+            {
+                case "Cancel":
+                    console.log("Cancel material edit");
+                    this.revertToOriginalValues();
+                    break;
+                case "OK":
+                    console.log("Committing material with the following values:");
                     for(var i=0, len=this.materialsProperties.childComponents.length; i< len; i++)
                     {
                         var childControl = this.materialsProperties.childComponents[i];
@@ -88,53 +88,53 @@ exports.MaterialsPopup = Montage.create(Component, {
                         console.log("--------------");
 
                     }
-					break;
-			}
+                    break;
+            }
 
             // Notify Materials Library to close popup
             NJevent("hideMaterialPopup");
-		}
-	},
-
-	revertToOriginalValues:
-	{
-		value: function()
-		{
-			if (this._originalValues)
-			{
-				this._material.importJSON( this._originalValues );
-
-				if (this._useSelection)
-				{
-					var selection = this.application.ninja.selectedElements;
-					if (selection && (selection.length > 0))
-					{
-						var nObjs = selection.length;
-						for (var iObj=0;  iObj<nObjs;  iObj++)
-						{
-							var canvas = selection[iObj];
-							var obj;
-							if (canvas.elementModel && canvas.elementModel.shapeModel)  obj = canvas.elementModel.shapeModel.GLGeomObj;
-							if (obj)
-							{
-								var matArray = obj._materialArray;
-								var matTypeArray = obj._materialTypeArray;
-								var nMats = matArray.length;
-								for (var iMat=0;  iMat<nMats;  iMat++)
-								{
-									if (matTypeArray[iMat] === this._whichMaterial)
-										matArray[iMat].importJSON( this._originalValues );
-								}
-								var world = obj.getWorld();
-								if (world)
-									world.restartRenderLoop();
-							}
-						}
-					}
-				}
-			}
-		}
-	},
+        }
+    },
+
+    revertToOriginalValues:
+    {
+        value: function()
+        {
+            if (this._originalValues)
+            {
+                this._material.importJSON( this._originalValues );
+
+                if (this._useSelection)
+                {
+                    var selection = this.application.ninja.selectedElements;
+                    if (selection && (selection.length > 0))
+                    {
+                        var nObjs = selection.length;
+                        for (var iObj=0;  iObj<nObjs;  iObj++)
+                        {
+                            var canvas = selection[iObj];
+                            var obj;
+                            if (canvas.elementModel && canvas.elementModel.shapeModel)  obj = canvas.elementModel.shapeModel.GLGeomObj;
+                            if (obj)
+                            {
+                                var matArray = obj._materialArray;
+                                var matTypeArray = obj._materialTypeArray;
+                                var nMats = matArray.length;
+                                for (var iMat=0;  iMat<nMats;  iMat++)
+                                {
+                                    if (matTypeArray[iMat] === this._whichMaterial)
+                                        matArray[iMat].importJSON( this._originalValues );
+                                }
+                                var world = obj.getWorld();
+                                if (world)
+                                    world.restartRenderLoop();
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    },
 
     updatePreview:
     {
@@ -165,8 +165,8 @@ exports.MaterialsPopup = Montage.create(Component, {
                 console.log(event.propertyLabel + " changing to " + event.propertyValue);
             }
 
-			if (event.propertyLabel && event.propertyValue)
-				this.applyProperty( event.propertyLabel,  event.propertyValue );
+            if (event.propertyLabel && event.propertyValue)
+                this.applyProperty( event.propertyLabel,  event.propertyValue );
         }
     },
 
@@ -174,7 +174,7 @@ exports.MaterialsPopup = Montage.create(Component, {
     {
         value: function(theEvent)
         {
-			var event = theEvent._event;
+            var event = theEvent._event;
             if(typeof event.propertyValue === "object")
             {
                 console.log(event.propertyLabel + " changed to ");
@@ -185,316 +185,316 @@ exports.MaterialsPopup = Montage.create(Component, {
                 console.log(event.propertyLabel + " changed to " + event.propertyValue);
             }
 
-			if (event.propertyLabel)
-				this.applyProperty( event.propertyLabel,  event.propertyValue );
+            if (event.propertyLabel)
+                this.applyProperty( event.propertyLabel,  event.propertyValue );
         }
     },
 
-	applyProperty:
-	{
-		value: function( propLabel, propValue)
-		{
-			// find the property lable in the array
-			// This assumes no duplication in labels
-			if (this._propLabels)
-			{
-				// the label cones through with a trailing ':'.  remove that
-				var ch = propLabel[ propLabel.length - 1];
-				if (ch == ':')
-					propLabel = propLabel.substr(0, propLabel.length - 1);
-				
-				var index;
-				var nProps = this._propLabels.length;
-				for (var i=0;  i<nProps;  i++)
-				{
-					if (this._propLabels[i] == propLabel)
-					{
-						index = i;
-						break;
-					}
-				}
-				if ((index != null) && this._material)
-				{
-					var value = this.decodeValue( this._propTypes[index],  propValue );
-					this._material.setProperty( this._propNames[index],  value );
-				}
-
-				if (this._useSelection)
-				{
-					console.log( "apply to selection" );
-
-					var selection = this.application.ninja.selectedElements;
-					if (selection && (selection.length > 0))
-					{
-						var nObjs = selection.length;
-						for (var iObj=0;  iObj<nObjs;  iObj++)
-						{
-							var canvas = selection[iObj];
-							var obj;
-							if (canvas.elementModel && canvas.elementModel.shapeModel)  obj = canvas.elementModel.shapeModel.GLGeomObj;
-							if (obj)
-							{
-								var matArray = obj._materialArray;
-								var matTypeArray = obj._materialTypeArray;
-								var nMats = matArray.length;
-								for (var iMat=0;  iMat<nMats;  iMat++)
-								{
-									if (matTypeArray[iMat] === this._whichMaterial)
-										matArray[iMat].setProperty( this._propNames[index], value );
-								}
-								var world = obj.getWorld();
-								if (world)
-									world.restartRenderLoop();
-							}
-						}
-					}
-				}
-			}
-		}
-	},
-
-	decodeValue:
-	{
-		value: function( type,  value )
-		{
-			var rtnValue;
-			switch (type)
-			{
-				case "color":
-					rtnValue = [ value['r']/255.0,  value['g']/255.0,  value['b']/255.0, value['a'] ];
-					break;
-
-				case "vector2d":
-				case "vector3d":
-					rtnValue = [];
-					for (var i in value)  rtnValue.push( value[i] );
-					break;
-
-				case "float":
-					rtnValue = value;
-					break;
-
-				case "angle":
-					rtnValue = value*3.14159/180.0;
-					break;
-
-				case "file":
-					if (value && (value.length > 0))
-					{
-						var index = value.lastIndexOf( "/" );
-						if (index < 0)  index = value.lastIndexOf( "\\" );
-						if (index >= 0)
-						{
-							value = value.substr( index+1 );
-							value = "assets/images/" + value;
-						}
-						rtnValue = value.slice(0);
-					}
-					break;
-
-				case "checkbox":
-					rtnValue = value;
-					break;
-
-				default:
-					console.log( "unrecognized material control type: " + type );
-					break;
-			}
-			return rtnValue;
-		}
-	},
+    applyProperty:
+    {
+        value: function( propLabel, propValue)
+        {
+            // find the property lable in the array
+            // This assumes no duplication in labels
+            if (this._propLabels)
+            {
+                // the label cones through with a trailing ':'.  remove that
+                var ch = propLabel[ propLabel.length - 1];
+                if (ch == ':')
+                    propLabel = propLabel.substr(0, propLabel.length - 1);
+                
+                var index;
+                var nProps = this._propLabels.length;
+                for (var i=0;  i<nProps;  i++)
+                {
+                    if (this._propLabels[i] == propLabel)
+                    {
+                        index = i;
+                        break;
+                    }
+                }
+                if ((index != null) && this._material)
+                {
+                    var value = this.decodeValue( this._propTypes[index],  propValue );
+                    this._material.setProperty( this._propNames[index],  value );
+                }
+
+                if (this._useSelection)
+                {
+                    console.log( "apply to selection" );
+
+                    var selection = this.application.ninja.selectedElements;
+                    if (selection && (selection.length > 0))
+                    {
+                        var nObjs = selection.length;
+                        for (var iObj=0;  iObj<nObjs;  iObj++)
+                        {
+                            var canvas = selection[iObj];
+                            var obj;
+                            if (canvas.elementModel && canvas.elementModel.shapeModel)  obj = canvas.elementModel.shapeModel.GLGeomObj;
+                            if (obj)
+                            {
+                                var matArray = obj._materialArray;
+                                var matTypeArray = obj._materialTypeArray;
+                                var nMats = matArray.length;
+                                for (var iMat=0;  iMat<nMats;  iMat++)
+                                {
+                                    if (matTypeArray[iMat] === this._whichMaterial)
+                                        matArray[iMat].setProperty( this._propNames[index], value );
+                                }
+                                var world = obj.getWorld();
+                                if (world)
+                                    world.restartRenderLoop();
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    },
+
+    decodeValue:
+    {
+        value: function( type,  value )
+        {
+            var rtnValue;
+            switch (type)
+            {
+                case "color":
+                    rtnValue = [ value['r']/255.0,  value['g']/255.0,  value['b']/255.0, value['a'] ];
+                    break;
+
+                case "vector2d":
+                case "vector3d":
+                    rtnValue = [];
+                    for (var i in value)  rtnValue.push( value[i] );
+                    break;
+
+                case "float":
+                    rtnValue = value;
+                    break;
+
+                case "angle":
+                    rtnValue = value*3.14159/180.0;
+                    break;
+
+                case "file":
+                    if (value && (value.length > 0))
+                    {
+                        var index = value.lastIndexOf( "/" );
+                        if (index < 0)  index = value.lastIndexOf( "\\" );
+                        if (index >= 0)
+                        {
+                            value = value.substr( index+1 );
+                            value = "assets/images/" + value;
+                        }
+                        rtnValue = value.slice(0);
+                    }
+                    break;
+
+                case "checkbox":
+                    rtnValue = value;
+                    break;
+
+                default:
+                    console.log( "unrecognized material control type: " + type );
+                    break;
+            }
+            return rtnValue;
+        }
+    },
 
     ////////////////////////////////////////////////////////////////////
-	//
-	prepareForDraw: {
-		enumerable: false,
-		value: function() {
+    //
+    prepareForDraw: {
+        enumerable: false,
+        value: function() {
             this.cancelButton.addEventListener("action", this, true);
 
             this.okButton.addEventListener("action", this, true);
         }
     },
-	////////////////////////////////////////////////////////////////////
-	//
-	didDraw: {
-		enumerable: false,
-		value: function() {
+    ////////////////////////////////////////////////////////////////////
+    //
+    didDraw: {
+        enumerable: false,
+        value: function() {
            this.materialTitle.innerHTML = this._materialName;
-		}
-	},
-
-	//Garbage collection (Manual method)
-	destroy: {
-		enumerable: false,
-		value: function() {
-			// add cleanup routines here
-		}
-	},
-
-	loadMaterials:
-	{
-		enumerable: true,
-		value: function(materialID,  useSelection,  whichMaterial)
-		{
-			//TODO - Hack to force repetition to draw. Setting .length = 0 did not work.
-			this.materialsData = [];
-
-			var material;
-			this._materialName = materialID;
-			if (useSelection)
-			{
-				this._useSelection = true;
-				var selection = this.application.ninja.selectedElements;
-				if (selection && (selection.length > 0))
-				{
-					var canvas = selection[0];
-					var obj;
-					this._whichMaterial = whichMaterial;
-					if (canvas.elementModel && canvas.elementModel.shapeModel)  obj = canvas.elementModel.shapeModel.GLGeomObj;
-					if (obj)
-						material = (whichMaterial === 'stroke') ? obj.getStrokeMaterial() : obj.getFillMaterial();
-				}
-			}
-			else
-			{
-				this._useSelection = false;
-
-				if(
-						(materialID ===  "Bump Metal")		||
-						(materialID ===  "Deform")			||
-						(materialID ===  "Flat")			||
-						(materialID ===  "Flag")			||
-						(materialID ===  "Fly")				||
-						(materialID ===  "Julia")			||
-						(materialID ===  "Keleidoscope")	||
-						(materialID ===  "Linear Gradient")	||
-						(materialID ===  "Mandel")			||
-						(materialID ===  "Paris")			||
-						(materialID ===  "Plasma")			||
-						(materialID ===  "Pulse")			||
-						(materialID ===  "Radial Blur")		||
-						(materialID ===  "Radial Gradient")	||
-						(materialID ===  "Raiders")			||
-						(materialID ===  "Relief Tunnel")	||
-						(materialID ===  "Square Tunnel")	||
-						(materialID ===  "Star")			||
-						(materialID ===  "Taper")			||
-						(materialID ===  "Tunnel")			||
-						(materialID ===  "Twist")			||
-						(materialID ===  "Twist Vertex")	||
-						(materialID ===  "Uber")			||
-						(materialID ===  "Water")			||
-						(materialID ===  "Z-Invert")
-					)
-				{
-					material = MaterialsModel.getMaterial( materialID );
-				}
-			}
-				
-			if (material)
-			{
-				this._material = material;
-				this._originalValues = material.exportJSON();
-				this.materialsData = this.getMaterialData( material );
-			}
-			else
-			{
-				this.materialsData = this[materialID];
-			}
-			this.needsDraw = true;
-		}
-	},
-
-	getMaterialData:
-	{
-		value: function( material )
-		{
-			// declare the array to hold the results
-			var rtnArray = [];
-
-			var propNames = [],  propValues = [],  propTypes = [],  propLabels = [];
-			this._propNames = propNames;
-			this._propValues = propValues;
-			this._propTypes = propTypes;
-			this._propLabels = propLabels;
-			material.getAllProperties( propNames,  propValues,  propTypes,  propLabels);
-			var n = propNames.length;
-			for (var i=0;  i<n;  i++)
-			{
-				var obj;
-				switch (propTypes[i])
-				{
-					case "color":
-						obj = this.createColorData( propLabels[i], propValues[i] );
-						break;
-
-					case "vector2d":
-						obj = this.createVectorData( 2, propLabels[i], propValues[i] );
-						break;
-
-					case "vector3d":
-						obj = this.createVectorData( 3, propLabels[i], propValues[i] );
-						break;
-
-					case "float":
-						obj = this.createFloatData( propLabels[i], propValues[i] );
-						break;
-
-					case "angle":
-						obj = this.createFloatData( propLabels[i], propValues[i]*180.0/3.14159 );
-						break;
-
-					case "file":
-						obj = this.createFileData( propLabels[i], propValues[i] );
-						break;
-
-					case "checkbox":
-						obj = this.createCheckboxData( propLabels[i], propValues[i] );
-						break;
-
-					default:
-						console.log( "unrecognized material control type: " + propType[i] );
-						break;
-				}
-
-				if (obj)
-				{
-					rtnArray.push( obj );
-					obj = null;
-				}
-			}
-
-			return rtnArray;
-		}
-	},
-
-	createColorData:
-	{
-		value:  function( label,  color )
-		{
+        }
+    },
+
+    //Garbage collection (Manual method)
+    destroy: {
+        enumerable: false,
+        value: function() {
+            // add cleanup routines here
+        }
+    },
+
+    loadMaterials:
+    {
+        enumerable: true,
+        value: function(materialID,  useSelection,  whichMaterial)
+        {
+            //TODO - Hack to force repetition to draw. Setting .length = 0 did not work.
+            this.materialsData = [];
+
+            var material;
+            this._materialName = materialID;
+            if (useSelection)
+            {
+                this._useSelection = true;
+                var selection = this.application.ninja.selectedElements;
+                if (selection && (selection.length > 0))
+                {
+                    var canvas = selection[0];
+                    var obj;
+                    this._whichMaterial = whichMaterial;
+                    if (canvas.elementModel && canvas.elementModel.shapeModel)  obj = canvas.elementModel.shapeModel.GLGeomObj;
+                    if (obj)
+                        material = (whichMaterial === 'stroke') ? obj.getStrokeMaterial() : obj.getFillMaterial();
+                }
+            }
+            else
+            {
+                this._useSelection = false;
+
+                if(
+                        (materialID ===  "Bump Metal")      ||
+                        (materialID ===  "Deform")          ||
+                        (materialID ===  "Flat")            ||
+                        (materialID ===  "Flag")            ||
+                        (materialID ===  "Fly")             ||
+                        (materialID ===  "Julia")           ||
+                        (materialID ===  "Keleidoscope")    ||
+                        (materialID ===  "Linear Gradient") ||
+                        (materialID ===  "Mandel")          ||
+                        (materialID ===  "Paris")           ||
+                        (materialID ===  "Plasma")          ||
+                        (materialID ===  "Pulse")           ||
+                        (materialID ===  "Radial Blur")     ||
+                        (materialID ===  "Radial Gradient") ||
+                        (materialID ===  "Raiders")         ||
+                        (materialID ===  "Relief Tunnel")   ||
+                        (materialID ===  "Square Tunnel")   ||
+                        (materialID ===  "Star")            ||
+                        (materialID ===  "Taper")           ||
+                        (materialID ===  "Tunnel")          ||
+                        (materialID ===  "Twist")           ||
+                        (materialID ===  "Twist Vertex")    ||
+                        (materialID ===  "Uber")            ||
+                        (materialID ===  "Water")           ||
+                        (materialID ===  "Z-Invert")
+                    )
+                {
+                    material = MaterialsModel.getMaterial( materialID );
+                }
+            }
+                
+            if (material)
+            {
+                this._material = material;
+                this._originalValues = material.exportJSON();
+                this.materialsData = this.getMaterialData( material );
+            }
+            else
+            {
+                this.materialsData = this[materialID];
+            }
+            this.needsDraw = true;
+        }
+    },
+
+    getMaterialData:
+    {
+        value: function( material )
+        {
+            // declare the array to hold the results
+            var rtnArray = [];
+
+            var propNames = [],  propValues = [],  propTypes = [],  propLabels = [];
+            this._propNames = propNames;
+            this._propValues = propValues;
+            this._propTypes = propTypes;
+            this._propLabels = propLabels;
+            material.getAllProperties( propNames,  propValues,  propTypes,  propLabels);
+            var n = propNames.length;
+            for (var i=0;  i<n;  i++)
+            {
+                var obj;
+                switch (propTypes[i])
+                {
+                    case "color":
+                        obj = this.createColorData( propLabels[i], propValues[i] );
+                        break;
+
+                    case "vector2d":
+                        obj = this.createVectorData( 2, propLabels[i], propValues[i] );
+                        break;
+
+                    case "vector3d":
+                        obj = this.createVectorData( 3, propLabels[i], propValues[i] );
+                        break;
+
+                    case "float":
+                        obj = this.createFloatData( propLabels[i], propValues[i] );
+                        break;
+
+                    case "angle":
+                        obj = this.createFloatData( propLabels[i], propValues[i]*180.0/3.14159 );
+                        break;
+
+                    case "file":
+                        obj = this.createFileData( propLabels[i], propValues[i] );
+                        break;
+
+                    case "checkbox":
+                        obj = this.createCheckboxData( propLabels[i], propValues[i] );
+                        break;
+
+                    default:
+                        console.log( "unrecognized material control type: " + propType[i] );
+                        break;
+                }
+
+                if (obj)
+                {
+                    rtnArray.push( obj );
+                    obj = null;
+                }
+            }
+
+            return rtnArray;
+        }
+    },
+
+    createColorData:
+    {
+        value:  function( label,  color )
+        {
             var css = 'rgba(' + Math.floor(color[0]*255) + ',' + Math.floor(color[1]*255) + ',' + Math.floor(color[2]*255) + ',' + color[3] + ')';
             var colorObj = this.application.ninja.colorController.getColorObjFromCss(css)
-			var obj =
-			{
-				"label":		label,
-				"description":	"a color",
-				"controlType":	"ColorChip",
+            var obj =
+            {
+                "label":        label,
+                "description":  "a color",
+                "controlType":  "ColorChip",
                 "defaults":
                 {
-					"color":	colorObj
-				}
-			};
-
-			return obj;
-		}
-	},
-
-	createFloatData:
-	{
-		value: function( label, value )
-		{
-			var obj =
-			{
+                    "color":    colorObj
+                }
+            };
+
+            return obj;
+        }
+    },
+
+    createFloatData:
+    {
+        value: function( label, value )
+        {
+            var obj =
+            {
                 "label":         label,
                 "description":   "floating point value",
                 "controlType":   "HotText",
@@ -503,40 +503,40 @@ exports.MaterialsPopup = Montage.create(Component, {
                     "minValue": 0,
                     "maxValue": 400,
                     "decimalPlace": 100,
-					"value": value
+                    "value": value
                 }
-			}
-
-			return obj;
-		}
-	},
-	
-	createCheckboxData:
-	{
-		value: function( label, value )
-		{
-			var obj =
-			{
+            }
+
+            return obj;
+        }
+    },
+    
+    createCheckboxData:
+    {
+        value: function( label, value )
+        {
+            var obj =
+            {
                 "label":         label,
                 "description":   "checkbox",
                 "controlType":   "Button",
                 "defaults":
                 {
                     "isToggleButton": true,
-					"value": value
+                    "value": value
                 }
-			}
-
-			return obj;
-		}
-	},
-
-	createFileData:
-	{
-		value: function( label, value )
-		{
-			var obj =
-			{
+            }
+
+            return obj;
+        }
+    },
+
+    createFileData:
+    {
+        value: function( label, value )
+        {
+            var obj =
+            {
                 "label":         label,
                 "description":   "Image file",
                 "controlType":   "FileInput",
@@ -546,16 +546,16 @@ exports.MaterialsPopup = Montage.create(Component, {
                 }
             };
 
-			return obj;
-		}
-	},
+            return obj;
+        }
+    },
 
-	createVectorData:
-	{
-		value: function( dimen, label, value )
-		{
-			var obj = 
-			{
+    createVectorData:
+    {
+        value: function( dimen, label, value )
+        {
+            var obj = 
+            {
                 "label":         label,
                 "description":   "a vector",
                 "controlType":   "InputGroup",
@@ -568,8 +568,8 @@ exports.MaterialsPopup = Montage.create(Component, {
                             "controlType":   "HotText",
                             "defaults":
                             {
-								"decimalPlace": 100,
-								"minValue": -10,
+                                "decimalPlace": 100,
+                                "minValue": -10,
                                 "maxValue":  10,
                                 "value": value[0]
                             }
@@ -580,35 +580,35 @@ exports.MaterialsPopup = Montage.create(Component, {
                             "controlType":   "HotText",
                             "defaults":
                             {
-								"decimalPlace": 100,
-								"minValue": -100,
+                                "decimalPlace": 100,
+                                "minValue": -100,
                                 "maxValue":  100,
-								"value":	value[1]
+                                "value":    value[1]
                            }
                         }
                     ]
                 }
-			}
-
-			if (dimen > 2)
-			{
-				obj["defaults"]["data"][2] =
-				{
-					"label":         "Z",
-					"description":   "Z value",
-					"controlType":   "HotText",
-					"defaults":
-					{
-						"minValue": -1.e8,
-						"maxValue":  1.e8,
-						"value":	value[2]
-					}
-				}
-			}
-
-			return obj;
-		}
-	},
+            }
+
+            if (dimen > 2)
+            {
+                obj["defaults"]["data"][2] =
+                {
+                    "label":         "Z",
+                    "description":   "Z value",
+                    "controlType":   "HotText",
+                    "defaults":
+                    {
+                        "minValue": -1.e8,
+                        "maxValue":  1.e8,
+                        "value":    value[2]
+                    }
+                }
+            }
+
+            return obj;
+        }
+    },
 
     // _dummyData1
     CheckerBoard: {
@@ -800,11 +800,11 @@ exports.MaterialsPopup = Montage.create(Component, {
     },
     
     _materialsData: {
-		enumerable: true,
+        enumerable: true,
         serializable: true,
-	    value: []
+        value: []
     
-	},
+    },
 
     materialsData: {
         enumerable: true,
-- 
cgit v1.2.3