pict-section-form 1.0.143 → 1.0.145

package/.config/code-server/config.yaml

@@ -0,0 +1,4 @@
+bind-addr: 127.0.0.1:8080
+auth: password
+password: luxury
+cert: false

package/.vscode/settings.json

@@ -1,5 +1,5 @@
 {
-	"workbench.colorTheme": "SynthWave '84",
+	"workbench.colorTheme": "Default High Contrast",
 	"sqltools.connections": [
 		{
 			"mysqlOptions": {

package/Dockerfile_LUXURYCode

@@ -0,0 +1,31 @@
+# Use the codercom/code-server image
+FROM codercom/code-server:latest
+LABEL org.opencontainers.image.authors="steven@velozo.com"
+
+VOLUME /home/coder/.config
+VOLUME /home/coder/.vscode
+
+RUN echo "...installing debian dependencies..."
+RUN sudo apt update
+RUN sudo apt install vim curl tmux -y
+
+RUN echo "Building development image..."
+
+RUN echo "...mapping library specific volumes..."
+
+# Volume mapping for code
+VOLUME /home/coder/pict-section-form
+
+SHELL ["/bin/bash", "-c"]
+USER coder
+
+RUN echo "...installing node version manager..."
+# Because there is a .bashrc chicken/egg problem, we will create one here to simulate logging in.  This is not great.
+RUN touch ~/.bashrc && chmod +x ~/.bashrc
+RUN curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash
+
+RUN echo "...installing node version 14 as the default..."
+RUN . ~/.nvm/nvm.sh && source ~/.bashrc && nvm install 20
+RUN . ~/.nvm/nvm.sh && source ~/.bashrc && nvm alias default 20
+
+WORKDIR /home/coder/pict-section-form

package/debug/BuildHarnessTestApp.sh

@@ -4,6 +4,7 @@
 node ./Step-1-GenerateJSON.js
 node ./Step-2-InjectContent.js
 node ./Step-3-BuildDistilling.js
+node ./Step-4-ConvertToCSV.js
 
 # Navigate to the data folder
 cd data

package/debug/Harness.js

@@ -3,5 +3,6 @@ const libParseCSV = require('../utility/csvparser/ParseCSV-Program.js');
 // This command takes the `TabularManifestCSV.csv` file and imports it into a JSON file
 //libParseCSV.run(['node', 'Harness.js', 'import']);
 // This command takes the `data/MathExampleForm.json` file and injects any sidecare files in the `input_data` folder into the JSON file
-libParseCSV.run(['node', 'Harness.js', 'inject']);
-//libParseCSV.run(['node', 'Harness.js', 'intersect']);
+//libParseCSV.run(['node', 'Harness.js', 'inject']);
+//libParseCSV.run(['node', 'Harness.js', 'intersect']);
+libParseCSV.run(['node', 'Harness.js', 'converttocsv', 'data/MathExampleForm.json', '-o', 'data/MathExampleForm-Reconstituted.csv', '-d', 'data/']);

package/debug/PICTSection-TabularManifests.json

@@ -59,6 +59,7 @@
                     "InputType": "Option",
                     "Row": "3",
                     "Width": "6",
+                    "Units": "planetary",
                     "Section": "Header",
                     "Group": "General_Info"
                 }
@@ -72,6 +73,7 @@
                     "InputType": "Option",
                     "Row": "3",
                     "Width": "6",
+                    "Units": "planetary",
                     "Section": "Header",
                     "Group": "General_Info"
                 }
@@ -89,17 +91,28 @@
                 },
                 "Default": "50000"
             },
