ato-water-lib 0.0.69 → 0.0.72

package/fesm2020/ato-water-lib.mjs

@@ -5612,6 +5612,11 @@ class AtoDefaultGojsEditor {
                 textAlign: 'left',
                 alignment: go.Spot.Left,
                 overflow: go.TextBlock.OverflowEllipsis,
+                toolTip: this.$('ToolTip', this.$(go.TextBlock, {
+                    margin: 4,
+                }, new go.Binding('text', '', (data, panel) => {
+                    return data?.name;
+                }))),
             }, new go.Binding('text', '', (data, panel) => {
                 return data?.name;
             }), new go.Binding('maxSize', '', (data, panel) => {
@@ -6948,6 +6953,8 @@ var WATER_SYSTEMS_NAME;
     WATER_SYSTEMS_NAME["COOLING_TOWER_ANALYSIS"] = "Cooling Water Analysis";
     WATER_SYSTEMS_NAME["COOLING_WATER_CHEMISTRY"] = "Cooling Water Chemistry";
     WATER_SYSTEMS_NAME["SYSTEM_KPIS"] = "System KPI's";
+    WATER_SYSTEMS_NAME["SYSTEM_KPIS_STEAM"] = "System KPI's Steam";
+    WATER_SYSTEMS_NAME["SYSTEM_KPIS_BOILER_WATER"] = "System KPI's Boiler Water";
     // For Boiler-
     WATER_SYSTEMS_NAME["CONDENSATE_RETURN"] = "Condensate Return";
     WATER_SYSTEMS_NAME["CONDENSATE_RETURN__FLOW"] = "Condensate Return Flow";
@@ -7350,10 +7357,12 @@ const ASSET_CATEGORY_PARAMS__BOILER = {
         DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.PH],
         DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.SILICA],
     ],
-    [WATER_SYSTEMS_NAME.SYSTEM_KPIS]: [
+    [WATER_SYSTEMS_NAME.SYSTEM_KPIS_STEAM]: [
         DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.PH_IN_STEAM],
         DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.CATIONIC_CONDUCTIVITY_IN_STEAM],
         DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.SI_IN_STEAM],
+    ],
+    [WATER_SYSTEMS_NAME.SYSTEM_KPIS_BOILER_WATER]: [
         DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.SI_IN_BOILER],
         DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.PH_IN_BOILER],
         DATA_ASSET_PARAMETER_FIELDS[ENUM_ASSET_PARAMETERS.CYCLES],
