ato-water-lib 0.0.18 → 0.0.19
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2020/lib/ato-water-lib.module.mjs +27 -6
- package/esm2020/lib/components/asset-flow/asset-flow.component.mjs +55 -6
- package/esm2020/lib/components/asset-params-view/asset-params-view.component.mjs +27 -0
- package/esm2020/lib/components/flow-diagram-lib/flow-diagram-lib.component.mjs +3 -3
- package/esm2020/lib/constants/components-group-const.mjs +197 -10
- package/esm2020/lib/directive/ng-var.directive.mjs +31 -0
- package/esm2020/lib/models/default-gojs-editor.model.mjs +21 -2
- package/esm2020/lib/models/gojs-editor.model.mjs +5 -1
- package/esm2020/public-api.mjs +3 -1
- package/fesm2015/ato-water-lib.mjs +261 -23
- package/fesm2015/ato-water-lib.mjs.map +1 -1
- package/fesm2020/ato-water-lib.mjs +350 -23
- package/fesm2020/ato-water-lib.mjs.map +1 -1
- package/lib/ato-water-lib.module.d.ts +6 -2
- package/lib/components/asset-flow/asset-flow.component.d.ts +1278 -2
- package/lib/components/asset-params-view/asset-params-view.component.d.ts +10 -0
- package/lib/constants/components-group-const.d.ts +395 -0
- package/lib/directive/ng-var.directive.d.ts +12 -0
- package/lib/models/default-gojs-editor.model.d.ts +4 -0
- package/lib/models/gojs-editor.model.d.ts +2 -1
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
package/esm2020/public-api.mjs
CHANGED
|
@@ -7,7 +7,9 @@ export * from './lib/ato-water-lib.module';
|
|
|
7
7
|
// Component
|
|
8
8
|
export * from './lib/components/flow-diagram-lib/flow-diagram-lib.component';
|
|
9
9
|
export * from './lib/components/asset-flow/asset-flow.component';
|
|
10
|
+
export * from './lib/components/asset-params-view/asset-params-view.component';
|
|
10
11
|
// Directive
|
|
11
12
|
export * from './lib/directive/ato-loading.directive';
|
|
13
|
+
export * from './lib/directive/ng-var.directive';
|
|
12
14
|
// Css
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2F0by13YXRlci1saWIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxZQUFZO0FBQ1osY0FBYyw4REFBOEQsQ0FBQztBQUM3RSxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsWUFBWTtBQUNaLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBhdG8td2F0ZXItbGliXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvYXRvLXdhdGVyLWxpYi5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2F0by13YXRlci1saWIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2F0by13YXRlci1saWIubW9kdWxlJztcbi8vIENvbXBvbmVudFxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9mbG93LWRpYWdyYW0tbGliL2Zsb3ctZGlhZ3JhbS1saWIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXNzZXQtZmxvdy9hc3NldC1mbG93LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Fzc2V0LXBhcmFtcy12aWV3L2Fzc2V0LXBhcmFtcy12aWV3LmNvbXBvbmVudCc7XG4vLyBEaXJlY3RpdmVcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZS9hdG8tbG9hZGluZy5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlL25nLXZhci5kaXJlY3RpdmUnO1xuLy8gQ3NzXG5cblxuXG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component, EventEmitter, Directive, ViewChild, Input, Output, NgModule } from '@angular/core';
|
|
2
|
+
import { Injectable, Component, EventEmitter, Directive, ViewChild, Input, Output, HostListener, NgModule } from '@angular/core';
|
|
3
3
|
import { __awaiter } from 'tslib';
|
|
4
4
|
import * as go from 'gojs';
|
|
5
5
|
import go__default from 'gojs';
|
|
@@ -9,6 +9,8 @@ import { Subject, Subscription } from 'rxjs';
|
|
|
9
9
|
import * as i1 from '@angular/common';
|
|
10
10
|
import { DecimalPipe, CommonModule } from '@angular/common';
|
|
11
11
|
import { v4 } from 'uuid';
|
|
12
|
+
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
|
|
13
|
+
import { BrowserModule } from '@angular/platform-browser';
|
|
12
14
|
|
|
13
15
|
class AtoWaterLibService {
|
|
14
16
|
constructor() { }
|
|
@@ -1031,6 +1033,7 @@ class AtoGojsEditorModel {
|
|
|
1031
1033
|
ENUM_TEMPLATES["TURBINES"] = "Turbines";
|
|
1032
1034
|
// Plant Basic
|
|
1033
1035
|
ENUM_TEMPLATES["GROUP_BASIC_COMPONENT"] = "Group Basic Component";
|
|
1036
|
+
ENUM_TEMPLATES["TEXT_LABEL"] = "label";
|
|
1034
1037
|
})(ENUM_TEMPLATES = AtoGojsEditorModel.ENUM_TEMPLATES || (AtoGojsEditorModel.ENUM_TEMPLATES = {}));
|
|
1035
1038
|
// System Types
|
|
1036
1039
|
let ENUM_TYPES;
|
|
@@ -1740,6 +1743,9 @@ class AtoGojsEditorModel {
|
|
|
1740
1743
|
[ENUM_TEMPLATES.VALUE_LABEL]: {
|
|
1741
1744
|
name: ENUM_TEMPLATES.VALUE_LABEL,
|
|
1742
1745
|
},
|
|
1746
|
+
[ENUM_TEMPLATES.TEXT_LABEL]: {
|
|
1747
|
+
name: ENUM_TEMPLATES.TEXT_LABEL,
|
|
1748
|
+
},
|
|
1743
1749
|
[ENUM_TEMPLATES.DATA_BOX]: {
|
|
1744
1750
|
name: ENUM_TEMPLATES.DATA_BOX,
|
|
1745
1751
|
},
|
|
@@ -3451,6 +3457,10 @@ class AtoDefaultGojsEditor {
|
|
|
3451
3457
|
if ((node === null || node === void 0 ? void 0 : node.type) === AtoGojsEditorModel.ENUM_TEMPLATES.VALUE_LABEL) {
|
|
3452
3458
|
this.makeValueLabelTemplate();
|
|
3453
3459
|
}
|
|
3460
|
+
// Label
|
|
3461
|
+
if ((node === null || node === void 0 ? void 0 : node.type) === AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL) {
|
|
3462
|
+
this.makeTextLabelTemplate();
|
|
3463
|
+
}
|
|
3454
3464
|
// Zone item
|
|
3455
3465
|
if ((node === null || node === void 0 ? void 0 : node.type) === AtoGojsEditorModel.ENUM_TEMPLATES.ZONE_ENERGY_ITEM) {
|
|
3456
3466
|
this.makeZoneItemTemplate();
|
|
@@ -3930,6 +3940,19 @@ class AtoDefaultGojsEditor {
|
|
|
3930
3940
|
}), new go.Binding('visible', 'data', (x) => typeof (x === null || x === void 0 ? void 0 : x.quantity) === 'number')))));
|
|
3931
3941
|
this.myDiagram.nodeTemplateMap.set(AtoGojsEditorModel.ENUM_TEMPLATES.VALUE_LABEL, node);
|
|
3932
3942
|
}
|
|
3943
|
+
makeTextLabelTemplate(size = { w: NaN, h: 20 }) {
|
|
3944
|
+
const node = this.$(go.Node, 'Auto', {
|
|
3945
|
+
movable: false,
|
|
3946
|
+
isSelected: false,
|
|
3947
|
+
}, new go.Binding('location', 'loc', go.Point.parse).makeTwoWay(go.Point.stringify), this.$(go.Panel, 'Auto', this.$(go.Panel, 'Horizontal', this.$(go.TextBlock, {
|
|
3948
|
+
margin: new go.Margin(0, 5, 10, 0),
|
|
3949
|
+
textAlign: 'center',
|
|
3950
|
+
font: 'bold 16px Arial',
|
|
3951
|
+
wrap: go.TextBlock.WrapFit,
|
|
3952
|
+
stroke: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
|
|
3953
|
+
}, new go.Binding('stroke', 'color'), new go.Binding('text', 'name'), new go.Binding('visible', 'visible')))));
|
|
3954
|
+
this.myDiagram.nodeTemplateMap.set(AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL, node);
|
|
3955
|
+
}
|
|
3933
3956
|
makeTextTemplate(size = { w: AtoGojsEditorModel.GRID_SIZE * 5, h: AtoGojsEditorModel.GRID_SIZE * 2 }) {
|
|
3934
3957
|
const self = this;
|
|
3935
3958
|
const contextMenu = this.$(go.Adornment, 'Vertical', this.$('ContextMenuButton', this.$(go.TextBlock, 'Option 1'), {
|
|
@@ -5262,7 +5285,9 @@ class AtoDefaultGojsEditor {
|
|
|
5262
5285
|
{
|
|
5263
5286
|
zOrder: 2,
|
|
5264
5287
|
// padding: new go.Margin(0, 0, 0, 200),
|
|
5265
|
-
}, new go.Binding('padding', 'padding'), new go.Binding('selectable', 'selectable'), new go.Binding('location', 'loc', go.Point.parse).makeTwoWay(go.Point.stringify),
|
|
5288
|
+
}, new go.Binding('padding', 'padding'), new go.Binding('selectable', 'selectable'), new go.Binding('location', 'loc', go.Point.parse).makeTwoWay(go.Point.stringify), new go.Binding('visible', '', (data) => {
|
|
5289
|
+
return typeof (data === null || data === void 0 ? void 0 : data.visible) === 'boolean' ? data === null || data === void 0 ? void 0 : data.visible : true;
|
|
5290
|
+
}),
|
|
5266
5291
|
// Header
|
|
5267
5292
|
this.$(go.Panel, 'Auto', {
|
|
5268
5293
|
stretch: go.GraphObject.Fill,
|
|
@@ -6487,10 +6512,10 @@ class AtoFlowDiagramLibComponent extends AtoDefaultGojsEditor {
|
|
|
6487
6512
|
}
|
|
6488
6513
|
}
|
|
6489
6514
|
AtoFlowDiagramLibComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoFlowDiagramLibComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
6490
|
-
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\"
|
|
6515
|
+
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"] }] });
|
|
6491
6516
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoFlowDiagramLibComponent, decorators: [{
|
|
6492
6517
|
type: Component,
|
|
6493
|
-
args: [{ selector: 'ato-flow-diagram-lib', template: "<div class=\"w-100 h-100 gj-flow-diagram-wrapper\" atoLoading [appLoading]=\"data === null || !!isLoading\"
|
|
6518
|
+
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" }]
|
|
6494
6519
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { myDiagramDivTemp: [{
|
|
6495
6520
|
type: ViewChild,
|
|
6496
6521
|
args: ['myDiagramDivTemp']
|
|
@@ -7470,7 +7495,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
|
|
|
7470
7495
|
[AtoGojsEditorModel.ENUM_TYPES.COOLING_TOWER]: {
|
|
7471
7496
|
nodeDataArray: [
|
|
7472
7497
|
{
|
|
7473
|
-
key:
|
|
7498
|
+
key: 88,
|
|
7474
7499
|
type: AtoGojsEditorModel.ENUM_TEMPLATES.EMPTY,
|
|
7475
7500
|
group: 100,
|
|
7476
7501
|
loc: '0 0',
|
|
@@ -7482,7 +7507,7 @@ const ATO_COMPONENTS_GROUP_DATA = {
|
|
|
7482
7507
|
color: '#a8438d',
|
|
7483
7508
|
},
|
|
7484
7509
|
{
|
|
7485
|
-
key:
|
|
7510
|
+
key: 89,
|
|
7486
7511
|
type: AtoGojsEditorModel.ENUM_TEMPLATES.EMPTY,
|
|
7487
7512
|
group: 100,
|
|
7488
7513
|
loc: '1000 700',
|
|
@@ -7493,14 +7518,14 @@ const ATO_COMPONENTS_GROUP_DATA = {
|
|
|
7493
7518
|
name: 'bottom-right-marker',
|
|
7494
7519
|
color: '#a8438d',
|
|
7495
7520
|
},
|
|
7496
|
-
Object.assign(Object.assign({ key:
|
|
7497
|
-
Object.assign(Object.assign({ key:
|
|
7498
|
-
Object.assign(Object.assign({ key:
|
|
7499
|
-
Object.assign(Object.assign({ key:
|
|
7500
|
-
Object.assign(Object.assign({ key:
|
|
7501
|
-
Object.assign(Object.assign({ key:
|
|
7521
|
+
Object.assign(Object.assign({ key: 90, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, loc: '30 160', padding: new go__default.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.EVAPORATION_LOSS]), { minSizeValue: new go__default.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.EVAPORATION_LOSS].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140 }))), visible: true }),
|
|
7522
|
+
Object.assign(Object.assign({ key: 91, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, padding: new go__default.Margin(0, 0, 0, 0), loc: '30 270' }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.MAKEUP_WATER]), { minSizeValue: new go__default.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.MAKEUP_WATER].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 120 }))) }),
|
|
7523
|
+
Object.assign(Object.assign({ key: 92, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, padding: new go__default.Margin(0, 0, 0, 0), loc: '580 250' }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.WARMER_WATER]), { minSizeValue: new go__default.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.WARMER_WATER].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 120 }))) }),
|
|
7524
|
+
Object.assign(Object.assign({ key: 93, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, padding: new go__default.Margin(0, 0, 0, 0), loc: '580 560' }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.BLOWDOWN_WATER]), { minSizeValue: new go__default.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.BLOWDOWN_WATER].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 120 }))) }),
|
|
7525
|
+
Object.assign(Object.assign({ key: 94, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, padding: new go__default.Margin(0, 0, 0, 0), loc: '450 20' }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS]), { minSizeValue: new go__default.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 130 }))) }),
|
|
7526
|
+
Object.assign(Object.assign({ key: 95, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, padding: new go__default.Margin(0, 0, 0, 0), loc: '730 20' }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY]), { minSizeValue: new go__default.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 130 }))) }),
|
|
7502
7527
|
{
|
|
7503
|
-
key:
|
|
7528
|
+
key: 96,
|
|
7504
7529
|
type: AtoGojsEditorModel.ENUM_TEMPLATES.IMAGE_TEMPLATE,
|
|
7505
7530
|
source: AtoGojsEditorModel.IMAGE_COOLING_TOWER_PATH,
|
|
7506
7531
|
group: 100,
|
|
@@ -7508,6 +7533,102 @@ const ATO_COMPONENTS_GROUP_DATA = {
|
|
|
7508
7533
|
margin: new go__default.Margin(195, 20, 0, 0),
|
|
7509
7534
|
selectable: false,
|
|
7510
7535
|
},
|
|
7536
|
+
// {
|
|
7537
|
+
// key: 97,
|
|
7538
|
+
// type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7539
|
+
// group: 100,
|
|
7540
|
+
// loc: '250 25',
|
|
7541
|
+
// name: 'Evaporation Loss',
|
|
7542
|
+
// color: AtoGojsEditorModel.ENUM_COLORS.FLAMINGO,
|
|
7543
|
+
// visible: false,
|
|
7544
|
+
// },
|
|
7545
|
+
// {
|
|
7546
|
+
// key: 98,
|
|
7547
|
+
// type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7548
|
+
// group: 100,
|
|
7549
|
+
// loc: '110 290',
|
|
7550
|
+
// name: 'Makeup Water',
|
|
7551
|
+
// color: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
|
|
7552
|
+
// visible: false,
|
|
7553
|
+
// },
|
|
7554
|
+
// {
|
|
7555
|
+
// key: 99,
|
|
7556
|
+
// type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7557
|
+
// group: 100,
|
|
7558
|
+
// loc: '580 435',
|
|
7559
|
+
// name: 'Blowdown Water',
|
|
7560
|
+
// color: AtoGojsEditorModel.ENUM_COLORS.CARROT_ORANGE,
|
|
7561
|
+
// visible: false,
|
|
7562
|
+
// },
|
|
7563
|
+
{ key: 100, type: AtoGojsEditorModel.ENUM_TEMPLATES.COOLING_TOWER, isGroup: true, name: 'Group' },
|
|
7564
|
+
],
|
|
7565
|
+
linkDataArray: [],
|
|
7566
|
+
},
|
|
7567
|
+
[AtoGojsEditorModel.ENUM_TYPES.COOLING_TOWER + '_RESPONSIVE']: {
|
|
7568
|
+
nodeDataArray: [
|
|
7569
|
+
{
|
|
7570
|
+
key: 88,
|
|
7571
|
+
type: AtoGojsEditorModel.ENUM_TEMPLATES.EMPTY,
|
|
7572
|
+
group: 100,
|
|
7573
|
+
loc: '0 0',
|
|
7574
|
+
data: {
|
|
7575
|
+
quantity: 2222,
|
|
7576
|
+
unit: 'm³',
|
|
7577
|
+
},
|
|
7578
|
+
name: 'top-left-marker',
|
|
7579
|
+
color: '#a8438d',
|
|
7580
|
+
},
|
|
7581
|
+
{
|
|
7582
|
+
key: 89,
|
|
7583
|
+
type: AtoGojsEditorModel.ENUM_TEMPLATES.EMPTY,
|
|
7584
|
+
group: 100,
|
|
7585
|
+
loc: '700 300',
|
|
7586
|
+
data: {
|
|
7587
|
+
quantity: 3333,
|
|
7588
|
+
unit: 'm³',
|
|
7589
|
+
},
|
|
7590
|
+
name: 'bottom-right-marker',
|
|
7591
|
+
color: '#a8438d',
|
|
7592
|
+
},
|
|
7593
|
+
Object.assign(Object.assign({ key: 90, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, padding: new go__default.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS]), { minSizeValue: new go__default.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.COOLING_TOWER_ANALYSIS].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 130 }))), visible: false }),
|
|
7594
|
+
Object.assign(Object.assign({ key: 91, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, padding: new go__default.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY]), { minSizeValue: new go__default.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.COOLING_WATER_CHEMISTRY].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 130 }))), visible: false }),
|
|
7595
|
+
Object.assign(Object.assign({ key: 92, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, padding: new go__default.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.EVAPORATION_LOSS]), { minSizeValue: new go__default.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.EVAPORATION_LOSS].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 140 }))), visible: false }),
|
|
7596
|
+
Object.assign(Object.assign({ key: 93, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, padding: new go__default.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.MAKEUP_WATER]), { minSizeValue: new go__default.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.MAKEUP_WATER].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 120 }))), visible: false }),
|
|
7597
|
+
Object.assign(Object.assign({ key: 94, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, padding: new go__default.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.WARMER_WATER]), { minSizeValue: new go__default.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.WARMER_WATER].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 120 }))), visible: false }),
|
|
7598
|
+
Object.assign(Object.assign({ key: 95, type: AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE, group: 100, padding: new go__default.Margin(0, 0, 0, 0) }, DATA_WATER_SYSTEMS[WATER_SYSTEMS_NAME.BLOWDOWN_WATER]), { minSizeValue: new go__default.Size(100, NaN), selectable: false, dataTable: ASSET_CATEGORY_PARAMS[WATER_SYSTEMS_NAME.BLOWDOWN_WATER].map((e) => (Object.assign(Object.assign({}, e), { value: '', isEditable: true, maxSizeValue: 120 }))), visible: false }),
|
|
7599
|
+
{
|
|
7600
|
+
key: 96,
|
|
7601
|
+
type: AtoGojsEditorModel.ENUM_TEMPLATES.IMAGE_TEMPLATE,
|
|
7602
|
+
source: AtoGojsEditorModel.IMAGE_COOLING_TOWER_PATH,
|
|
7603
|
+
group: 100,
|
|
7604
|
+
loc: '0 0',
|
|
7605
|
+
margin: new go__default.Margin(20, 20, 0, 0),
|
|
7606
|
+
selectable: false,
|
|
7607
|
+
},
|
|
7608
|
+
{
|
|
7609
|
+
key: 97,
|
|
7610
|
+
type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7611
|
+
group: 100,
|
|
7612
|
+
loc: '250 25',
|
|
7613
|
+
name: 'Evaporation Loss',
|
|
7614
|
+
color: AtoGojsEditorModel.ENUM_COLORS.FLAMINGO,
|
|
7615
|
+
},
|
|
7616
|
+
{
|
|
7617
|
+
key: 98,
|
|
7618
|
+
type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7619
|
+
group: 100,
|
|
7620
|
+
loc: '110 290',
|
|
7621
|
+
name: 'Makeup Water',
|
|
7622
|
+
color: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
|
|
7623
|
+
},
|
|
7624
|
+
{
|
|
7625
|
+
key: 99,
|
|
7626
|
+
type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7627
|
+
group: 100,
|
|
7628
|
+
loc: '580 435',
|
|
7629
|
+
name: 'Blowdown Water',
|
|
7630
|
+
color: AtoGojsEditorModel.ENUM_COLORS.CARROT_ORANGE,
|
|
7631
|
+
},
|
|
7511
7632
|
{ key: 100, type: AtoGojsEditorModel.ENUM_TEMPLATES.COOLING_TOWER, isGroup: true, name: 'Group' },
|
|
7512
7633
|
],
|
|
7513
7634
|
linkDataArray: [],
|
|
@@ -7664,6 +7785,58 @@ const ATO_COMPONENTS_GROUP_DATA = {
|
|
|
7664
7785
|
},
|
|
7665
7786
|
};
|
|
7666
7787
|
|
|
7788
|
+
class AtoNgVarDirective {
|
|
7789
|
+
set ngVar(context) {
|
|
7790
|
+
this.context.$implicit = this.context.ngVar = context;
|
|
7791
|
+
if (!this.hasView) {
|
|
7792
|
+
this.vcRef.createEmbeddedView(this.templateRef, this.context);
|
|
7793
|
+
this.hasView = true;
|
|
7794
|
+
}
|
|
7795
|
+
}
|
|
7796
|
+
constructor(templateRef, vcRef) {
|
|
7797
|
+
this.templateRef = templateRef;
|
|
7798
|
+
this.vcRef = vcRef;
|
|
7799
|
+
this.context = {
|
|
7800
|
+
$implicit: null,
|
|
7801
|
+
ngVar: null,
|
|
7802
|
+
};
|
|
7803
|
+
this.hasView = false;
|
|
7804
|
+
}
|
|
7805
|
+
}
|
|
7806
|
+
AtoNgVarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoNgVarDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
7807
|
+
AtoNgVarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: AtoNgVarDirective, selector: "[ngVar]", inputs: { ngVar: "ngVar" }, ngImport: i0 });
|
|
7808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoNgVarDirective, decorators: [{
|
|
7809
|
+
type: Directive,
|
|
7810
|
+
args: [{
|
|
7811
|
+
selector: '[ngVar]',
|
|
7812
|
+
}]
|
|
7813
|
+
}], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { ngVar: [{
|
|
7814
|
+
type: Input
|
|
7815
|
+
}] } });
|
|
7816
|
+
|
|
7817
|
+
class AtoAssetParamsViewComponent {
|
|
7818
|
+
constructor() {
|
|
7819
|
+
this.isEditView = false;
|
|
7820
|
+
this.data = [];
|
|
7821
|
+
this.clickParamTableRow = new EventEmitter();
|
|
7822
|
+
}
|
|
7823
|
+
onClickRowParam(itemTable) {
|
|
7824
|
+
this.clickParamTableRow.emit(itemTable);
|
|
7825
|
+
}
|
|
7826
|
+
}
|
|
7827
|
+
AtoAssetParamsViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoAssetParamsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7828
|
+
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"] }] });
|
|
7829
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoAssetParamsViewComponent, decorators: [{
|
|
7830
|
+
type: Component,
|
|
7831
|
+
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"] }]
|
|
7832
|
+
}], propDecorators: { isEditView: [{
|
|
7833
|
+
type: Input
|
|
7834
|
+
}], data: [{
|
|
7835
|
+
type: Input
|
|
7836
|
+
}], clickParamTableRow: [{
|
|
7837
|
+
type: Output
|
|
7838
|
+
}] } });
|
|
7839
|
+
|
|
7667
7840
|
class AssetFlowComponent {
|
|
7668
7841
|
constructor() {
|
|
7669
7842
|
this.onClickParamOfTableEvent = new EventEmitter();
|
|
@@ -7676,16 +7849,57 @@ class AssetFlowComponent {
|
|
|
7676
7849
|
// isReadOnly: true,
|
|
7677
7850
|
};
|
|
7678
7851
|
this.flowData = {};
|
|
7852
|
+
this.isResponsiveView = false;
|
|
7853
|
+
}
|
|
7854
|
+
onResize(event) {
|
|
7855
|
+
// Now only Support Cooling Tower Responsive
|
|
7856
|
+
if (this.timeoutResizeWindow) {
|
|
7857
|
+
clearTimeout(this.timeoutResizeWindow);
|
|
7858
|
+
}
|
|
7859
|
+
this.timeoutResizeWindow = setTimeout(() => {
|
|
7860
|
+
this.checkResponsiveView();
|
|
7861
|
+
this.updateLocationReponsive();
|
|
7862
|
+
}, 1000);
|
|
7863
|
+
}
|
|
7864
|
+
checkResponsiveView() {
|
|
7865
|
+
if ((this === null || this === void 0 ? void 0 : this.systemType) ===
|
|
7866
|
+
AtoGojsEditorModel.ENUM_TYPES.COOLING_TOWER) {
|
|
7867
|
+
this.isResponsiveView = window.innerWidth < 1024;
|
|
7868
|
+
}
|
|
7869
|
+
else {
|
|
7870
|
+
this.isResponsiveView = false;
|
|
7871
|
+
}
|
|
7872
|
+
}
|
|
7873
|
+
updateLocationReponsive() {
|
|
7874
|
+
var _a, _b, _c, _d, _e, _f;
|
|
7875
|
+
if (!((_a = this.flowData) === null || _a === void 0 ? void 0 : _a.nodeDataArray)) {
|
|
7876
|
+
this.setFlowData(_.cloneDeep(ATO_COMPONENTS_GROUP_DATA)[this.systemType + (this.isResponsiveView ? '_RESPONSIVE' : '')]);
|
|
7877
|
+
this.dataTableAssetParams = (_c = (_b = this.flowData) === null || _b === void 0 ? void 0 : _b.nodeDataArray) === null || _c === void 0 ? void 0 : _c.filter((e) => (e === null || e === void 0 ? void 0 : e.type) === AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE);
|
|
7878
|
+
return;
|
|
7879
|
+
}
|
|
7880
|
+
_.forEach((_d = _.cloneDeep(ATO_COMPONENTS_GROUP_DATA)[this.systemType + (this.isResponsiveView ? '_RESPONSIVE' : '')]) === null || _d === void 0 ? void 0 : _d.nodeDataArray, (node) => {
|
|
7881
|
+
var _a, _b;
|
|
7882
|
+
const itemFind = (_b = (_a = this.flowData) === null || _a === void 0 ? void 0 : _a.nodeDataArray) === null || _b === void 0 ? void 0 : _b.find((x) => (node === null || node === void 0 ? void 0 : node.key) === (x === null || x === void 0 ? void 0 : x.key));
|
|
7883
|
+
if (itemFind) {
|
|
7884
|
+
itemFind.visible = (node === null || node === void 0 ? void 0 : node.visible) === false ? false : true;
|
|
7885
|
+
itemFind.loc = node === null || node === void 0 ? void 0 : node.loc;
|
|
7886
|
+
itemFind.margin = node === null || node === void 0 ? void 0 : node.margin;
|
|
7887
|
+
itemFind.padding = node === null || node === void 0 ? void 0 : node.padding;
|
|
7888
|
+
}
|
|
7889
|
+
});
|
|
7890
|
+
this.dataTableAssetParams = (_f = (_e = this.flowData) === null || _e === void 0 ? void 0 : _e.nodeDataArray) === null || _f === void 0 ? void 0 : _f.filter((e) => (e === null || e === void 0 ? void 0 : e.type) === AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE);
|
|
7891
|
+
this.setFlowData(_.cloneDeep(this.flowData));
|
|
7679
7892
|
}
|
|
7680
7893
|
ngOnInit() {
|
|
7681
|
-
this.
|
|
7894
|
+
this.checkResponsiveView();
|
|
7895
|
+
this.updateLocationReponsive();
|
|
7682
7896
|
}
|
|
7683
7897
|
onClickParamOfTable($event) {
|
|
7684
7898
|
this.onClickParamOfTableEvent.emit($event);
|
|
7685
7899
|
}
|
|
7686
7900
|
getDefaultFlowData() {
|
|
7687
7901
|
var _a;
|
|
7688
|
-
const flowData = Object.assign(Object.assign({}, ATO_COMPONENTS_GROUP_DATA[this.systemType]), { linkFromPortIdProperty: 'fromPort', linkToPortIdProperty: 'toPort' });
|
|
7902
|
+
const flowData = Object.assign(Object.assign({}, _.cloneDeep(ATO_COMPONENTS_GROUP_DATA)[this.systemType]), { linkFromPortIdProperty: 'fromPort', linkToPortIdProperty: 'toPort' });
|
|
7689
7903
|
if (this.isUseBase64) {
|
|
7690
7904
|
const itemImageTemp = (_a = flowData === null || flowData === void 0 ? void 0 : flowData.nodeDataArray) === null || _a === void 0 ? void 0 : _a.find((x) => (x === null || x === void 0 ? void 0 : x.type) === 'Image Template');
|
|
7691
7905
|
if (itemImageTemp) {
|
|
@@ -7699,10 +7913,10 @@ class AssetFlowComponent {
|
|
|
7699
7913
|
}
|
|
7700
7914
|
}
|
|
7701
7915
|
AssetFlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7702
|
-
AssetFlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AssetFlowComponent, selector: "ato-asset-flow", inputs: { selectedComponent: "selectedComponent", systemType: "systemType", isUseBase64: "isUseBase64", flowData: "flowData" }, outputs: { onClickParamOfTableEvent: "onClickParamOfTableEvent" }, viewQueries: [{ propertyName: "gjFlowDiagramTemp", first: true, predicate: AtoFlowDiagramLibComponent, descendants: true }], ngImport: i0, template: "<div class=\"h-100\" atoLoading [appLoading]=\"flowData === null\">\n <ato-flow-diagram-lib\n
|
|
7916
|
+
AssetFlowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AssetFlowComponent, selector: "ato-asset-flow", inputs: { selectedComponent: "selectedComponent", systemType: "systemType", isUseBase64: "isUseBase64", flowData: "flowData", isResponsiveView: "isResponsiveView", getFlowDataCallBack: "getFlowDataCallBack" }, outputs: { onClickParamOfTableEvent: "onClickParamOfTableEvent" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "gjFlowDiagramTemp", first: true, predicate: AtoFlowDiagramLibComponent, descendants: true }], ngImport: i0, template: "<div class=\"h-100 d-flex flex-column flex-gap-3 flex-grow-1 overflow-auto px-3 pb-3\">\n <div class=\"h-100 d-flex flex-column\" atoLoading [appLoading]=\"flowData === null\">\n <ato-flow-diagram-lib\n *ngIf=\"flowData !== null\"\n #gjFlowDiagramTemp\n [data]=\"flowData\"\n [initialOptions]=\"options\"\n (onClikParamOfTable)=\"onClickParamOfTable($event)\"\n [class]=\"!!isResponsiveView ? 'diagram-responsive-view' : 'flex-grow-1'\"\n ></ato-flow-diagram-lib>\n <div class=\"mt-2\" *ngIf=\"isResponsiveView\">\n <ato-asset-params-view\n [data]=\"dataTableAssetParams\"\n [isEditView]=\"true\"\n (clickParamTableRow)=\"onClickParamOfTable($event)\"\n ></ato-asset-params-view>\n </div>\n </div>\n</div>\n\n", styles: [".diagram-responsive-view{height:30vh}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AtoFlowDiagramLibComponent, selector: "ato-flow-diagram-lib", inputs: ["data", "isLoading"] }, { kind: "directive", type: AtoLoadingDirective, selector: "[atoLoading]", inputs: ["appLoading"] }, { kind: "component", type: AtoAssetParamsViewComponent, selector: "ato-asset-params-view", inputs: ["isEditView", "data"], outputs: ["clickParamTableRow"] }] });
|
|
7703
7917
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetFlowComponent, decorators: [{
|
|
7704
7918
|
type: Component,
|
|
7705
|
-
args: [{ selector: 'ato-asset-flow', template: "<div class=\"h-100\" atoLoading [appLoading]=\"flowData === null\">\n <ato-flow-diagram-lib\n
|
|
7919
|
+
args: [{ selector: 'ato-asset-flow', template: "<div class=\"h-100 d-flex flex-column flex-gap-3 flex-grow-1 overflow-auto px-3 pb-3\">\n <div class=\"h-100 d-flex flex-column\" atoLoading [appLoading]=\"flowData === null\">\n <ato-flow-diagram-lib\n *ngIf=\"flowData !== null\"\n #gjFlowDiagramTemp\n [data]=\"flowData\"\n [initialOptions]=\"options\"\n (onClikParamOfTable)=\"onClickParamOfTable($event)\"\n [class]=\"!!isResponsiveView ? 'diagram-responsive-view' : 'flex-grow-1'\"\n ></ato-flow-diagram-lib>\n <div class=\"mt-2\" *ngIf=\"isResponsiveView\">\n <ato-asset-params-view\n [data]=\"dataTableAssetParams\"\n [isEditView]=\"true\"\n (clickParamTableRow)=\"onClickParamOfTable($event)\"\n ></ato-asset-params-view>\n </div>\n </div>\n</div>\n\n", styles: [".diagram-responsive-view{height:30vh}\n"] }]
|
|
7706
7920
|
}], propDecorators: { gjFlowDiagramTemp: [{
|
|
7707
7921
|
type: ViewChild,
|
|
7708
7922
|
args: [AtoFlowDiagramLibComponent]
|
|
@@ -7716,6 +7930,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
7716
7930
|
type: Input
|
|
7717
7931
|
}], flowData: [{
|
|
7718
7932
|
type: Input
|
|
7933
|
+
}], isResponsiveView: [{
|
|
7934
|
+
type: Input
|
|
7935
|
+
}], getFlowDataCallBack: [{
|
|
7936
|
+
type: Input
|
|
7937
|
+
}], onResize: [{
|
|
7938
|
+
type: HostListener,
|
|
7939
|
+
args: ['window:resize', ['$event']]
|
|
7719
7940
|
}] } });
|
|
7720
7941
|
|
|
7721
7942
|
class AtoWaterLibModule {
|
|
@@ -7724,11 +7945,21 @@ AtoWaterLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versio
|
|
|
7724
7945
|
AtoWaterLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AtoWaterLibModule, declarations: [AtoWaterLibComponent,
|
|
7725
7946
|
AtoFlowDiagramLibComponent,
|
|
7726
7947
|
AssetFlowComponent,
|
|
7727
|
-
AtoLoadingDirective
|
|
7948
|
+
AtoLoadingDirective,
|
|
7949
|
+
AtoAssetParamsViewComponent,
|
|
7950
|
+
AtoNgVarDirective], imports: [CommonModule,
|
|
7951
|
+
BrowserModule,
|
|
7952
|
+
ReactiveFormsModule,
|
|
7953
|
+
FormsModule], exports: [AtoWaterLibComponent,
|
|
7728
7954
|
AtoFlowDiagramLibComponent,
|
|
7729
7955
|
AssetFlowComponent,
|
|
7730
|
-
AtoLoadingDirective
|
|
7731
|
-
|
|
7956
|
+
AtoLoadingDirective,
|
|
7957
|
+
AtoAssetParamsViewComponent,
|
|
7958
|
+
AtoNgVarDirective] });
|
|
7959
|
+
AtoWaterLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoWaterLibModule, imports: [CommonModule,
|
|
7960
|
+
BrowserModule,
|
|
7961
|
+
ReactiveFormsModule,
|
|
7962
|
+
FormsModule] });
|
|
7732
7963
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoWaterLibModule, decorators: [{
|
|
7733
7964
|
type: NgModule,
|
|
7734
7965
|
args: [{
|
|
@@ -7737,15 +7968,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
7737
7968
|
AtoFlowDiagramLibComponent,
|
|
7738
7969
|
AssetFlowComponent,
|
|
7739
7970
|
AtoLoadingDirective,
|
|
7971
|
+
AtoAssetParamsViewComponent,
|
|
7972
|
+
AtoNgVarDirective,
|
|
7740
7973
|
],
|
|
7741
7974
|
imports: [
|
|
7742
|
-
CommonModule
|
|
7975
|
+
CommonModule,
|
|
7976
|
+
BrowserModule,
|
|
7977
|
+
ReactiveFormsModule,
|
|
7978
|
+
FormsModule,
|
|
7743
7979
|
],
|
|
7744
7980
|
exports: [
|
|
7745
7981
|
AtoWaterLibComponent,
|
|
7746
7982
|
AtoFlowDiagramLibComponent,
|
|
7747
7983
|
AssetFlowComponent,
|
|
7748
|
-
AtoLoadingDirective
|
|
7984
|
+
AtoLoadingDirective,
|
|
7985
|
+
AtoAssetParamsViewComponent,
|
|
7986
|
+
AtoNgVarDirective
|
|
7749
7987
|
]
|
|
7750
7988
|
}]
|
|
7751
7989
|
}] });
|
|
@@ -7759,5 +7997,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
7759
7997
|
* Generated bundle index. Do not edit.
|
|
7760
7998
|
*/
|
|
7761
7999
|
|
|
7762
|
-
export { AssetFlowComponent, AtoFlowDiagramLibComponent, AtoLoadingDirective, AtoWaterLibComponent, AtoWaterLibModule, AtoWaterLibService };
|
|
8000
|
+
export { AssetFlowComponent, AtoAssetParamsViewComponent, AtoFlowDiagramLibComponent, AtoLoadingDirective, AtoNgVarDirective, AtoWaterLibComponent, AtoWaterLibModule, AtoWaterLibService };
|
|
7763
8001
|
//# sourceMappingURL=ato-water-lib.mjs.map
|