-            "BridgeData.IDBridge": {
-                "Hash": "CurrentIDBridge",
-                "Name": "IDBridge",
-                "DataAddress": "BridgeData.IDBridge",
+            "BookData.CurrentIDBook": {
+                "Hash": "CurrentIDBook",
+                "Name": "IDBook",
+                "DataAddress": "BookData.CurrentIDBook",
                 "DataType": "Number",
                 "PictForm": {
                     "Row": "1",
                     "Width": "6",
-                    "SpreadsheetNotes": "Bridge",
-                    "Section": "Bridge",
-                    "Group": "Bridge_Data"
+                    "SpreadsheetNotes": "Book from REST request",
+                    "Providers": [
+                        "Pict-Input-AutofillTriggerGroup"
+                    ],
+                    "EntitiesBundle": [
+                        {
+                            "Entity": "Book",
+                            "Filter": "FBV~IDBook~EQ~{~D:Record.Value~}",
+                            "Destination": "LoadedBook",
+                            "SingleRecord": false
+                        }
+                    ],
+                    "Section": "REST_Request",
+                    "Group": "Book_Data"
                 }
             },
             "HelpContent.Math": {
@@ -149,9 +162,11 @@
                 "PictForm": {
                     "Row": "2",
                     "Width": "3",
+                    "Units": "unrounded",
                     "Section": "Basic_Geometry",
                     "Group": "BasicGeoGrp"
-                }
+                },
+                "Description": "Area of the Rectangle."
             },
             "Geometry.Rectangle.AreaRoundedDefault": {
                 "Hash": "RectangleAreaRoundedDefault",
@@ -161,6 +176,7 @@
                 "PictForm": {
                     "Row": "2",
                     "Width": "3",
+                    "Units": "default",
                     "Section": "Basic_Geometry",
                     "Group": "BasicGeoGrp"
                 }
@@ -173,6 +189,7 @@
                 "PictForm": {
                     "Row": "2",
                     "Width": "3",
+                    "Units": "3",
                     "Section": "Basic_Geometry",
                     "Group": "BasicGeoGrp"
                 }
@@ -185,6 +202,7 @@
                 "PictForm": {
                     "Row": "2",
                     "Width": "3",
+                    "Units": "5",
                     "Section": "Basic_Geometry",
                     "Group": "BasicGeoGrp"
                 }
@@ -197,6 +215,7 @@
                 "PictForm": {
                     "Row": "1",
                     "Width": "12",
+                    "DecimalPrecision": 4,
                     "Section": "Basic_Geometry",
                     "Group": "Circle"
                 },
@@ -210,6 +229,7 @@
                 "PictForm": {
                     "Row": "2",
                     "Width": "3",
+                    "Units": "unrounded",
                     "Section": "Basic_Geometry",
                     "Group": "Circle"
                 }
@@ -222,6 +242,7 @@
                 "PictForm": {
                     "Row": "2",
                     "Width": "3",
+                    "Units": "default",
                     "Section": "Basic_Geometry",
                     "Group": "Circle"
                 }
@@ -234,6 +255,7 @@
                 "PictForm": {
                     "Row": "2",
                     "Width": "3",
+                    "Units": "4",
                     "Section": "Basic_Geometry",
                     "Group": "Circle"
                 }
@@ -246,6 +268,7 @@
                 "PictForm": {
                     "Row": "2",
                     "Width": "3",
+                    "Units": "6",
                     "Section": "Basic_Geometry",
                     "Group": "Circle"
                 }
@@ -254,25 +277,33 @@
                 "Hash": "Boxes",
                 "Name": "Boxes",
                 "DataAddress": "Boxes",
-                "DataType": "Array"
+                "DataType": "Array",
+                "FormGroup": "BoxCollGrp",
+                "FormSection": "BoxCollSec"
             },
             "Boxes[].Floorspace": {
                 "Hash": "BoxesFloorspaceSet",
                 "Name": "BoxesFloorspaceSet",
                 "DataAddress": "Boxes[].Floorspace",
-                "DataType": "Number"
+                "DataType": "Number",
+                "FormGroup": "Box_Summary_Data",
+                "FormSection": "Box_Summary_Data"
             },
             "Boxes[].Volume": {
                 "Hash": "BoxesVolumeSet",
                 "Name": "BoxesVolumeSet",
                 "DataAddress": "Boxes[].Volume",
-                "DataType": "Number"
+                "DataType": "Number",
+                "FormGroup": "Box_Summary_Data",
+                "FormSection": "Box_Summary_Data"
             },
             "Boxes[].Depth": {
                 "Hash": "BoxesDepthSet",
                 "Name": "BoxesDepthSet",
                 "DataAddress": "Boxes[].Depth",
-                "DataType": "Number"
+                "DataType": "Number",
+                "FormGroup": "Box_Summary_Data",
+                "FormSection": "Box_Summary_Data"
             },
             "BoxAggregate.Count": {
                 "Hash": "BoxesCount",
@@ -431,7 +462,7 @@
                     "ChartDatasetsSolvers": [
                         {
                             "DataSolver": "objectvaluestoarray(aggregationhistogrambyobject(Boxes, \"Identifier\", \"Volume\"))",
-                            "Label": "Box Categories"
+                            "Label": "Box Volumes"
                         }
                     ]
                 }
