ato-water-lib 0.0.19 → 0.0.21

package/fesm2020/ato-water-lib.mjs

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable, Component, EventEmitter, Directive, ViewChild, Input, Output, HostListener, NgModule } from '@angular/core';
 import * as go from 'gojs';
-import go__default from 'gojs';
 import _ from 'lodash';
 import moment from 'moment';
 import { Subject, Subscription } from 'rxjs';
@@ -6971,9 +6970,9 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
                 loc: '20 10',
-                padding: new go__default.Margin(0, 0, 0, 20),
+                padding: new go.Margin(0, 0, 0, 20),
                 ...AtoGojsEditorModel.PARAM_TABLE_STYLE[AtoGojsEditorModel.ENUM_COLORS.CERULEAN],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: [
                     {
@@ -7008,7 +7007,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 group: 100,
                 loc: '420 40',
                 ...AtoGojsEditorModel.PARAM_TABLE_STYLE[AtoGojsEditorModel.ENUM_COLORS.DANUBE],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: [
                     {
@@ -7037,7 +7036,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 group: 100,
                 loc: '590 150',
                 ...AtoGojsEditorModel.PARAM_TABLE_STYLE[AtoGojsEditorModel.ENUM_COLORS.FOUNTAIN_BLUE],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: [
                     {
@@ -7066,7 +7065,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 group: 100,
                 loc: '30 370',
                 ...AtoGojsEditorModel.PARAM_TABLE_STYLE[AtoGojsEditorModel.ENUM_COLORS.GALLIANO],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: [
                     {
@@ -7095,7 +7094,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 source: AtoGojsEditorModel.IMAGE_RO_WATER_TREATMENT_PATH,
                 group: 100,
                 loc: '0 0',
-                margin: new go__default.Margin(130, 0, 0, 0),
+                margin: new go.Margin(130, 0, 0, 0),
                 selectable: false,
             },
             {
@@ -7532,9 +7531,9 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
                 loc: '30 160',
-                padding: new go__default.Margin(0, 0, 0, 0),
+                padding: new go.Margin(0, 0, 0, 0),
                 ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.EVAPORATION_LOSS],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.EVAPORATION_LOSS].map((e) => ({
                     ...e,
@@ -7548,10 +7547,10 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 key: 91,
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
-                padding: new go__default.Margin(0, 0, 0, 0),
+                padding: new go.Margin(0, 0, 0, 0),
                 loc: '30 270',
                 ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.MAKEUP_WATER],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.MAKEUP_WATER].map((e) => ({
                     ...e,
@@ -7564,10 +7563,10 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 key: 92,
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
-                padding: new go__default.Margin(0, 0, 0, 0),
+                padding: new go.Margin(0, 0, 0, 0),
                 loc: '580 250',
                 ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.WARMER_WATER],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.WARMER_WATER].map((e) => ({
                     ...e,
@@ -7580,10 +7579,10 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 key: 93,
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
-                padding: new go__default.Margin(0, 0, 0, 0),
+                padding: new go.Margin(0, 0, 0, 0),
                 loc: '580 560',
                 ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.BLOWDOWN_WATER],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.BLOWDOWN_WATER].map((e) => ({
                     ...e,
@@ -7596,10 +7595,10 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 key: 94,
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
-                padding: new go__default.Margin(0, 0, 0, 0),
+                padding: new go.Margin(0, 0, 0, 0),
                 loc: '450 20',
                 ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS].map((e) => ({
                     ...e,
@@ -7612,10 +7611,10 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 key: 95,
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
-                padding: new go__default.Margin(0, 0, 0, 0),
+                padding: new go.Margin(0, 0, 0, 0),
                 loc: '730 20',
                 ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY].map((e) => ({
                     ...e,
@@ -7630,7 +7629,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 source: AtoGojsEditorModel.IMAGE_COOLING_TOWER_PATH,
                 group: 100,
                 loc: '0 0',
-                margin: new go__default.Margin(195, 20, 0, 0),
+                margin: new go.Margin(195, 20, 0, 0),
                 selectable: false,
             },
             // {
@@ -7694,9 +7693,9 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 key: 90,
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
-                padding: new go__default.Margin(0, 0, 0, 0),
+                padding: new go.Margin(0, 0, 0, 0),
                 ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS].map((e) => ({
                     ...e,
@@ -7710,9 +7709,9 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 key: 91,
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
-                padding: new go__default.Margin(0, 0, 0, 0),
+                padding: new go.Margin(0, 0, 0, 0),
                 ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY].map((e) => ({
                     ...e,
@@ -7726,9 +7725,9 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 key: 92,
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
-                padding: new go__default.Margin(0, 0, 0, 0),
+                padding: new go.Margin(0, 0, 0, 0),
                 ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.EVAPORATION_LOSS],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.EVAPORATION_LOSS].map((e) => ({
                     ...e,
@@ -7742,9 +7741,9 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 key: 93,
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
-                padding: new go__default.Margin(0, 0, 0, 0),
+                padding: new go.Margin(0, 0, 0, 0),
                 ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.MAKEUP_WATER],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.MAKEUP_WATER].map((e) => ({
                     ...e,
@@ -7758,9 +7757,9 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 key: 94,
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
-                padding: new go__default.Margin(0, 0, 0, 0),
+                padding: new go.Margin(0, 0, 0, 0),
                 ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.WARMER_WATER],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.WARMER_WATER].map((e) => ({
                     ...e,
@@ -7774,9 +7773,9 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 key: 95,
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
-                padding: new go__default.Margin(0, 0, 0, 0),
+                padding: new go.Margin(0, 0, 0, 0),
                 ...DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.BLOWDOWN_WATER],
-                minSizeValue: new go__default.Size(100, NaN),
+                minSizeValue: new go.Size(100, NaN),
                 selectable: false,
                 dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.BLOWDOWN_WATER].map((e) => ({
                     ...e,
@@ -7792,7 +7791,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 source: AtoGojsEditorModel.IMAGE_COOLING_TOWER_PATH,
                 group: 100,
                 loc: '0 0',
-                margin: new go__default.Margin(20, 20, 0, 0),
+                margin: new go.Margin(20, 20, 0, 0),
                 selectable: false,
             },
             {
@@ -7831,7 +7830,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
                 source: AtoGojsEditorModel.IMAGE_BOILER_PATH,
                 group: 100,
                 loc: '0 0',
-                margin: new go__default.Margin(0, 0, 0, 0),
+                margin: new go.Margin(0, 0, 0, 0),
                 selectable: false,
                 width: 1038,
                 height: 516,
@@ -8015,10 +8014,10 @@ class AtoAssetParamsViewComponent {
     }
 }
 AtoAssetParamsViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoAssetParamsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AtoAssetParamsViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AtoAssetParamsViewComponent, selector: "ato-asset-params-view", inputs: { isEditView: "isEditView", data: "data" }, outputs: { clickParamTableRow: "clickParamTableRow" }, ngImport: i0, template: "<div class=\"d-flex flex-column flex-gap-2\">\n    <div class=\"\" *ngFor=\"let tableParam of data\">\n        <ng-template\n            [ngTemplateOutlet]=\"tableParamTemplate\"\n            [ngTemplateOutletContext]=\"{\n                data: tableParam\n            }\"\n        ></ng-template>\n    </div>\n</div>\n\n<ng-template #tableParamTemplate let-data=\"data\">\n    <div\n        class=\"d-flex flex-column asset-param-item w-100\"\n        *ngVar=\"{ isCollapsed: true } as vars\"\n        [style.backgroundColor]=\"data?.color\"\n    >\n        <div\n            class=\"d-flex align-items-center justify-content-between py-1 pl-1 pr-2 cursor-pointer\"\n            (click)=\"vars.isCollapsed = !vars.isCollapsed\"\n        >\n            <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">{{ data?.title }}</div>\n            <i\n                class=\"fa-solid font-size-14px color-white {{ vars.isCollapsed ? 'fa-angle-right' : 'fa-angle-down' }}\"\n            ></i>\n        </div>\n        <div class=\"px-1 pb-1\" *ngIf=\"!vars.isCollapsed\">\n            <div class=\"table-asset-param-wrapper\" [style.backgroundColor]=\"data?.bgColor\">\n                <table>\n                    <tbody>\n                        <tr\n                            *ngFor=\"let itemTable of data?.dataTable\"\n                            (click)=\"onClickRowParam(itemTable)\"\n                            class=\"cursor-pointer\"\n                        >\n                            <td class=\"font-size-13px\" [style.borderColor]=\"data?.borderTable\">\n                                {{ itemTable?.name }}\n                            </td>\n                            <td class=\"font-size-13px\" [style.borderColor]=\"data?.borderTable\">\n                                <div class=\"d-flex align-items-center\">\n                                    <div\n                                        class=\"mr-auto font-size-13px text-truncate flex-grow-1\"\n                                        [style.color]=\"itemTable?.color\"\n                                    >\n                                        {{ itemTable?.value }}\n                                    </div>\n                                    <i *ngIf=\"isEditView\" class=\"fal fa-edit font-size-14px color-night-rider\"></i>\n                                </div>\n                            </td>\n                        </tr>\n                    </tbody>\n                </table>\n            </div>\n        </div>\n    </div>\n</ng-template>\n", styles: [".asset-param-item{border-radius:5px}.asset-param-item .table-asset-param-wrapper{border-radius:5px;background-color:#f0f8ff}.asset-param-item .table-asset-param-wrapper table{border-collapse:collapse;width:100%}.asset-param-item .table-asset-param-wrapper table tbody tr td{border:1px solid red;height:30px;padding:4px}.color-white{color:#fff}.flex-gap-2{gap:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AtoNgVarDirective, selector: "[ngVar]", inputs: ["ngVar"] }] });
+AtoAssetParamsViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AtoAssetParamsViewComponent, selector: "ato-asset-params-view", inputs: { isEditView: "isEditView", data: "data" }, outputs: { clickParamTableRow: "clickParamTableRow" }, ngImport: i0, template: "<div class=\"d-flex flex-column flex-gap-2\">\n  <div class=\"\" *ngFor=\"let tableParam of data\">\n    <ng-template\n      [ngTemplateOutlet]=\"tableParamTemplate\"\n      [ngTemplateOutletContext]=\"{\n        data: tableParam\n      }\"\n    ></ng-template>\n  </div>\n</div>\n\n<ng-template #tableParamTemplate let-data=\"data\">\n  <div\n    class=\"d-flex flex-column asset-param-item w-100\"\n    *ngVar=\"{ isCollapsed: true } as vars\"\n    [style.backgroundColor]=\"data?.color\"\n  >\n    <div\n      class=\"d-flex align-items-center justify-content-between py-1 pl-1 pr-2 cursor-pointer\"\n      (click)=\"vars.isCollapsed = !vars.isCollapsed\"\n    >\n      <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">\n        {{ data?.title }}\n      </div>\n      <svg\n        *ngIf=\"vars.isCollapsed\"\n        style=\"width: 15px; height: 15px\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 320 512\"\n        fill=\"#FFFF\"\n        class=\"fa-solid font-size-14px color-white\"\n      >\n        <path\n          d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"\n        />\n      </svg>\n      <svg\n        *ngIf=\"!vars.isCollapsed\"\n        style=\"width: 15px; height: 15px\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 448 512\"\n        fill=\"#FFFF\"\n        class=\"fa-solid font-size-14px color-white\"\n      >\n        <path\n          d=\"M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"\n        />\n      </svg>\n    </div>\n    <div class=\"px-1 pb-1\" *ngIf=\"!vars.isCollapsed\">\n      <div\n        class=\"table-asset-param-wrapper\"\n        [style.backgroundColor]=\"data?.bgColor\"\n      >\n        <table>\n          <tbody>\n            <tr\n              *ngFor=\"let itemTable of data?.dataTable\"\n              (click)=\"onClickRowParam(itemTable)\"\n              class=\"cursor-pointer\"\n            >\n              <td\n                class=\"font-size-13px\"\n                [style.borderColor]=\"data?.borderTable\"\n              >\n                {{ itemTable?.name }}\n              </td>\n              <td\n                class=\"font-size-13px\"\n                [style.borderColor]=\"data?.borderTable\"\n              >\n                <div class=\"d-flex align-items-center\">\n                  <div\n                    class=\"mr-auto font-size-13px text-truncate flex-grow-1\"\n                    [style.color]=\"itemTable?.color\"\n                  >\n                    {{ itemTable?.value }}\n                  </div>\n                  <svg *ngIf=\"isEditView\" width=\"15px\" height=\"15px\" fill=\"#333333\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z\"/></svg>\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".asset-param-item{border-radius:5px}.asset-param-item .table-asset-param-wrapper{border-radius:5px;background-color:#f0f8ff}.asset-param-item .table-asset-param-wrapper table{border-collapse:collapse;width:100%}.asset-param-item .table-asset-param-wrapper table tbody tr td{border:1px solid red;height:30px;padding:4px}.color-white{color:#fff}.flex-gap-2{gap:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AtoNgVarDirective, selector: "[ngVar]", inputs: ["ngVar"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoAssetParamsViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ato-asset-params-view', template: "<div class=\"d-flex flex-column flex-gap-2\">\n    <div class=\"\" *ngFor=\"let tableParam of data\">\n        <ng-template\n            [ngTemplateOutlet]=\"tableParamTemplate\"\n            [ngTemplateOutletContext]=\"{\n                data: tableParam\n            }\"\n        ></ng-template>\n    </div>\n</div>\n\n<ng-template #tableParamTemplate let-data=\"data\">\n    <div\n        class=\"d-flex flex-column asset-param-item w-100\"\n        *ngVar=\"{ isCollapsed: true } as vars\"\n        [style.backgroundColor]=\"data?.color\"\n    >\n        <div\n            class=\"d-flex align-items-center justify-content-between py-1 pl-1 pr-2 cursor-pointer\"\n            (click)=\"vars.isCollapsed = !vars.isCollapsed\"\n        >\n            <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">{{ data?.title }}</div>\n            <i\n                class=\"fa-solid font-size-14px color-white {{ vars.isCollapsed ? 'fa-angle-right' : 'fa-angle-down' }}\"\n            ></i>\n        </div>\n        <div class=\"px-1 pb-1\" *ngIf=\"!vars.isCollapsed\">\n            <div class=\"table-asset-param-wrapper\" [style.backgroundColor]=\"data?.bgColor\">\n                <table>\n                    <tbody>\n                        <tr\n                            *ngFor=\"let itemTable of data?.dataTable\"\n                            (click)=\"onClickRowParam(itemTable)\"\n                            class=\"cursor-pointer\"\n                        >\n                            <td class=\"font-size-13px\" [style.borderColor]=\"data?.borderTable\">\n                                {{ itemTable?.name }}\n                            </td>\n                            <td class=\"font-size-13px\" [style.borderColor]=\"data?.borderTable\">\n                                <div class=\"d-flex align-items-center\">\n                                    <div\n                                        class=\"mr-auto font-size-13px text-truncate flex-grow-1\"\n                                        [style.color]=\"itemTable?.color\"\n                                    >\n                                        {{ itemTable?.value }}\n                                    </div>\n                                    <i *ngIf=\"isEditView\" class=\"fal fa-edit font-size-14px color-night-rider\"></i>\n                                </div>\n                            </td>\n                        </tr>\n                    </tbody>\n                </table>\n            </div>\n        </div>\n    </div>\n</ng-template>\n", styles: [".asset-param-item{border-radius:5px}.asset-param-item .table-asset-param-wrapper{border-radius:5px;background-color:#f0f8ff}.asset-param-item .table-asset-param-wrapper table{border-collapse:collapse;width:100%}.asset-param-item .table-asset-param-wrapper table tbody tr td{border:1px solid red;height:30px;padding:4px}.color-white{color:#fff}.flex-gap-2{gap:.5rem}\n"] }]
+            args: [{ selector: 'ato-asset-params-view', template: "<div class=\"d-flex flex-column flex-gap-2\">\n  <div class=\"\" *ngFor=\"let tableParam of data\">\n    <ng-template\n      [ngTemplateOutlet]=\"tableParamTemplate\"\n      [ngTemplateOutletContext]=\"{\n        data: tableParam\n      }\"\n    ></ng-template>\n  </div>\n</div>\n\n<ng-template #tableParamTemplate let-data=\"data\">\n  <div\n    class=\"d-flex flex-column asset-param-item w-100\"\n    *ngVar=\"{ isCollapsed: true } as vars\"\n    [style.backgroundColor]=\"data?.color\"\n  >\n    <div\n      class=\"d-flex align-items-center justify-content-between py-1 pl-1 pr-2 cursor-pointer\"\n      (click)=\"vars.isCollapsed = !vars.isCollapsed\"\n    >\n      <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">\n        {{ data?.title }}\n      </div>\n      <svg\n        *ngIf=\"vars.isCollapsed\"\n        style=\"width: 15px; height: 15px\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 320 512\"\n        fill=\"#FFFF\"\n        class=\"fa-solid font-size-14px color-white\"\n      >\n        <path\n          d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"\n        />\n      </svg>\n      <svg\n        *ngIf=\"!vars.isCollapsed\"\n        style=\"width: 15px; height: 15px\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 448 512\"\n        fill=\"#FFFF\"\n        class=\"fa-solid font-size-14px color-white\"\n      >\n        <path\n          d=\"M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"\n        />\n      </svg>\n    </div>\n    <div class=\"px-1 pb-1\" *ngIf=\"!vars.isCollapsed\">\n      <div\n        class=\"table-asset-param-wrapper\"\n        [style.backgroundColor]=\"data?.bgColor\"\n      >\n        <table>\n          <tbody>\n            <tr\n              *ngFor=\"let itemTable of data?.dataTable\"\n              (click)=\"onClickRowParam(itemTable)\"\n              class=\"cursor-pointer\"\n            >\n              <td\n                class=\"font-size-13px\"\n                [style.borderColor]=\"data?.borderTable\"\n              >\n                {{ itemTable?.name }}\n              </td>\n              <td\n                class=\"font-size-13px\"\n                [style.borderColor]=\"data?.borderTable\"\n              >\n                <div class=\"d-flex align-items-center\">\n                  <div\n                    class=\"mr-auto font-size-13px text-truncate flex-grow-1\"\n                    [style.color]=\"itemTable?.color\"\n                  >\n                    {{ itemTable?.value }}\n                  </div>\n                  <svg *ngIf=\"isEditView\" width=\"15px\" height=\"15px\" fill=\"#333333\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z\"/></svg>\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".asset-param-item{border-radius:5px}.asset-param-item .table-asset-param-wrapper{border-radius:5px;background-color:#f0f8ff}.asset-param-item .table-asset-param-wrapper table{border-collapse:collapse;width:100%}.asset-param-item .table-asset-param-wrapper table tbody tr td{border:1px solid red;height:30px;padding:4px}.color-white{color:#fff}.flex-gap-2{gap:.5rem}\n"] }]
         }], propDecorators: { isEditView: [{
                 type: Input
             }], data: [{
@@ -8062,7 +8061,7 @@ class AssetFlowComponent {
     }
     updateLocationReponsive() {
         if (!this.flowData?.nodeDataArray) {
-            this.setFlowData(_.cloneDeep(ATO_COMPONENTS_GROUP_DATA)[this.systemType + (this.isResponsiveView ? '_RESPONSIVE' : '')]);
+            this.flowData = this.getDefaultFlowData();
             this.dataTableAssetParams = this.flowData?.nodeDataArray?.filter((e) => e?.type === AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE);
             return;
         }
@@ -8087,7 +8086,7 @@ class AssetFlowComponent {
     }
     getDefaultFlowData() {
         const flowData = {
-            ..._.cloneDeep(ATO_COMPONENTS_GROUP_DATA)[this.systemType],
+            ..._.cloneDeep(ATO_COMPONENTS_GROUP_DATA)[this.systemType + (this.isResponsiveView ? '_RESPONSIVE' : '')],
             linkFromPortIdProperty: 'fromPort',
             linkToPortIdProperty: 'toPort',
         };
@@ -8130,6 +8129,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['window:resize', ['$event']]
             }] } });
 
+var ATO_E_ICON_SVG;
+(function (ATO_E_ICON_SVG) {
+    ATO_E_ICON_SVG["EDIT"] = "fa-edit ";
+    ATO_E_ICON_SVG["ANGLE_RIGHT"] = "fa-angle-right";
+    ATO_E_ICON_SVG["ANGLE_DOWN"] = "fa-angle-down";
+})(ATO_E_ICON_SVG || (ATO_E_ICON_SVG = {}));
+const ATO_ICONS_SVG = {
+    [ATO_E_ICON_SVG.EDIT]: `<svg  width="15px" height="15px" fill="#333333" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z"/></svg>`
+};
+
+class SvgComponent {
+    constructor() {
+        this.width = '15px';
+        this.height = '15px';
+        this.htmlStr = ATO_ICONS_SVG[ATO_E_ICON_SVG.EDIT];
+    }
+}
+SvgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SvgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SvgComponent, selector: "ato-svg", inputs: { type: "type", width: "width", height: "height" }, ngImport: i0, template: "<!-- <svg  [width]=\"width\" [height]=\"height\" fill=\"#333333\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z\"/></svg> -->\n\n<div [innerHTML]=\"htmlStr\"></div>", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SvgComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ato-svg', template: "<!-- <svg  [width]=\"width\" [height]=\"height\" fill=\"#333333\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z\"/></svg> -->\n\n<div [innerHTML]=\"htmlStr\"></div>" }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }] } });
+
 class AtoWaterLibModule {
 }
 AtoWaterLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoWaterLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -8138,7 +8167,8 @@ AtoWaterLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versi
         AssetFlowComponent,
         AtoLoadingDirective,
         AtoAssetParamsViewComponent,
-        AtoNgVarDirective], imports: [CommonModule,
+        AtoNgVarDirective,
+        SvgComponent], imports: [CommonModule,
         BrowserModule,
         ReactiveFormsModule,
         FormsModule], exports: [AtoWaterLibComponent,
@@ -8146,7 +8176,8 @@ AtoWaterLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versi
         AssetFlowComponent,
         AtoLoadingDirective,
         AtoAssetParamsViewComponent,
-        AtoNgVarDirective] });
+        AtoNgVarDirective,
+        SvgComponent] });
 AtoWaterLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoWaterLibModule, imports: [CommonModule,
         BrowserModule,
         ReactiveFormsModule,
@@ -8161,6 +8192,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         AtoLoadingDirective,
                         AtoAssetParamsViewComponent,
                         AtoNgVarDirective,
+                        SvgComponent,
                     ],
                     imports: [
                         CommonModule,
@@ -8174,7 +8206,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         AssetFlowComponent,
                         AtoLoadingDirective,
                         AtoAssetParamsViewComponent,
-                        AtoNgVarDirective
+                        AtoNgVarDirective,
+                        SvgComponent
                     ]
                 }]
         }] });
@@ -8188,5 +8221,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AssetFlowComponent, AtoAssetParamsViewComponent, AtoFlowDiagramLibComponent, AtoLoadingDirective, AtoNgVarDirective, AtoWaterLibComponent, AtoWaterLibModule, AtoWaterLibService };
+export { AssetFlowComponent, AtoAssetParamsViewComponent, AtoFlowDiagramLibComponent, AtoLoadingDirective, AtoNgVarDirective, AtoWaterLibComponent, AtoWaterLibModule, AtoWaterLibService, SvgComponent };
 //# sourceMappingURL=ato-water-lib.mjs.map