@@ -8490,7 +8499,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
                     isEditable: true,
                     maxSizeValue: 130,
                     extendedDataIsFromPlugin: {
-                        maxSizeValue: 220,
+                        maxSizeValue: 230,
                     },
                 })).concat(ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY].map((e) => ({
                     ...e,
@@ -8631,22 +8640,32 @@ const ATO_COMPONENTS_GROUP_DATA = {
             {
                 type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE,
                 group: 100,
-                loc: '0 20',
+                loc: '2 5',
                 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__BOILER[WATER_SYSTEMS_NAME.SYSTEM_KPIS].map((e) => ({
+                dataTable: ASSET_CATEGORY_PARAMS__BOILER[WATER_SYSTEMS_NAME.SYSTEM_KPIS_STEAM].map((e) => ({
                     ...e,
                     value: `Mapping in "Steam" section`,
-                    isEditable: true,
-                    maxSizeValue: 170,
+                    isEditable: false,
+                    maxSizeValue: 130,
                     waterSystem: WATER_SYSTEMS_NAME.SYSTEM_KPIS,
                     isReadOnly: true,
                     isFrom: ATO_MAPPER_FROM.PLUGIN,
                     font: '10px sans-serif',
                     maxSizeNameParam: new go.Size(125, 15),
-                })),
+                })).concat(ASSET_CATEGORY_PARAMS__BOILER[WATER_SYSTEMS_NAME.SYSTEM_KPIS_BOILER_WATER].map((e) => ({
+                    ...e,
+                    value: `Mapping in "Boiler Water" section`,
+                    isEditable: false,
+                    maxSizeValue: 130,
+                    waterSystem: WATER_SYSTEMS_NAME.SYSTEM_KPIS,
+                    isReadOnly: true,
+                    isFrom: ATO_MAPPER_FROM.PLUGIN,
+                    font: '10px sans-serif',
+                    maxSizeNameParam: new go.Size(125, 15),
+                }))),
                 assetLayers: ATO_ASSET_LAYERS.CHEMISTRY,
                 isFrom: ATO_MAPPER_FROM.PLUGIN,
                 extendedData: {
@@ -9156,10 +9175,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    [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)=\"data.isCollapsed = !data.isCollapsed\"\n    >\n      <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">\n        {{ data?.title }}\n      </div>\n      <svg\n        *ngIf=\"data.isCollapsed\"\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 svg-15px\"\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=\"!data.isCollapsed\"\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 svg-15px\"\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=\"!data.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\" class=\"svg-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}.asset-param-item .table-asset-param-wrapper table tbody tr td:first-child{width:70%}.color-white{color:#fff}.flex-gap-2{gap:.5rem}.svg-15px{width:15px;height:15px;flex:0 0 15px}\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"] }] });
+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    [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)=\"data.isCollapsed = !data.isCollapsed\"\n    >\n      <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">\n        {{ data?.title }}\n      </div>\n      <svg\n        *ngIf=\"data.isCollapsed\"\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 svg-15px\"\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=\"!data.isCollapsed\"\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 svg-15px\"\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=\"!data.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 flex-gap-2\">\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 && data?.isEditable\" class=\"svg-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}.asset-param-item .table-asset-param-wrapper table tbody tr td:first-child{width:70%}.color-white{color:#fff}.flex-gap-2{gap:.5rem}.svg-15px{width:15px;height:15px;flex:0 0 15px}\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"] }] });
 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    [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)=\"data.isCollapsed = !data.isCollapsed\"\n    >\n      <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">\n        {{ data?.title }}\n      </div>\n      <svg\n        *ngIf=\"data.isCollapsed\"\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 svg-15px\"\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=\"!data.isCollapsed\"\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 svg-15px\"\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=\"!data.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\" class=\"svg-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}.asset-param-item .table-asset-param-wrapper table tbody tr td:first-child{width:70%}.color-white{color:#fff}.flex-gap-2{gap:.5rem}.svg-15px{width:15px;height:15px;flex:0 0 15px}\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    [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)=\"data.isCollapsed = !data.isCollapsed\"\n    >\n      <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">\n        {{ data?.title }}\n      </div>\n      <svg\n        *ngIf=\"data.isCollapsed\"\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 svg-15px\"\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=\"!data.isCollapsed\"\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 svg-15px\"\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=\"!data.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 flex-gap-2\">\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 && data?.isEditable\" class=\"svg-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}.asset-param-item .table-asset-param-wrapper table tbody tr td:first-child{width:70%}.color-white{color:#fff}.flex-gap-2{gap:.5rem}.svg-15px{width:15px;height:15px;flex:0 0 15px}\n"] }]
         }], propDecorators: { isEditView: [{
                 type: Input
             }], data: [{
@@ -9241,6 +9260,7 @@ class AssetFlowComponent {
                     if (item?.isFrom) {
                         item.visible = item?.isFrom === defaultData.isFrom;
                     }
+                    item = _.merge(item, item[`extendedDataIsFrom${defaultData.isFrom}`]);
                 });
             }
         });
@@ -9269,6 +9289,7 @@ class AssetFlowComponent {
                     if (item?.isFrom) {
                         item.visible = item?.isFrom === data.isFrom;
                     }
+                    item = _.merge(item, item[`extendedDataIsFrom${data.isFrom}`]);
                 });
             }
         });