@@ -452,7 +483,7 @@
                     "ChartDatasetsSolvers": [
                         {
                             "DataSolver": "objectvaluestoarray(aggregationhistogrambyobject(Boxes, \"Identifier\", \"Floorspace\"))",
-                            "Label": "Box Categories"
+                            "Label": "Box Floorspace Usage"
                         }
                     ]
                 }
@@ -478,6 +509,7 @@
                 "PictForm": {
                     "Row": "1",
                     "Width": "4",
+                    "Tooltip": "The PR is *very* important.",
                     "Section": "Complex_Equation",
                     "Group": "Complex_Equation"
                 },
@@ -491,6 +523,7 @@
                 "PictForm": {
                     "Row": "1",
                     "Width": "4",
+                    "Tooltip": "Z _is not_ the z-index.",
                     "Section": "Complex_Equation",
                     "Group": "Complex_Equation"
                 },
@@ -504,6 +537,7 @@
                 "PictForm": {
                     "Row": "1",
                     "Width": "4",
+                    "Tooltip": "C is the universal constant.",
                     "Section": "Complex_Equation",
                     "Group": "Complex_Equation"
                 },
@@ -537,13 +571,17 @@
                 "Hash": "Rectangles",
                 "Name": "Rectangles",
                 "DataAddress": "Rectangle",
-                "DataType": "Array"
+                "DataType": "Array",
+                "FormGroup": "Rectangle_Set",
+                "FormSection": "Rectangle_Aggregation"
             },
             "Cylinders": {
                 "Hash": "Cylinders",
                 "Name": "Cylinders",
                 "DataAddress": "Cylinders",
-                "DataType": "Array"
+                "DataType": "Array",
+                "FormGroup": "Cylinders",
+                "FormSection": "Cylinders"
             },
             "Listopia.Filters.Colour": {
                 "Hash": "ColourFilter",
@@ -633,13 +671,13 @@
                 ]
             },
             {
-                "Name": "Bridge",
-                "Hash": "Bridge",
+                "Name": "REST Request",
+                "Hash": "REST_Request",
                 "Solvers": [],
                 "Groups": [
                     {
-                        "Name": "Bridge Data",
-                        "Hash": "Bridge_Data",
+                        "Name": "Book Data",
+                        "Hash": "Book_Data",
                         "Rows": [],
                         "RecordSetSolvers": []
                     }
@@ -817,7 +855,8 @@
                         "Name": "Occlusion Lists",
                         "Hash": "OcclusionLists",
                         "Rows": [],
-                        "RecordSetSolvers": []
+                        "RecordSetSolvers": [],
+                        "CSSClass": "CustomCSSClass"
                     }
                 ]
             }
@@ -990,6 +1029,7 @@
                         "PictForm": {
                             "Row": "1",
                             "Width": "1",
+                            "Units": "meters",
                             "Section": "Rectangle_Aggregation",
                             "Group": "Rectangle_Set"
                         },
@@ -1003,6 +1043,7 @@
                         "PictForm": {
                             "Row": "1",
                             "Width": "1",
+                            "Units": "meters",
                             "Section": "Rectangle_Aggregation",
                             "Group": "Rectangle_Set"
                         },
@@ -1062,6 +1103,7 @@
                         "PictForm": {
                             "Row": "1",
                             "Width": "1",
+                            "DecimalPrecision": 2,
                             "Section": "Cylinders",
                             "Group": "Cylinders"
                         },
@@ -1110,6 +1152,7 @@
                 "Sections": [],
                 "ReferenceManifests": {}
             }
-        }
+        },
+        "FormName": "Math Example Form"
     }
 }

package/debug/Step-4-ConvertToCSV.js

@@ -0,0 +1,3 @@
+const libParseCSV = require('../utility/csvparser/ParseCSV-Program.js');
+// This command takes the `data/MathExampleForm.json` file and injects any sidecar files in the `input_data` folder into the JSON file
+libParseCSV.run(['node', 'Harness.js', 'converttocsv', 'data/MathExampleForm.json', '-o', 'data/MathExampleForm-Reconstituted.csv', '-d', 'data/']);

package/debug/TabularManifestCSV.csv

