ato-water-lib 0.0.83 → 0.0.87

package/fesm2020/ato-water-lib.mjs

@@ -958,6 +958,7 @@ class AtoGojsEditorModel {
         ENUM_TEMPLATES["PROCESS_EQUIPMENT_MACHINES"] = "Process equipment and machines";
         ENUM_TEMPLATES["MATERIAL_HANDLING_EQUIPMENT"] = "Material handling equipment";
         ENUM_TEMPLATES["POWER_DISTRIBUTION_CONTROL_SYSTEMS"] = "Power distribution and control";
+        ENUM_TEMPLATES["PUMP"] = "Pump";
         ENUM_TEMPLATES["POWER_DISTRIBUTION_SYSTEMS"] = "Power distribution systems";
         ENUM_TEMPLATES["WIND_POWER"] = "Wind Power";
         ENUM_TEMPLATES["NATURAL_GAS_GENERATORS"] = "Natural gas generators";
@@ -1096,6 +1097,7 @@ class AtoGojsEditorModel {
         ENUM_TYPES["OFFICE_EQUIPMENT"] = "Office equipment";
         ENUM_TYPES["MATERIAL_HANDLING_EQUIPMENT"] = "Material handling equipment";
         ENUM_TYPES["POWER_DISTRIBUTION_CONTROL_SYSTEMS"] = "Power distribution and control";
+        ENUM_TYPES["PUMP"] = "Pump";
         ENUM_TYPES["POWER_DISTRIBUTION_SYSTEMS"] = "PowerDistributions";
         ENUM_TYPES["WIND_POWER"] = "Wind Power";
         ENUM_TYPES["NATURAL_GAS_GENERATORS"] = "Natural gas generators";
@@ -1372,6 +1374,7 @@ class AtoGojsEditorModel {
         ENUM_TYPES.PROCESS_EQUIPMENT_MACHINES,
         ENUM_TYPES.OFFICE_EQUIPMENT,
         ENUM_TYPES.POWER_DISTRIBUTION_CONTROL_SYSTEMS,
+        ENUM_TYPES.PUMP,
         ENUM_TYPES.POWER_DISTRIBUTION_SYSTEMS,
         ENUM_TYPES.NATURAL_GAS_GENERATORS,
         ENUM_TYPES.MOTOR_CONTROLS,
@@ -1490,6 +1493,7 @@ class AtoGojsEditorModel {
         ENUM_TYPES.OFFICE_EQUIPMENT,
         ENUM_TYPES.MATERIAL_HANDLING_EQUIPMENT,
         ENUM_TYPES.POWER_DISTRIBUTION_CONTROL_SYSTEMS,
+        ENUM_TYPES.PUMP,
         ENUM_TYPES.POWER_DISTRIBUTION_SYSTEMS,
         ENUM_TYPES.WIND_POWER,
         ENUM_TYPES.NATURAL_GAS_GENERATORS,
@@ -1905,6 +1909,11 @@ class AtoGojsEditorModel {
             icon: `${AtoGojsEditorModel.ENERGY_ICON_ASSET_PATH}/Power distribution and control systems.svg`,
             systemType: ENUM_TYPES.POWER_DISTRIBUTION_CONTROL_SYSTEMS,
         },
+        [ENUM_TEMPLATES.PUMP]: {
+            name: ENUM_TEMPLATES.PUMP,
+            icon: `${AtoGojsEditorModel.ENERGY_ICON_ASSET_PATH}/Pump.svg`,
+            systemType: ENUM_TYPES.PUMP,
+        },
         [ENUM_TEMPLATES.POWER_DISTRIBUTION_SYSTEMS]: {
             name: ENUM_TEMPLATES.POWER_DISTRIBUTION_SYSTEMS,
             icon: `${AtoGojsEditorModel.ENERGY_ICON_ASSET_PATH}/Power distribution systems.svg`,
@@ -2519,6 +2528,7 @@ class AtoGojsEditorModel {
         AtoGojsEditorModel.ENUM_TEMPLATES.PROCESS_EQUIPMENT_MACHINES,
         AtoGojsEditorModel.ENUM_TEMPLATES.MATERIAL_HANDLING_EQUIPMENT,
         AtoGojsEditorModel.ENUM_TEMPLATES.POWER_DISTRIBUTION_CONTROL_SYSTEMS,
+        AtoGojsEditorModel.ENUM_TEMPLATES.PUMP,
         AtoGojsEditorModel.ENUM_TEMPLATES.BATTERY_ENERGY_STORAGE,
         AtoGojsEditorModel.ENUM_TEMPLATES.ELECTRIC_FLYWHEEL_ENERGY_STORAGE,
         AtoGojsEditorModel.ENUM_TEMPLATES.PUMPED_HYDRO_STORAGE,
@@ -3560,7 +3570,7 @@ class AtoDefaultGojsEditor {
         if (this.animationInterval) {
             clearInterval(this.animationInterval);
         }
-        const diagramDiv = this._elRef.nativeElement.querySelector(`#${this.myDiagramDiv}`);
+        const diagramDiv = this._elRef.nativeElement?.getElementsByClassName(this.myDiagramDiv)?.[0];
         this.myDiagram = this.$(go.Diagram, diagramDiv, this.initialOptions);
         // this.myDiagram.initialPosition = new go.Point(0, 0);
         this.addOrRemoveCompoentTemplate();
@@ -6874,10 +6884,10 @@ class AtoFlowDiagramLibComponent extends AtoDefaultGojsEditor {
     }
 }
 AtoFlowDiagramLibComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoFlowDiagramLibComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AtoFlowDiagramLibComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AtoFlowDiagramLibComponent, selector: "ato-flow-diagram-lib", inputs: { data: "data", isLoading: "isLoading" }, viewQueries: [{ propertyName: "myDiagramDivTemp", first: true, predicate: ["myDiagramDivTemp"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"w-100 h-100 gj-flow-diagram-wrapper\" atoLoading [appLoading]=\"data === null || !!isLoading\">\n    <div class=\"w-100 h-100 d-flex\">\n        <!-- <button\n            id=\"actionMenuId\"\n            class=\"invisible-btn\"\n            mat-button\n            [matMenuTriggerFor]=\"menu\"\n            #menuTrigger=\"matMenuTrigger\"\n        ></button>\n        <mat-menu #menu=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let item of actions\" (click)=\"item?.onClick($event)\">\n                <div class=\"d-flex flex-gap-2\">\n                    <div><i class=\"{{ item?.iconClassName }}\"></i></div>\n                    <div>{{ item?.name }}</div>\n                </div>\n            </button>\n        </mat-menu> -->\n\n        <div #myDiagramDivTemp [id]=\"myDiagramDiv\" class=\"flex-grow-1\"></div>\n        <div *ngIf=\"initialOptions?.isReadOnly && !data?.nodeDataArray?.length\" class=\"empty-data\">\n            <!-- <nz-empty nzNotFoundImage=\"simple\"></nz-empty> -->\n            No Data\n        </div>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: AtoLoadingDirective, selector: "[atoLoading]", inputs: ["appLoading"] }] });
+AtoFlowDiagramLibComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AtoFlowDiagramLibComponent, selector: "ato-flow-diagram-lib", inputs: { data: "data", isLoading: "isLoading" }, viewQueries: [{ propertyName: "myDiagramDivTemp", first: true, predicate: ["myDiagramDivTemp"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"w-100 h-100 gj-flow-diagram-wrapper\" atoLoading [appLoading]=\"data === null || !!isLoading\">\n    <div class=\"w-100 h-100 d-flex\">\n        <!-- <button\n            id=\"actionMenuId\"\n            class=\"invisible-btn\"\n            mat-button\n            [matMenuTriggerFor]=\"menu\"\n            #menuTrigger=\"matMenuTrigger\"\n        ></button>\n        <mat-menu #menu=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let item of actions\" (click)=\"item?.onClick($event)\">\n                <div class=\"d-flex flex-gap-2\">\n                    <div><i class=\"{{ item?.iconClassName }}\"></i></div>\n                    <div>{{ item?.name }}</div>\n                </div>\n            </button>\n        </mat-menu> -->\n\n        <div #myDiagramDivTemp class=\"flex-grow-1 {{myDiagramDiv}}\"></div>\n        <div *ngIf=\"initialOptions?.isReadOnly && !data?.nodeDataArray?.length\" class=\"empty-data\">\n            <!-- <nz-empty nzNotFoundImage=\"simple\"></nz-empty> -->\n            No Data\n        </div>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: AtoLoadingDirective, selector: "[atoLoading]", inputs: ["appLoading"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoFlowDiagramLibComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ato-flow-diagram-lib', template: "<div class=\"w-100 h-100 gj-flow-diagram-wrapper\" atoLoading [appLoading]=\"data === null || !!isLoading\">\n    <div class=\"w-100 h-100 d-flex\">\n        <!-- <button\n            id=\"actionMenuId\"\n            class=\"invisible-btn\"\n            mat-button\n            [matMenuTriggerFor]=\"menu\"\n            #menuTrigger=\"matMenuTrigger\"\n        ></button>\n        <mat-menu #menu=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let item of actions\" (click)=\"item?.onClick($event)\">\n                <div class=\"d-flex flex-gap-2\">\n                    <div><i class=\"{{ item?.iconClassName }}\"></i></div>\n                    <div>{{ item?.name }}</div>\n                </div>\n            </button>\n        </mat-menu> -->\n\n        <div #myDiagramDivTemp [id]=\"myDiagramDiv\" class=\"flex-grow-1\"></div>\n        <div *ngIf=\"initialOptions?.isReadOnly && !data?.nodeDataArray?.length\" class=\"empty-data\">\n            <!-- <nz-empty nzNotFoundImage=\"simple\"></nz-empty> -->\n            No Data\n        </div>\n    </div>\n</div>\n" }]
+            args: [{ selector: 'ato-flow-diagram-lib', template: "<div class=\"w-100 h-100 gj-flow-diagram-wrapper\" atoLoading [appLoading]=\"data === null || !!isLoading\">\n    <div class=\"w-100 h-100 d-flex\">\n        <!-- <button\n            id=\"actionMenuId\"\n            class=\"invisible-btn\"\n            mat-button\n            [matMenuTriggerFor]=\"menu\"\n            #menuTrigger=\"matMenuTrigger\"\n        ></button>\n        <mat-menu #menu=\"matMenu\">\n            <button mat-menu-item *ngFor=\"let item of actions\" (click)=\"item?.onClick($event)\">\n                <div class=\"d-flex flex-gap-2\">\n                    <div><i class=\"{{ item?.iconClassName }}\"></i></div>\n                    <div>{{ item?.name }}</div>\n                </div>\n            </button>\n        </mat-menu> -->\n\n        <div #myDiagramDivTemp class=\"flex-grow-1 {{myDiagramDiv}}\"></div>\n        <div *ngIf=\"initialOptions?.isReadOnly && !data?.nodeDataArray?.length\" class=\"empty-data\">\n            <!-- <nz-empty nzNotFoundImage=\"simple\"></nz-empty> -->\n            No Data\n        </div>\n    </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { myDiagramDivTemp: [{
                 type: ViewChild,
                 args: ['myDiagramDivTemp']