ato-water-lib 0.0.91 → 0.0.93

package/fesm2015/ato-water-lib.mjs

@@ -886,6 +886,9 @@ class AtoGojsEditorModel {
         ENUM_COLORS["SNOW"] = "#FEF7F6";
         ENUM_COLORS["LIGHT_SKY_BLUE_2"] = "#92B9F9";
         ENUM_COLORS["REGENT_ST_BLUE"] = "#87cee7";
+        ENUM_COLORS["SELAGO"] = "#F6F3F6";
+        ENUM_COLORS["ICE_COLD"] = "#ABE0D9";
+        ENUM_COLORS["MINT_CREAM"] = "#F8FCFB";
         //  98CDE0
     })(ENUM_COLORS = AtoGojsEditorModel.ENUM_COLORS || (AtoGojsEditorModel.ENUM_COLORS = {}));
     let ENUM_LINK_TYPES;
@@ -1454,6 +1457,8 @@ class AtoGojsEditorModel {
         ENUM_TYPES.ETP_WASTEWATER_TREATMENT,
         ENUM_TYPES.MBR_WASTEWATER_TREATMENT,
         ENUM_TYPES.ZLD_WASTEWATER_TREATMENT,
+        ENUM_TYPES.IMMERSED_UF_WATER_TREATMENTS,
+        ENUM_TYPES.PRESSURIZED_UF_WATER_TREATMENTS,
         ENUM_TYPES.DOMESTIC_USE,
         ENUM_TYPES.COOLING_TOWER,
         ENUM_TYPES.BOILER,
@@ -2478,6 +2483,8 @@ class AtoGojsEditorModel {
         ENUM_TYPES.WATER_TREATMENT,
         ENUM_TYPES.DEMIN_WATER_TREATMENT,
         ENUM_TYPES.RO_WATER_TREATMENT,
+        ENUM_TYPES.IMMERSED_UF_WATER_TREATMENTS,
+        ENUM_TYPES.PRESSURIZED_UF_WATER_TREATMENTS,
         ENUM_TYPES.PROCESS,
         ENUM_TYPES.WASTEWATER_TREATMENT,
         ENUM_TYPES.DAF_WASTEWATER_TREATMENT,
@@ -2496,6 +2503,8 @@ class AtoGojsEditorModel {
     AtoGojsEditorModel.TYPE_TEMPLATE_WATER_NORMAL = [
         AtoGojsEditorModel.ENUM_TEMPLATES.PROCESS,
         AtoGojsEditorModel.ENUM_TEMPLATES.BOILER,
+        AtoGojsEditorModel.ENUM_TEMPLATES.IMMERSED_UF_WATER_TREATMENTS,
+        AtoGojsEditorModel.ENUM_TEMPLATES.PRESSURIZED_UF_WATER_TREATMENTS,
         AtoGojsEditorModel.ENUM_TEMPLATES.COOLING_TOWER,
         AtoGojsEditorModel.ENUM_TEMPLATES.ETP_WASTEWATER_TREATMENT,
         AtoGojsEditorModel.ENUM_TEMPLATES.ZLD_WASTEWATER_TREATMENT,
@@ -2627,6 +2636,8 @@ class AtoGojsEditorModel {
         [AtoGojsEditorModel.ENUM_TEMPLATES.STEAM_PIPELINE]: AtoGojsEditorModel.ENUM_TEMPLATES.PIPELINE,
         [AtoGojsEditorModel.ENUM_TEMPLATES.BOILER_ENERGY]: AtoGojsEditorModel.ENUM_TEMPLATES.BOILER,
         [AtoGojsEditorModel.ENUM_TEMPLATES.COOLING_TOWER_ENERGY]: AtoGojsEditorModel.ENUM_TEMPLATES.COOLING_TOWER,
+        [AtoGojsEditorModel.ENUM_TEMPLATES.IMMERSED_UF_WATER_TREATMENTS]: AtoGojsEditorModel.ENUM_TEMPLATES.COOLING_TOWER,
+        [AtoGojsEditorModel.ENUM_TEMPLATES.PRESSURIZED_UF_WATER_TREATMENTS]: AtoGojsEditorModel.ENUM_TEMPLATES.COOLING_TOWER,
     };
 })(AtoGojsEditorModel || (AtoGojsEditorModel = {}));
 
@@ -3444,6 +3455,11 @@ class AtoDefaultGojsEditor {
             this.makeGroupCoolingTowerTemplate(AtoGojsEditorModel.NODE_TEMPLATES[node === null || node === void 0 ? void 0 : node.type].icon, AtoGojsEditorModel.NODE_TEMPLATES[node === null || node === void 0 ? void 0 : node.type].name);
             return;
         }
+        if ((node === null || node === void 0 ? void 0 : node.type) ===
+            AtoGojsEditorModel.ENUM_TEMPLATES.IMMERSED_UF_WATER_TREATMENTS) {
+            this.makeGroupCoolingTowerTemplate(AtoGojsEditorModel.NODE_TEMPLATES[node === null || node === void 0 ? void 0 : node.type].icon, AtoGojsEditorModel.NODE_TEMPLATES[node === null || node === void 0 ? void 0 : node.type].name);
+            return;
+        }
         if ((node === null || node === void 0 ? void 0 : node.type) ===
             AtoGojsEditorModel.ENUM_TEMPLATES.PRESSURIZED_UF_WATER_TREATMENTS) {
             this.makeGroupCoolingTowerTemplate(AtoGojsEditorModel.NODE_TEMPLATES[node === null || node === void 0 ? void 0 : node.type].icon, AtoGojsEditorModel.NODE_TEMPLATES[node === null || node === void 0 ? void 0 : node.type].name);
@@ -3634,7 +3650,7 @@ class AtoDefaultGojsEditor {
         // for water
         const { STORAGE, WATER_TREATMENT, DEMIN_WATER_TREATMENT, 
         // RO_WATER_TREATMENT,
-        PROCESS, WASTEWATER_TREATMENT, DAF_WASTEWATER_TREATMENT, ETP_WASTEWATER_TREATMENT, MBR_WASTEWATER_TREATMENT, ZLD_WASTEWATER_TREATMENT, COOLING_TOWER, BOILER, OTHER, LANDSCAPING_IRRIGATION, } = AtoGojsEditorModel.ENUM_TEMPLATES;
+        PROCESS, WASTEWATER_TREATMENT, DAF_WASTEWATER_TREATMENT, ETP_WASTEWATER_TREATMENT, MBR_WASTEWATER_TREATMENT, ZLD_WASTEWATER_TREATMENT, COOLING_TOWER, BOILER, OTHER, LANDSCAPING_IRRIGATION, PRESSURIZED_UF_WATER_TREATMENTS, IMMERSED_UF_WATER_TREATMENTS, } = AtoGojsEditorModel.ENUM_TEMPLATES;
         const waterGroups = [
             STORAGE,
             WATER_TREATMENT,
@@ -3650,6 +3666,8 @@ class AtoDefaultGojsEditor {
             BOILER,
             OTHER,
             LANDSCAPING_IRRIGATION,
+            PRESSURIZED_UF_WATER_TREATMENTS,
+            IMMERSED_UF_WATER_TREATMENTS,
         ];
         waterGroups.map((e) => {
             if (!!AtoGojsEditorModel.NODE_TEMPLATES[e]) {
@@ -4416,6 +4434,10 @@ class AtoDefaultGojsEditor {
                         AtoGojsEditorModel.NODE_TEMPLATES[AtoGojsEditorModel.ENUM_TEMPLATES.RO_WATER_TREATMENT].name,
                         AtoGojsEditorModel.NODE_TEMPLATES[AtoGojsEditorModel.ENUM_TEMPLATES.COOLING_TOWER].name,
                         AtoGojsEditorModel.NODE_TEMPLATES[AtoGojsEditorModel.ENUM_TEMPLATES.BOILER].name,
+                        AtoGojsEditorModel.NODE_TEMPLATES[AtoGojsEditorModel.ENUM_TEMPLATES
+                            .IMMERSED_UF_WATER_TREATMENTS].name,
+                        AtoGojsEditorModel.NODE_TEMPLATES[AtoGojsEditorModel.ENUM_TEMPLATES
+                            .PRESSURIZED_UF_WATER_TREATMENTS].name,
                     ].includes(title)
                         ? [
                             AtoDefaultGojsEditor.ENUM_ACTIONS.RENAME,
@@ -7033,6 +7055,18 @@ var ENUM_ASSET_PARAMETERS;
     ENUM_ASSET_PARAMETERS["CHEMISTRY_PERMEATE_TURBIDITY"] = "Chemistry_Permeate_Turbidity";
     ENUM_ASSET_PARAMETERS["CHEMISTRY_PERMEATE_TEMPERATURE"] = "Chemistry_Permeate_Temperature";
     ENUM_ASSET_PARAMETERS["CHEMISTRY_FEED_TURBIDITY"] = "Chemistry_Feed_Turbidity";
+    // For RO
+    // Flow
+    ENUM_ASSET_PARAMETERS["NORMALIZED_PRESSURE_DROP"] = "Normalized Pressure Drop";
+    ENUM_ASSET_PARAMETERS["NORMALIZED_PERMEATE_FLOW_RATE"] = "Normalized Permeate Flow Rate";
+    ENUM_ASSET_PARAMETERS["CONDENSATE_PRESSURE"] = "Condensate Pressure";
+    ENUM_ASSET_PARAMETERS["PRESSURE"] = "Pressure";
+    ENUM_ASSET_PARAMETERS["DIFFERENTIAL_PRESSURE"] = "Differential Pressure";
+    ENUM_ASSET_PARAMETERS["TDS"] = "TDS";
+    ENUM_ASSET_PARAMETERS["CONDUCTIVITY"] = "Conductivity";
+    ENUM_ASSET_PARAMETERS["TEMPERATURE"] = "Temperature";
+    ENUM_ASSET_PARAMETERS["REJECTION_RATE"] = "Rejection Rate";
+    ENUM_ASSET_PARAMETERS["NORMALIZED_REJECTION_RATE"] = "Normalized Rejection Rate";
 })(ENUM_ASSET_PARAMETERS || (ENUM_ASSET_PARAMETERS = {}));
 var WATER_SYSTEMS_NAME;
 (function (WATER_SYSTEMS_NAME) {
@@ -7078,6 +7112,25 @@ var WATER_SYSTEMS_NAME;
     WATER_SYSTEMS_NAME["IMMERSED_UF_FEED"] = "Feed";
     WATER_SYSTEMS_NAME["IMMERSED_UF_FEED__FLOW"] = "Feed Flow";
     WATER_SYSTEMS_NAME["IMMERSED_UF_FEED__CHEMISTRY"] = "Feed Chemistry";
+    // For RO
+    WATER_SYSTEMS_NAME["FEED"] = "Feed";
+    WATER_SYSTEMS_NAME["RO"] = "RO";
+    WATER_SYSTEMS_NAME["CONCENTRATE"] = "Concentrate";
+    WATER_SYSTEMS_NAME["PERMEATE"] = "Permeate";
+    WATER_SYSTEMS_NAME["PRE_FILTER"] = "Pre-filter";
+    WATER_SYSTEMS_NAME["HP_PUMP"] = "HP Pump";
+    WATER_SYSTEMS_NAME["RO_FEED__FLOW"] = "Feed Flow";
+    WATER_SYSTEMS_NAME["RO_SYSTEM_KPIS__FLOW"] = "System KPIs Flow";
+    WATER_SYSTEMS_NAME["RO_RO__FLOW"] = "RO Flow";
+    WATER_SYSTEMS_NAME["RO_CONCENTRATE__FLOW"] = "Concentrate Flow";
+    WATER_SYSTEMS_NAME["RO_PERMEATE__FLOW"] = "Permeate Flow";
+    WATER_SYSTEMS_NAME["RO_PRE_FILTER__FLOW"] = "Pre-filter Flow";
+    WATER_SYSTEMS_NAME["RO_HP_PUMP__FLOW"] = "HP Pump Flow";
+    WATER_SYSTEMS_NAME["RO_FEED__CHEMISTRY"] = "Feed Chemistry";
+    WATER_SYSTEMS_NAME["RO_RO__CHEMISTRY"] = "RO Chemistry";
+    WATER_SYSTEMS_NAME["RO_PERMEATE__CHEMISTRY"] = "Permeate Chemistry";
+    WATER_SYSTEMS_NAME["RO_SYSTEM_KPIS__CHEMISTRY"] = "System KPIs Chemistry";
+    WATER_SYSTEMS_NAME["RO_CONCENTRATE__CHEMISTRY"] = "Concentrate Chemistry";
 })(WATER_SYSTEMS_NAME || (WATER_SYSTEMS_NAME = {}));
 const DATA_ASSET_PARAMETER_FIELDS = {
     [ENUM_ASSET_PARAMETERS.FEED_FLOW_RATE]: {
@@ -7388,161 +7441,178 @@ const DATA_ASSET_PARAMETER_FIELDS = {
         name: 'Turbidity',
         key: ENUM_ASSET_PARAMETERS.CHEMISTRY_FEED_TURBIDITY,
     },
-};
-const DATA_WATER_SYSTEMS = {
-    [WATER_SYSTEMS_NAME.EVAPORATION_LOSS]: {
-        title: WATER_SYSTEMS_NAME.EVAPORATION_LOSS,
-        color: AtoGojsEditorModel.ENUM_COLORS.FLAMINGO,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.FLAMINGO,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.SNOW,
+    // For RO
+    [ENUM_ASSET_PARAMETERS.NORMALIZED_PRESSURE_DROP]: {
+        name: ENUM_ASSET_PARAMETERS.NORMALIZED_PRESSURE_DROP,
+        key: ENUM_ASSET_PARAMETERS.NORMALIZED_PRESSURE_DROP,
     },
-    [WATER_SYSTEMS_NAME.WARMER_WATER]: {
-        title: WATER_SYSTEMS_NAME.WARMER_WATER,
-        color: AtoGojsEditorModel.ENUM_COLORS.CARROT_ORANGE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.CARROT_ORANGE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.OLD_LACE,
+    [ENUM_ASSET_PARAMETERS.NORMALIZED_PERMEATE_FLOW_RATE]: {
+        name: ENUM_ASSET_PARAMETERS.NORMALIZED_PERMEATE_FLOW_RATE,
+        key: ENUM_ASSET_PARAMETERS.NORMALIZED_PERMEATE_FLOW_RATE,
     },
-    [WATER_SYSTEMS_NAME.BLOWDOWN_WATER]: {
-        title: WATER_SYSTEMS_NAME.BLOWDOWN_WATER,
-        color: AtoGojsEditorModel.ENUM_COLORS.CARROT_ORANGE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.CARROT_ORANGE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.OLD_LACE,
+    [ENUM_ASSET_PARAMETERS.PRESSURE]: {
+        name: ENUM_ASSET_PARAMETERS.PRESSURE,
+        key: ENUM_ASSET_PARAMETERS.PRESSURE,
     },
-    [WATER_SYSTEMS_NAME.MAKEUP_WATER__FLOW]: {
-        title: WATER_SYSTEMS_NAME.MAKEUP_WATER,
-        color: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.CERULEAN_ALICE_BLUE,
+    [ENUM_ASSET_PARAMETERS.DIFFERENTIAL_PRESSURE]: {
+        name: ENUM_ASSET_PARAMETERS.DIFFERENTIAL_PRESSURE,
+        key: ENUM_ASSET_PARAMETERS.DIFFERENTIAL_PRESSURE,
     },
-    [WATER_SYSTEMS_NAME.MAKEUP_WATER__CHEMISTRY]: {
-        title: WATER_SYSTEMS_NAME.MAKEUP_WATER,
-        color: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.CERULEAN_ALICE_BLUE,
+    [ENUM_ASSET_PARAMETERS.TDS]: {
+        name: ENUM_ASSET_PARAMETERS.TDS,
+        key: ENUM_ASSET_PARAMETERS.TDS,
     },
-    [WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS]: {
-        title: WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS,
-        color: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
+    [ENUM_ASSET_PARAMETERS.CONDUCTIVITY]: {
+        name: ENUM_ASSET_PARAMETERS.CONDUCTIVITY,
+        key: ENUM_ASSET_PARAMETERS.CONDUCTIVITY,
     },
-    [WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY]: {
-        title: WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY,
-        color: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
+    [ENUM_ASSET_PARAMETERS.TEMPERATURE]: {
+        name: ENUM_ASSET_PARAMETERS.TEMPERATURE,
+        key: ENUM_ASSET_PARAMETERS.TEMPERATURE,
     },
-    [WATER_SYSTEMS_NAME.SYSTEM_KPIS]: {
-        title: WATER_SYSTEMS_NAME.SYSTEM_KPIS,
-        color: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
+    [ENUM_ASSET_PARAMETERS.CONDUCTIVITY]: {
+        name: ENUM_ASSET_PARAMETERS.CONDUCTIVITY,
+        key: ENUM_ASSET_PARAMETERS.CONDUCTIVITY,
     },
-    // For Boiler
-    [WATER_SYSTEMS_NAME.MAKEUP_WATER]: {
-        title: WATER_SYSTEMS_NAME.MAKEUP_WATER,
-        color: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.CERULEAN_ALICE_BLUE,
-    },
-    [WATER_SYSTEMS_NAME.CONDENSATE_RETURN]: {
-        title: WATER_SYSTEMS_NAME.CONDENSATE_RETURN,
-        color: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
-    },
-    [WATER_SYSTEMS_NAME.STEAM]: {
-        title: WATER_SYSTEMS_NAME.STEAM,
-        color: AtoGojsEditorModel.ENUM_COLORS.FLAMINGO,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.FLAMINGO,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.SNOW,
-    },
-    [WATER_SYSTEMS_NAME.BOILER_FEED_WATER]: {
-        title: WATER_SYSTEMS_NAME.BOILER_FEED_WATER,
-        color: AtoGojsEditorModel.ENUM_COLORS.LIGHT_SKY_BLUE_2,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.LIGHT_SKY_BLUE_2,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.DANUBE_ALICE_BLUE,
+    [ENUM_ASSET_PARAMETERS.REJECTION_RATE]: {
+        name: ENUM_ASSET_PARAMETERS.REJECTION_RATE,
+        key: ENUM_ASSET_PARAMETERS.REJECTION_RATE,
     },
-    [WATER_SYSTEMS_NAME.BOILER_WATER]: {
-        title: WATER_SYSTEMS_NAME.BOILER_WATER,
-        color: AtoGojsEditorModel.ENUM_COLORS.REGENT_ST_BLUE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.REGENT_ST_BLUE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
+    [ENUM_ASSET_PARAMETERS.NORMALIZED_REJECTION_RATE]: {
+        name: ENUM_ASSET_PARAMETERS.NORMALIZED_REJECTION_RATE,
+        key: ENUM_ASSET_PARAMETERS.NORMALIZED_REJECTION_RATE,
     },
-    [WATER_SYSTEMS_NAME.STEAM_LOSS]: {
-        title: WATER_SYSTEMS_NAME.STEAM_LOSS,
+};
+const STYLE_TABLE_PARAM = {
+    FLAMINGO: {
         color: AtoGojsEditorModel.ENUM_COLORS.FLAMINGO,
         borderTable: AtoGojsEditorModel.ENUM_COLORS.FLAMINGO,
         bgColor: AtoGojsEditorModel.ENUM_COLORS.SNOW,
     },
-    [WATER_SYSTEMS_NAME.BLOWDOWN]: {
-        title: WATER_SYSTEMS_NAME.BLOWDOWN,
+    CARROT_ORANGE: {
         color: AtoGojsEditorModel.ENUM_COLORS.CARROT_ORANGE,
         borderTable: AtoGojsEditorModel.ENUM_COLORS.CARROT_ORANGE,
         bgColor: AtoGojsEditorModel.ENUM_COLORS.OLD_LACE,
     },
-    // For Immersed UF
-    [WATER_SYSTEMS_NAME.IMMERSED_UF_SYSTEM_KPIS__FLOW]: {
-        title: WATER_SYSTEMS_NAME.IMMERSED_UF_SYSTEM_KPIS,
-        color: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
-    },
-    [WATER_SYSTEMS_NAME.IMMERSED_UF_SYSTEM_KPIS__CHEMISTRY]: {
-        title: WATER_SYSTEMS_NAME.IMMERSED_UF_SYSTEM_KPIS,
-        color: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
-    },
-    [WATER_SYSTEMS_NAME.IMMERSED_UF_UF__FLOW]: {
-        title: WATER_SYSTEMS_NAME.IMMERSED_UF_UF,
-        color: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
+    CERULEAN: {
+        color: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
+        borderTable: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
+        bgColor: AtoGojsEditorModel.ENUM_COLORS.CERULEAN_ALICE_BLUE,
     },
-    [WATER_SYSTEMS_NAME.IMMERSED_UF_UF__CHEMISTRY]: {
-        title: WATER_SYSTEMS_NAME.IMMERSED_UF_UF,
+    FOUNTAIN_BLUE: {
         color: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
         borderTable: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
         bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
     },
-    [WATER_SYSTEMS_NAME.IMMERSED_UF_BACK_PULSE__FLOW]: {
-        title: WATER_SYSTEMS_NAME.IMMERSED_UF_BACK_PULSE,
-        color: AtoGojsEditorModel.ENUM_COLORS.MEDIUM_RED_VIOLET,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.MEDIUM_RED_VIOLET,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
+    LIGHT_SKY_BLUE_2: {
+        color: AtoGojsEditorModel.ENUM_COLORS.LIGHT_SKY_BLUE_2,
+        borderTable: AtoGojsEditorModel.ENUM_COLORS.LIGHT_SKY_BLUE_2,
+        bgColor: AtoGojsEditorModel.ENUM_COLORS.DANUBE_ALICE_BLUE,
     },
-    [WATER_SYSTEMS_NAME.IMMERSED_UF_BACK_PULSE__CHEMISTRY]: {
-        title: WATER_SYSTEMS_NAME.IMMERSED_UF_BACK_PULSE,
+    // REGENT_ST_BLUE: { // #87cee7
+    //   color: AtoGojsEditorModel.ENUM_COLORS.REGENT_ST_BLUE,
+    //   borderTable: AtoGojsEditorModel.ENUM_COLORS.REGENT_ST_BLUE,
+    //   bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
+    // },
+    MEDIUM_RED_VIOLET: {
         color: AtoGojsEditorModel.ENUM_COLORS.MEDIUM_RED_VIOLET,
         borderTable: AtoGojsEditorModel.ENUM_COLORS.MEDIUM_RED_VIOLET,
         bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
     },
-    [WATER_SYSTEMS_NAME.IMMERSED_UF_PERMEATE__FLOW]: {
-        title: WATER_SYSTEMS_NAME.IMMERSED_UF_PERMEATE,
-        color: AtoGojsEditorModel.ENUM_COLORS.BLUE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.BLUE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
-    },
-    [WATER_SYSTEMS_NAME.IMMERSED_UF_PERMEATE__CHEMISTRY]: {
-        title: WATER_SYSTEMS_NAME.IMMERSED_UF_PERMEATE,
-        color: AtoGojsEditorModel.ENUM_COLORS.BLUE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.BLUE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
-    },
-    [WATER_SYSTEMS_NAME.IMMERSED_UF_FEED__FLOW]: {
-        title: WATER_SYSTEMS_NAME.IMMERSED_UF_FEED,
-        color: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
-    },
-    [WATER_SYSTEMS_NAME.IMMERSED_UF_FEED__CHEMISTRY]: {
-        title: WATER_SYSTEMS_NAME.IMMERSED_UF_FEED,
-        color: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        borderTable: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
-        bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
+    // BLUE: { // #81B8FF
+    //   color: AtoGojsEditorModel.ENUM_COLORS.BLUE,
+    //   borderTable: AtoGojsEditorModel.ENUM_COLORS.BLUE,
+    //   bgColor: AtoGojsEditorModel.ENUM_COLORS.AZURE,
+    // }
+    ICE_COLD: {
+        color: AtoGojsEditorModel.ENUM_COLORS.ICE_COLD,
+        borderTable: AtoGojsEditorModel.ENUM_COLORS.ICE_COLD,
+        bgColor: AtoGojsEditorModel.ENUM_COLORS.MINT_CREAM,
     },
 };
+const DATA_WATER_SYSTEMS = {
+    [WATER_SYSTEMS_NAME.EVAPORATION_LOSS]: Object.assign({ title: WATER_SYSTEMS_NAME.EVAPORATION_LOSS }, STYLE_TABLE_PARAM.FLAMINGO),
+    [WATER_SYSTEMS_NAME.WARMER_WATER]: Object.assign({ title: WATER_SYSTEMS_NAME.WARMER_WATER }, STYLE_TABLE_PARAM.CARROT_ORANGE),
+    [WATER_SYSTEMS_NAME.BLOWDOWN_WATER]: Object.assign({ title: WATER_SYSTEMS_NAME.BLOWDOWN_WATER }, STYLE_TABLE_PARAM.CARROT_ORANGE),
+    [WATER_SYSTEMS_NAME.MAKEUP_WATER__FLOW]: Object.assign({ title: WATER_SYSTEMS_NAME.MAKEUP_WATER }, STYLE_TABLE_PARAM.CERULEAN),
+    [WATER_SYSTEMS_NAME.MAKEUP_WATER__CHEMISTRY]: Object.assign({ title: WATER_SYSTEMS_NAME.MAKEUP_WATER }, STYLE_TABLE_PARAM.CERULEAN),
+    [WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS]: Object.assign({ title: WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS }, STYLE_TABLE_PARAM.FOUNTAIN_BLUE),
+    [WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY]: Object.assign({ title: WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY }, STYLE_TABLE_PARAM.FOUNTAIN_BLUE),
+    [WATER_SYSTEMS_NAME.SYSTEM_KPIS]: Object.assign({ title: WATER_SYSTEMS_NAME.SYSTEM_KPIS }, STYLE_TABLE_PARAM.FOUNTAIN_BLUE),
+    // For Boiler
+    [WATER_SYSTEMS_NAME.MAKEUP_WATER]: Object.assign({ title: WATER_SYSTEMS_NAME.MAKEUP_WATER }, STYLE_TABLE_PARAM.CERULEAN),
+    [WATER_SYSTEMS_NAME.CONDENSATE_RETURN]: Object.assign({ title: WATER_SYSTEMS_NAME.CONDENSATE_RETURN }, STYLE_TABLE_PARAM.FOUNTAIN_BLUE),
+    [WATER_SYSTEMS_NAME.STEAM]: Object.assign({ title: WATER_SYSTEMS_NAME.STEAM }, STYLE_TABLE_PARAM.FLAMINGO),
+    [WATER_SYSTEMS_NAME.BOILER_FEED_WATER]: Object.assign({ title: WATER_SYSTEMS_NAME.BOILER_FEED_WATER }, STYLE_TABLE_PARAM.LIGHT_SKY_BLUE_2),
+    [WATER_SYSTEMS_NAME.BOILER_WATER]: Object.assign({ title: WATER_SYSTEMS_NAME.BOILER_WATER }, STYLE_TABLE_PARAM.FOUNTAIN_BLUE),
+    [WATER_SYSTEMS_NAME.STEAM_LOSS]: Object.assign({ title: WATER_SYSTEMS_NAME.STEAM_LOSS }, STYLE_TABLE_PARAM.FLAMINGO),
+    [WATER_SYSTEMS_NAME.BLOWDOWN]: Object.assign({ title: WATER_SYSTEMS_NAME.BLOWDOWN }, STYLE_TABLE_PARAM.CARROT_ORANGE),
+    // For Immersed UF
+    [WATER_SYSTEMS_NAME.IMMERSED_UF_SYSTEM_KPIS__FLOW]: Object.assign({ title: WATER_SYSTEMS_NAME.IMMERSED_UF_SYSTEM_KPIS }, STYLE_TABLE_PARAM.FOUNTAIN_BLUE),
+    [WATER_SYSTEMS_NAME.IMMERSED_UF_SYSTEM_KPIS__CHEMISTRY]: Object.assign({ title: WATER_SYSTEMS_NAME.IMMERSED_UF_SYSTEM_KPIS }, STYLE_TABLE_PARAM.FOUNTAIN_BLUE),
+    [WATER_SYSTEMS_NAME.IMMERSED_UF_UF__FLOW]: Object.assign({ title: WATER_SYSTEMS_NAME.IMMERSED_UF_UF }, STYLE_TABLE_PARAM.FOUNTAIN_BLUE),
+    [WATER_SYSTEMS_NAME.IMMERSED_UF_UF__CHEMISTRY]: Object.assign({ title: WATER_SYSTEMS_NAME.IMMERSED_UF_UF }, STYLE_TABLE_PARAM.FOUNTAIN_BLUE),
+    [WATER_SYSTEMS_NAME.IMMERSED_UF_BACK_PULSE__FLOW]: Object.assign({ title: WATER_SYSTEMS_NAME.IMMERSED_UF_BACK_PULSE }, STYLE_TABLE_PARAM.MEDIUM_RED_VIOLET),
+    [WATER_SYSTEMS_NAME.IMMERSED_UF_BACK_PULSE__CHEMISTRY]: Object.assign({ title: WATER_SYSTEMS_NAME.IMMERSED_UF_BACK_PULSE }, STYLE_TABLE_PARAM.MEDIUM_RED_VIOLET),
+    [WATER_SYSTEMS_NAME.IMMERSED_UF_PERMEATE__FLOW]: Object.assign({ title: WATER_SYSTEMS_NAME.IMMERSED_UF_PERMEATE }, STYLE_TABLE_PARAM.CERULEAN),
+    [WATER_SYSTEMS_NAME.IMMERSED_UF_PERMEATE__CHEMISTRY]: Object.assign({ title: WATER_SYSTEMS_NAME.IMMERSED_UF_PERMEATE }, STYLE_TABLE_PARAM.CERULEAN),
+    [WATER_SYSTEMS_NAME.IMMERSED_UF_FEED__FLOW]: Object.assign({ title: WATER_SYSTEMS_NAME.IMMERSED_UF_FEED }, STYLE_TABLE_PARAM.FOUNTAIN_BLUE),
+    [WATER_SYSTEMS_NAME.IMMERSED_UF_FEED__CHEMISTRY]: Object.assign({ title: WATER_SYSTEMS_NAME.IMMERSED_UF_FEED }, STYLE_TABLE_PARAM.FOUNTAIN_BLUE),
+    [WATER_SYSTEMS_NAME.FEED]: Object.assign({ title: WATER_SYSTEMS_NAME.FEED }, STYLE_TABLE_PARAM.CERULEAN),
+    [WATER_SYSTEMS_NAME.RO]: Object.assign({ title: WATER_SYSTEMS_NAME.RO }, STYLE_TABLE_PARAM.MEDIUM_RED_VIOLET),
+    [WATER_SYSTEMS_NAME.CONCENTRATE]: Object.assign({ title: WATER_SYSTEMS_NAME.CONCENTRATE }, STYLE_TABLE_PARAM.CARROT_ORANGE),
+    [WATER_SYSTEMS_NAME.PERMEATE]: Object.assign({ title: WATER_SYSTEMS_NAME.PERMEATE }, STYLE_TABLE_PARAM.LIGHT_SKY_BLUE_2),
+    [WATER_SYSTEMS_NAME.PRE_FILTER]: Object.assign({ title: WATER_SYSTEMS_NAME.PRE_FILTER }, STYLE_TABLE_PARAM.ICE_COLD),
+    [WATER_SYSTEMS_NAME.HP_PUMP]: Object.assign({ title: WATER_SYSTEMS_NAME.HP_PUMP }, STYLE_TABLE_PARAM.ICE_COLD),
+    // [WATER_SYSTEMS_NAME.RO_FEED__FLOW]: {
+    //   title: WATER_SYSTEMS_NAME.FEED,
+    //   ...STYLE_TABLE_PARAM.CERULEAN
+    // },
+    // [WATER_SYSTEMS_NAME.RO_SYSTEM_KPIS__FLOW]: {
+    //   title: WATER_SYSTEMS_NAME.SYSTEM_KPIS,
+    //   ...STYLE_TABLE_PARAM.FOUNTAIN_BLUE
+    // },
+    // [WATER_SYSTEMS_NAME.RO_RO__FLOW]: {
+    //   title: WATER_SYSTEMS_NAME.RO,
+    //   ...STYLE_TABLE_PARAM.MEDIUM_RED_VIOLET
+    // },
+    // [WATER_SYSTEMS_NAME.RO_CONCENTRATE__FLOW]: {
+    //   title: WATER_SYSTEMS_NAME.CONCENTRATE,
+    //   ...STYLE_TABLE_PARAM.CARROT_ORANGE
+    // },
+    // [WATER_SYSTEMS_NAME.RO_PERMEATE__FLOW]: {
+    //   title: WATER_SYSTEMS_NAME.PERMEATE,
+    //   ...STYLE_TABLE_PARAM.LIGHT_SKY_BLUE_2
+    // },
+    // [WATER_SYSTEMS_NAME.RO_PRE_FILTER__FLOW]: {
+    //   title: WATER_SYSTEMS_NAME.PRE_FILTER,
+    //   ...STYLE_TABLE_PARAM.ICE_COLD
+    // },
+    // [WATER_SYSTEMS_NAME.RO_HP_PUMP__FLOW]: {
+    //   title: WATER_SYSTEMS_NAME.HP_PUMP,
+    //   ...STYLE_TABLE_PARAM.ICE_COLD
+    // },
+    // [WATER_SYSTEMS_NAME.RO_FEED__CHEMISTRY]: {
+    //   title: WATER_SYSTEMS_NAME.FEED,
+    //   ...STYLE_TABLE_PARAM.CERULEAN
+    // },
+    // [WATER_SYSTEMS_NAME.RO_RO__CHEMISTRY]: {
+    //   title: WATER_SYSTEMS_NAME.RO,
+    //   ...STYLE_TABLE_PARAM.MEDIUM_RED_VIOLET
+    // },
+    // [WATER_SYSTEMS_NAME.RO_PERMEATE__CHEMISTRY]: {
+    //   title: WATER_SYSTEMS_NAME.PERMEATE,
+    //   ...STYLE_TABLE_PARAM.LIGHT_SKY_BLUE_2
+    // },
+    // [WATER_SYSTEMS_NAME.RO_SYSTEM_KPIS__CHEMISTRY]: {
+    //   title: WATER_SYSTEMS_NAME.SYSTEM_KPIS,
+    //   ...STYLE_TABLE_PARAM.FOUNTAIN_BLUE
+    // },
+    // [WATER_SYSTEMS_NAME.RO_CONCENTRATE__CHEMISTRY]: {
+    //   title: WATER_SYSTEMS_NAME.CONCENTRATE,
+    //   ...STYLE_TABLE_PARAM.CARROT_ORANGE
+    // },
+};
 const ASSET_CATEGORY_PARAMS = {
     [WATER_SYSTEMS_NAME.EVAPORATION_LOSS]: [
         DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.EVAPORATION_LOSS_FLOW_RATE],
@@ -7692,6 +7762,55 @@ const ASSET_CATEGORY_PARAMS__IMMERSED_UF = {
         DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.CHEMISTRY_FEED_TURBIDITY],
     ],
 };
+// For RO 
+const ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT = {
+    // For View Flow
+    [WATER_SYSTEMS_NAME.RO_FEED__FLOW]: [
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.FLOW],
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.PRIMARY_PRESSURE],
+    ],
+    [WATER_SYSTEMS_NAME.RO_SYSTEM_KPIS__FLOW]: [
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.NORMALIZED_PRESSURE_DROP],
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.NORMALIZED_PERMEATE_FLOW_RATE],
+    ],
+    [WATER_SYSTEMS_NAME.RO_RO__FLOW]: [
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.PRESSURE_DROP],
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.SYSTEM_RECOVERY_RATE],
+    ],
+    [WATER_SYSTEMS_NAME.RO_CONCENTRATE__FLOW]: [
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.FLOW_RATE],
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.PRESSURE],
+    ],
+    [WATER_SYSTEMS_NAME.RO_PERMEATE__FLOW]: [
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.FLOW_RATE],
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.PRESSURE],
+    ],
+    [WATER_SYSTEMS_NAME.RO_PRE_FILTER__FLOW]: [
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.DIFFERENTIAL_PRESSURE],
+    ],
+    [WATER_SYSTEMS_NAME.RO_HP_PUMP__FLOW]: [
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.PRESSURE],
+    ],
+    [WATER_SYSTEMS_NAME.RO_FEED__CHEMISTRY]: [
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.TDS],
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.CONDUCTIVITY],
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.TEMPERATURE],
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.PH],
+    ],
+    [WATER_SYSTEMS_NAME.RO_CONCENTRATE__CHEMISTRY]: [
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.CONDUCTIVITY],
+    ],
+    [WATER_SYSTEMS_NAME.RO_RO__CHEMISTRY]: [
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.REJECTION_RATE],
+    ],
+    [WATER_SYSTEMS_NAME.RO_PERMEATE__CHEMISTRY]: [
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.TDS],
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.PH],
+    ],
+    [WATER_SYSTEMS_NAME.RO_SYSTEM_KPIS__CHEMISTRY]: [
+        DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.NORMALIZED_REJECTION_RATE],
+    ],
+};
 var COMPONENTS_GROUP_TYPE;
 (function (COMPONENTS_GROUP_TYPE) {
     COMPONENTS_GROUP_TYPE["INFLOW"] = "Inflow";
@@ -7915,101 +8034,118 @@ const ATO_COMPONENTS_GROUP_DATA = {
         nodeDataArray: [
             {
                 key: 93,
-                type: AtoGojsEditorModel.ENUM_TEMPLATES.MASS_BALANCE,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.EMPTY,
                 group: 100,
-                loc: '830 10',
-                selectable: false,
-                value: 'NA',
-                font: 'bold 15px Arial',
-                colorValue: '',
-                tooltip: '',
-            },
-            Object.assign(Object.assign({ key: 94, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '20 10', padding: new go.Margin(0, 0, 0, 20) }, AtoGojsEditorModel.PARAM_TABLE_STYLE[AtoGojsEditorModel.ENUM_COLORS.CERULEAN]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: [
-                    {
-                        key: '',
-                        name: ENUM_ASSET_PARAMETERS.FEED_FLOW_RATE,
-                        value: '',
-                        isEditable: true,
-                    },
-                    {
-                        key: '',
-                        name: ENUM_ASSET_PARAMETERS.FEED_CONDUCTIVITY,
-                        value: '',
-                        isEditable: true,
-                    },
-                    {
-                        key: '',
-                        name: ENUM_ASSET_PARAMETERS.FEED_TEMPERATURE,
-                        value: '',
-                        isEditable: true,
-                    },
-                    {
-                        key: '',
-                        name: ENUM_ASSET_PARAMETERS.PRIMARY_PRESSURE,
-                        value: '',
-                        isEditable: true,
-                    },
-                ] }),
-            Object.assign(Object.assign({ key: 95, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '420 40' }, AtoGojsEditorModel.PARAM_TABLE_STYLE[AtoGojsEditorModel.ENUM_COLORS.DANUBE]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: [
-                    {
-                        key: '',
-                        name: ENUM_ASSET_PARAMETERS.REJECTION_RATE_SALT_PASSAGE,
-                        value: '',
-                        isEditable: true,
-                    },
-                    {
-                        key: '',
-                        name: ENUM_ASSET_PARAMETERS.PRESSURE_DROP,
-                        value: '',
-                        isEditable: true,
-                    },
-                    {
-                        key: '',
-                        name: ENUM_ASSET_PARAMETERS.SYSTEM_RECOVERY_RATE,
-                        value: '',
-                        isEditable: true,
-                    },
-                ] }),
-            Object.assign(Object.assign({ key: 96, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '590 150' }, AtoGojsEditorModel.PARAM_TABLE_STYLE[AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: [
-                    {
-                        key: '',
-                        name: ENUM_ASSET_PARAMETERS.PERMEATE_FLOW_RATE,
-                        value: '',
-                        isEditable: true,
-                    },
-                    {
-                        key: '',
-                        name: ENUM_ASSET_PARAMETERS.PERMEATE_CONDUCTIVITY,
-                        value: '',
-                        isEditable: true,
-                    },
-                    {
-                        key: '',
-                        name: ENUM_ASSET_PARAMETERS.PERMEATE_PRESSURE,
-                        value: '',
-                        isEditable: true,
-                    },
-                ] }),
-            Object.assign(Object.assign({ key: 97, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '30 370' }, AtoGojsEditorModel.PARAM_TABLE_STYLE[AtoGojsEditorModel.ENUM_COLORS.GALLIANO]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: [
-                    {
-                        key: '',
-                        name: ENUM_ASSET_PARAMETERS.CONCENTRATE_FLOW_RATE,
-                        value: '',
-                        isEditable: true,
-                    },
-                    {
-                        key: '',
-                        name: ENUM_ASSET_PARAMETERS.CONCENTRATE_PRESSURE,
-                        value: '',
-                        isEditable: true,
-                    },
-                    {
-                        key: '',
-                        name: ENUM_ASSET_PARAMETERS.CONCENTRATE_CONDUCTIVITY,
-                        value: '',
-                        isEditable: true,
-                    },
-                ] }),
+                loc: '0 0',
+                data: {
+                    quantity: 1,
+                    unit: 'm³',
+                },
+                name: 'top-left-marker',
+                color: '#a8438d',
+            },
+            {
+                key: 94,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.EMPTY,
+                group: 100,
+                data: {
+                    quantity: 2,
+                    unit: 'm³',
+                },
+                name: 'bottom-right-marker',
+                color: '#a8438d',
+                extendedData: {
+                    loc: '650 580',
+                },
+                extendedDataResponsive: {
+                    loc: '700 300',
+                },
+            },
+            Object.assign(Object.assign({ 
+                // key: 132,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '10 310', padding: new go.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.FEED]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT[WATER_SYSTEMS_NAME.RO_FEED__FLOW].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140, waterSystem: WATER_SYSTEMS_NAME.FEED }))), assetLayers: ATO_ASSET_LAYERS.FLOW, extendedData: {
+                    visible: true,
+                }, extendedDataResponsive: {
+                    visible: false,
+                } }),
+            Object.assign(Object.assign({ 
+                // key: 132,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '10 10', padding: new go.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.SYSTEM_KPIS]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT[WATER_SYSTEMS_NAME.RO_SYSTEM_KPIS__FLOW].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140, waterSystem: WATER_SYSTEMS_NAME.SYSTEM_KPIS }))), assetLayers: ATO_ASSET_LAYERS.FLOW, extendedData: {
+                    visible: true,
+                }, extendedDataResponsive: {
+                    visible: false,
+                } }),
+            Object.assign(Object.assign({ 
+                // key: 132,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '300 10', padding: new go.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.RO]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT[WATER_SYSTEMS_NAME.RO_RO__FLOW].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140, waterSystem: WATER_SYSTEMS_NAME.RO }))), assetLayers: ATO_ASSET_LAYERS.FLOW, extendedData: {
+                    visible: true,
+                }, extendedDataResponsive: {
+                    visible: false,
+                } }),
+            Object.assign(Object.assign({ 
+                // key: 132,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '500 480', padding: new go.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.CONCENTRATE]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT[WATER_SYSTEMS_NAME.RO_CONCENTRATE__FLOW].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140, waterSystem: WATER_SYSTEMS_NAME.CONCENTRATE }))), assetLayers: ATO_ASSET_LAYERS.FLOW, extendedData: {
+                    visible: true,
+                }, extendedDataResponsive: {
+                    visible: false,
+                } }),
+            Object.assign(Object.assign({ 
+                // key: 132,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '700 110', padding: new go.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.PERMEATE]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT[WATER_SYSTEMS_NAME.RO_PERMEATE__FLOW].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140, waterSystem: WATER_SYSTEMS_NAME.PERMEATE }))), assetLayers: ATO_ASSET_LAYERS.FLOW, extendedData: {
+                    visible: true,
+                }, extendedDataResponsive: {
+                    visible: false,
+                } }),
+            Object.assign(Object.assign({ 
+                // key: 132,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '560 210', padding: new go.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.PRE_FILTER]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT[WATER_SYSTEMS_NAME.RO_PRE_FILTER__FLOW].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140, waterSystem: WATER_SYSTEMS_NAME.PRE_FILTER }))), assetLayers: ATO_ASSET_LAYERS.FLOW, extendedData: {
+                    visible: true,
+                }, extendedDataResponsive: {
+                    visible: false,
+                } }),
+            Object.assign(Object.assign({ 
+                // key: 132,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '250 340', padding: new go.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.HP_PUMP]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT[WATER_SYSTEMS_NAME.RO_HP_PUMP__FLOW].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140, waterSystem: WATER_SYSTEMS_NAME.HP_PUMP }))), assetLayers: ATO_ASSET_LAYERS.FLOW, extendedData: {
+                    visible: true,
+                }, extendedDataResponsive: {
+                    visible: false,
+                } }),
+            Object.assign(Object.assign({ 
+                // key: 132,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '10 310', padding: new go.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.FEED]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT[WATER_SYSTEMS_NAME.RO_FEED__CHEMISTRY].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140, waterSystem: WATER_SYSTEMS_NAME.FEED }))), assetLayers: ATO_ASSET_LAYERS.CHEMISTRY, extendedData: {
+                    visible: true,
+                }, extendedDataResponsive: {
+                    visible: false,
+                } }),
+            Object.assign(Object.assign({ 
+                // key: 132,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '10 10', padding: new go.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.SYSTEM_KPIS]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT[WATER_SYSTEMS_NAME.RO_SYSTEM_KPIS__CHEMISTRY].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140, waterSystem: WATER_SYSTEMS_NAME.SYSTEM_KPIS }))), assetLayers: ATO_ASSET_LAYERS.CHEMISTRY, extendedData: {
+                    visible: true,
+                }, extendedDataResponsive: {
+                    visible: false,
+                } }),
+            Object.assign(Object.assign({ 
+                // key: 132,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '300 10', padding: new go.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.RO]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT[WATER_SYSTEMS_NAME.RO_RO__CHEMISTRY].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140, waterSystem: WATER_SYSTEMS_NAME.RO }))), assetLayers: ATO_ASSET_LAYERS.CHEMISTRY, extendedData: {
+                    visible: true,
+                }, extendedDataResponsive: {
+                    visible: false,
+                } }),
+            Object.assign(Object.assign({ 
+                // key: 132,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '500 480', padding: new go.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.CONCENTRATE]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT[WATER_SYSTEMS_NAME.RO_CONCENTRATE__CHEMISTRY].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140, waterSystem: WATER_SYSTEMS_NAME.CONCENTRATE }))), assetLayers: ATO_ASSET_LAYERS.CHEMISTRY, extendedData: {
+                    visible: true,
+                }, extendedDataResponsive: {
+                    visible: false,
+                } }),
+            Object.assign(Object.assign({ 
+                // key: 132,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '700 110', padding: new go.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.PERMEATE]), { minSizeValue: new go.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT[WATER_SYSTEMS_NAME.RO_PERMEATE__CHEMISTRY].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140, waterSystem: WATER_SYSTEMS_NAME.PERMEATE }))), assetLayers: ATO_ASSET_LAYERS.CHEMISTRY, extendedData: {
+                    visible: true,
+                }, extendedDataResponsive: {
+                    visible: false,
+                } }),
+            /// TODO
             {
                 key: 99,
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.IMAGE_TEMPLATE,
@@ -8028,6 +8164,128 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 selectable: false,
                 // isViewGeneral: true,
             },
+            // Label Flow
+            // {
+            //   // key: 97,
+            //   type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
+            //   group: 100,
+            //   loc: '10 310',
+            //   name: WATER_SYSTEMS_NAME.FEED,
+            //   color: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
+            //   assetLayers: ATO_ASSET_LAYERS.FLOW,
+            //   extendedData: {
+            //     visible: false,
+            //   },
+            //   extendedDataResponsive: {
+            //     visible: true,
+            //   },
+            // },
+            // {
+            //   // key: 97,
+            //   type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
+            //   group: 100,
+            //   loc: '10 10',
+            //   name: WATER_SYSTEMS_NAME.SYSTEM_KPIS,
+            //   color: AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE,
+            //   assetLayers: ATO_ASSET_LAYERS.FLOW,
+            //   extendedData: {
+            //     visible: false,
+            //   },
+            //   extendedDataResponsive: {
+            //     visible: true,
+            //   },
+            // },
+            {
+                // key: 97,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
+                group: 100,
+                loc: '330 100',
+                name: WATER_SYSTEMS_NAME.RO,
+                color: AtoGojsEditorModel.ENUM_COLORS.MEDIUM_RED_VIOLET,
+                assetLayers: ATO_ASSET_LAYERS.FLOW,
+                extendedData: {
+                    visible: false,
+                },
+                extendedDataResponsive: {
+                    visible: true,
+                },
+            },
+            // {
+            //   // key: 97,
+            //   type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
+            //   group: 100,
+            //   loc: '310 510',
+            //   name: WATER_SYSTEMS_NAME.CONCENTRATE,
+            //   color: AtoGojsEditorModel.ENUM_COLORS.CARROT_ORANGE,
+            //   assetLayers: ATO_ASSET_LAYERS.FLOW,
+            //   extendedData: {
+            //     visible: false,
+            //   },
+            //   extendedDataResponsive: {
+            //     visible: true,
+            //   },
+            // },
+            // {
+            //   // key: 97,
+            //   type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
+            //   group: 100,
+            //   loc: '760 210',
+            //   name: WATER_SYSTEMS_NAME.PERMEATE,
+            //   color: AtoGojsEditorModel.ENUM_COLORS.LIGHT_SKY_BLUE_2,
+            //   assetLayers: ATO_ASSET_LAYERS.FLOW,
+            //   extendedData: {
+            //     visible: false,
+            //   },
+            //   extendedDataResponsive: {
+            //     visible: true,
+            //   },
+            // },
+            {
+                // key: 97,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
+                group: 100,
+                loc: '520 200',
+                name: WATER_SYSTEMS_NAME.PRE_FILTER,
+                color: AtoGojsEditorModel.ENUM_COLORS.ICE_COLD,
+                assetLayers: ATO_ASSET_LAYERS.FLOW,
+                extendedData: {
+                    visible: false,
+                },
+                extendedDataResponsive: {
+                    visible: true,
+                },
+            },
+            {
+                // key: 97,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
+                group: 100,
+                loc: '160 260',
+                name: WATER_SYSTEMS_NAME.HP_PUMP,
+                color: AtoGojsEditorModel.ENUM_COLORS.ICE_COLD,
+                assetLayers: ATO_ASSET_LAYERS.FLOW,
+                extendedData: {
+                    visible: false,
+                },
+                extendedDataResponsive: {
+                    visible: true,
+                },
+            },
+            // Label 
+            {
+                // key: 97,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
+                group: 100,
+                loc: '330 100',
+                name: WATER_SYSTEMS_NAME.RO,
+                color: AtoGojsEditorModel.ENUM_COLORS.MEDIUM_RED_VIOLET,
+                assetLayers: ATO_ASSET_LAYERS.CHEMISTRY,
+                extendedData: {
+                    visible: false,
+                },
+                extendedDataResponsive: {
+                    visible: true,
+                },
+            },
         ],
         linkDataArray: [],
     },
@@ -8918,7 +9176,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
             },
             {
                 key: 150,
-                type: AtoGojsEditorModel.ENUM_TEMPLATES.BOILER,
+                type: AtoGojsEditorModel.ENUM_TEMPLATES.IMMERSED_UF_WATER_TREATMENTS,
                 isGroup: true,
                 name: 'Group',
             },
@@ -9670,5 +9928,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ASSET_CATEGORY_PARAMS, ASSET_CATEGORY_PARAMS__BOILER, ASSET_CATEGORY_PARAMS__IMMERSED_UF, ATO_ASSET_LAYERS, ATO_COMPONENTS_GROUP_DATA, ATO_MAPPER_FROM, AssetFlowComponent, AtoAssetParamsViewComponent, AtoFlowDiagramLibComponent, AtoGojsEditorModel, AtoLoadingDirective, AtoNgVarDirective, AtoWaterLibComponent, AtoWaterLibModule, AtoWaterLibService, COMPONENTS_GROUP_TYPE, DATA_ASSET_PARAMETER_FIELDS, DATA_WATER_SYSTEMS, ENUM_ASSET_PARAMETERS, WATER_SYSTEMS_NAME };
+export { ASSET_CATEGORY_PARAMS, ASSET_CATEGORY_PARAMS__BOILER, ASSET_CATEGORY_PARAMS__IMMERSED_UF, ASSET_CATEGORY_PARAMS__RO_WATER_TREATMENT, ATO_ASSET_LAYERS, ATO_COMPONENTS_GROUP_DATA, ATO_MAPPER_FROM, AssetFlowComponent, AtoAssetParamsViewComponent, AtoFlowDiagramLibComponent, AtoGojsEditorModel, AtoLoadingDirective, AtoNgVarDirective, AtoWaterLibComponent, AtoWaterLibModule, AtoWaterLibService, COMPONENTS_GROUP_TYPE, DATA_ASSET_PARAMETER_FIELDS, DATA_WATER_SYSTEMS, ENUM_ASSET_PARAMETERS, STYLE_TABLE_PARAM, WATER_SYSTEMS_NAME };
 //# sourceMappingURL=ato-water-lib.mjs.map