@@ -6,15 +6,15 @@ MathExampleForm,,,,Header,,General Info,,,,,2,12,,,Header.Description,Descriptio
 MathExampleForm,,,,Header,,General Info,,,,,3,6,,,Header.Planet,Planet,Planet,,planetary,String,,Option,,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,Header,,General Info,,,,,3,6,,,Header.Universe,Universe,Universe,,planetary,String,,Option,,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,Header,,General Info,,,,,4,12,,,Header.WarehouseVolume,Warehouse Volume,WarehouseVolume,,,Number,,,,,50000,,,,,,,,,,,,,,,,,
-MathExampleForm,,,,Bridge,,Bridge Data,,,,,1,6,,,BridgeData.IDBridge,IDBridge,CurrentIDBridge,,,Number,,,,,,,,Bridge,BridgeData.CurrentBridge,true,,,,,,,,,,,,
+MathExampleForm,,,,REST Request,,Book Data,,,,,1,6,,,BookData.CurrentIDBook,IDBook,CurrentIDBook,,,Number,,,,,,,,Book from REST request,Book,IDBook,LoadedBook,,,,,,,,,,,
 MathExampleForm,,,,MatheMagic,,Math is Magic,,,,,1,1,,,HelpContent.Math,So Very Magic,MathHelpContent,,,String,,HTML,,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,Basic Geometry,,Rectangle,BasicGeoGrp,,,,1,6,,,Geometry.Rectangle.Width,Width,RectangleWidth,,,Number,,,,,7.25,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,Basic Geometry,,Rectangle,BasicGeoGrp,,,,1,6,,,Geometry.Rectangle.Height,Height,RectangleHeight,,,Number,,,,,10.3571,,,,,,,,,,,,,,,,,
-MathExampleForm,,,,Basic Geometry,,Rectangle,BasicGeoGrp,,,,2,3,,,Geometry.Rectangle.Area,Area,RectangleArea,,unrounded,Number,,,RectangleArea = RectangleWidth * RectangleHeight,,,,,,,,,,,,,,,,,,,
+MathExampleForm,,,,Basic Geometry,,Rectangle,BasicGeoGrp,,,,2,3,,,Geometry.Rectangle.Area,Area,RectangleArea,,unrounded,Number,,,RectangleArea = RectangleWidth * RectangleHeight,,,Area of the Rectangle.,,,,,,,,,,,,,,,,
 MathExampleForm,,,,Basic Geometry,,Rectangle,BasicGeoGrp,,,,2,3,,,Geometry.Rectangle.AreaRoundedDefault,Area Rounded,RectangleAreaRoundedDefault,,default,Number,,,RectangleAreaRoundedDefault = ROUND(RectangleWidth * RectangleHeight),,,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,Basic Geometry,,Rectangle,BasicGeoGrp,,,,2,3,,,Geometry.Rectangle.AreaRoundedThree,Area Rounded 3,RectangleAreaRoundedThree,,3,Number,,,"RectangleAreaRoundedThree = ROUND((RectangleWidth * RectangleHeight), 3)",,,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,Basic Geometry,,Rectangle,BasicGeoGrp,,,,2,3,,,Geometry.Rectangle.AreaRoundedFour,Area Rounded 5,RectangleAreaRoundedFive,,5,Number,,,"RectangleAreaRoundedFive = ROUND(RectangleArea, 5)",,,,,,,,,,,,,,,,,,,
-MathExampleForm,,,,Basic Geometry,,Circle,,,,,1,12,,,Geometry.Circle.Radius,Radius,CircleRadius,,,Number,,,,,85.523,,,,,,,,,,,,,,,,,
+MathExampleForm,,,,Basic Geometry,,Circle,,,,,1,12,,,Geometry.Circle.Radius,Radius,CircleRadius,,,Number,4,,,,85.523,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,Basic Geometry,,Circle,,,,,2,3,,,Geometry.Circle.Area,Area,CircleArea,,unrounded,Number,,,CircleArea = PI() * CircleRadius^2,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,Basic Geometry,,Circle,,,,,2,3,,,Geometry.Circle.AreaRoundedDefault,Area Rounded,CircleAreaRoundedDefault,,default,Number,,,CircleAreaRoundedDefault = ROUND(PI() * CircleRadius^2),,,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,Basic Geometry,,Circle,,,,,2,3,,,Geometry.Circle.AreaRoundedThree,Area Rounded 4,CircleAreaRoundedFour,,4,Number,,,"CircleAreaRoundedFour = ROUND(CircleArea,4)",,,,,,,,,,,,,,,,,,,
@@ -42,8 +42,8 @@ MathExampleForm,,,,Box Summary Data,,Box Summary Data,,,,,4,3,,,BoxAggregate.Mea
 MathExampleForm,,,,Box Summary Data,,Box Summary Data,,,,,4,3,,,BoxAggregate.MedianDepth,Median Depth,BoxesMedianDepth,,,Number,,,BoxesMedianDepth = MEDIAN(BoxesDepthSet),,,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,Box Summary Data,,Box Summary Data,,,,,4,3,,,BoxAggregate.MaxDepth,Max Depth,BoxesMaxDepth,,,Number,,,BoxesMaxDepth = MAX(BoxesDepthSet),,,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,Box Summary Data,,Box Summary Data,,,,,5,4,,,BoxChart_Sizes,Box Category Volume Comparison,BoxChart_Sizes,,,Object,,Chart,,,,,,,,,,,,,,,pie,,"objectkeystoarray(aggregationhistogrambyobject(Boxes, ""BoxCategory"", ""Volume""))",,Box Categories,"objectvaluestoarray(aggregationhistogrambyobject(Boxes, ""BoxCategory"", ""Volume""))"
-MathExampleForm,,,,Box Summary Data,,Box Summary Data,,,,,5,4,,,BoxChart_Size_Details,Box Size Comparison,BoxChart_Size_Details,,,Object,,Chart,,,,,,,,,,,,,,,bar,,"objectkeystoarray(aggregationhistogrambyobject(Boxes, ""Identifier"", ""Volume""))",,Box Categories,"objectvaluestoarray(aggregationhistogrambyobject(Boxes, ""Identifier"", ""Volume""))"
-MathExampleForm,,,,Box Summary Data,,Box Summary Data,,,,,5,4,,,BoxChart_Scatter,Box Width x Height Scatter,BoxChart_Dimensions,,,Object,,Chart,,,,,,,,,,,,,,,radar,,"objectkeystoarray(aggregationhistogrambyobject(Boxes, ""Identifier"", ""Floorspace""))",,Box Categories,"objectvaluestoarray(aggregationhistogrambyobject(Boxes, ""Identifier"", ""Floorspace""))"
+MathExampleForm,,,,Box Summary Data,,Box Summary Data,,,,,5,4,,,BoxChart_Size_Details,Box Size Comparison,BoxChart_Size_Details,,,Object,,Chart,,,,,,,,,,,,,,,bar,,"objectkeystoarray(aggregationhistogrambyobject(Boxes, ""Identifier"", ""Volume""))",,Box Volumes,"objectvaluestoarray(aggregationhistogrambyobject(Boxes, ""Identifier"", ""Volume""))"
+MathExampleForm,,,,Box Summary Data,,Box Summary Data,,,,,5,4,,,BoxChart_Scatter,Box Width x Height Scatter,BoxChart_Dimensions,,,Object,,Chart,,,,,,,,,,,,,,,radar,,"objectkeystoarray(aggregationhistogrambyobject(Boxes, ""Identifier"", ""Floorspace""))",,Box Floorspace Usage,"objectvaluestoarray(aggregationhistogrambyobject(Boxes, ""Identifier"", ""Floorspace""))"
 MathExampleForm,,,,Rectangular Area Help,,Rectangular Area Help,,,,,1,1,,,HelpContent.Cuboid,How to Cuboid Math,CuboidHelpContent,,,String,,Markdown,,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,Complex Equation,,Complex Equation,,Vertical,,,1,4,,,ComplexEquation.PR,PR,CePR,,,Number,,,,,4.5,,The PR is *very* important.,,,,,,,,,,,,,,,
 MathExampleForm,,,,Complex Equation,,Complex Equation,,,,,1,4,,,ComplexEquation.Z,Z,CeZ,,,Number,,,,,1.5,,Z _is not_ the z-index.,,,,,,,,,,,,,,,
@@ -52,17 +52,17 @@ MathExampleForm,,,,Complex Equation,,Complex Equation,,,,,2,6,,,ComplexEquation.
 MathExampleForm,,,,Complex Equation,,Complex Equation,,,,,2,6,,,ComplexEquation.ResultRounded,Rounded 3,CeResultRounded,,,Number,,,"CeResultRounded = ROUND(CeResult,3)",,,,,,,,,,,,,,,,,,,
 MathExampleForm,,Rectangles,1,Rectangle Aggregation,,Rectangle Set,,,,false,1,1,20,,Rectangle,Rectangles,Rectangles,,,Array,,TabularAddress,,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,Rectangles,,Rectangle Aggregation,,Rectangle Set,,,,,1,1,,,Identifier,Identifier,RectangleIdentifier,,,String,,,,,,,,,,,,,,,,,,,,,,
-MathExampleForm,,Rectangles,,Rectangle Aggregation,,Rectangle Set,,,,,1,1,,,Width,Width,RectangleWidth,,,Number,,,,,,,,,,,,,,,,,,,,,,
-MathExampleForm,,Rectangles,,Rectangle Aggregation,,Rectangle Set,,,,,1,1,,,Height,Height,RectangleHeight,,,Number,,,,,,,,,,,,,,,,,,,,,,
+MathExampleForm,,Rectangles,,Rectangle Aggregation,,Rectangle Set,,,,,1,1,,,Width,Width,RectangleWidth,,meters,Number,,,,,,,,,,,,,,,,,,,,,,
+MathExampleForm,,Rectangles,,Rectangle Aggregation,,Rectangle Set,,,,,1,1,,,Height,Height,RectangleHeight,,meters,Number,,,,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,Rectangles,,Rectangle Aggregation,,Rectangle Set,,,,,1,1,,,Area,Area,RectangleArea,,,Number,,,RectangleArea = RectangleWidth * RectangleHeight,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,Rectangles,,Rectangle Aggregation,,Rectangle Set,,,,,1,1,,,AreaDegredation,Degredation (first minus each subsequent),AreaDegredation,,,Number,,,,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,Cylinders,1,Cylinders,,Cylinders,,,,false,1,1,,,Cylinders,Cylinders,Cylinders,,,Array,,TabularAddress,,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,Cylinders,,Cylinders,,Cylinders,,,,,1,1,,,Identifier,Identifier,Identifier,,,String,,,,,,,,,,,,,,,,,,,,,,
-MathExampleForm,,Cylinders,,Cylinders,,Cylinders,,,,,1,1,,,Radius,Radius,Radius,,,PreciseNumber,,,,,,,,,,,,,,,,,,,,,,
+MathExampleForm,,Cylinders,,Cylinders,,Cylinders,,,,,1,1,,,Radius,Radius,Radius,,,PreciseNumber,2,,,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,Cylinders,,Cylinders,,Cylinders,,,,,1,1,,,Height,Height,Height,,,PreciseNumber,,,,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,Cylinders,,Cylinders,,Cylinders,,,,,1,1,,,Circumference,Circumference,Circumference,,,PreciseNumber,,,Circumference = 2 * PI() * Radius,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,Cylinders,,Cylinders,,Cylinders,,,,,1,1,,,Area,Area,Area,,,PreciseNumber,,,Area = (2 * PI() * Radius * Height) + (2 * PI() * Radius ^2),,,,,,,,,,,,,,,,,,,
-MathExampleForm,,,,List Topia,Listopia,Occlusion Lists,OcclusionLists,,,,1,1,,,Listopia.Filters.Colour,Color Filter,ColourFilter,,,,,,,,,,,,,,,,,,,,,,,,,
+MathExampleForm,,,,List Topia,Listopia,Occlusion Lists,OcclusionLists,,CustomCSSClass,,1,1,,,Listopia.Filters.Colour,Color Filter,ColourFilter,,,,,,,,,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,List Topia,Listopia,Occlusion Lists,OcclusionLists,,,,2,1,,,Listopia.Color,Color,Colors,,,String,,Option,"SUBTRACTINGSUMMATION(Rectangles, ""Area"", ""AreaDegredation"")",,,,,,,,,,,,,,,,,,,
 MathExampleForm,,,,List Topia,Listopia,Occlusion Lists,OcclusionLists,,,,2,1,,,Listopia.Box,Box,BoxSelection,,,String,,Option,,,,,,,,,,,Box,,,,,,,,,
 MathExampleForm,,,,List Topia,Listopia,Occlusion Lists,OcclusionLists,,,,3,1,,,Listopia.Fruit,Fruit,FruitSelection,,,String,,Option,,,,,,,,,,,,,,,,,,,,