ato-water-lib 0.0.20 → 0.0.22
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 +9 -4
- package/esm2020/lib/components/asset-flow/asset-flow.component.mjs +3 -3
- package/esm2020/lib/components/asset-params-view/asset-params-view.component.mjs +3 -3
- package/esm2020/lib/components/svg/svg.component.mjs +23 -0
- package/esm2020/lib/constants/components-group-const.mjs +28 -28
- package/esm2020/lib/constants/icon-svg.const.mjs +10 -0
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/ato-water-lib.mjs +69 -35
- package/fesm2015/ato-water-lib.mjs.map +1 -1
- package/fesm2020/ato-water-lib.mjs +69 -35
- package/fesm2020/ato-water-lib.mjs.map +1 -1
- package/lib/ato-water-lib.module.d.ts +5 -4
- package/lib/components/asset-flow/asset-flow.component.d.ts +17 -891
- package/lib/components/svg/svg.component.d.ts +9 -0
- package/lib/constants/components-group-const.d.ts +34 -0
- package/lib/constants/icon-svg.const.d.ts +8 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export var ATO_E_ICON_SVG;
|
|
2
|
+
(function (ATO_E_ICON_SVG) {
|
|
3
|
+
ATO_E_ICON_SVG["EDIT"] = "fa-edit ";
|
|
4
|
+
ATO_E_ICON_SVG["ANGLE_RIGHT"] = "fa-angle-right";
|
|
5
|
+
ATO_E_ICON_SVG["ANGLE_DOWN"] = "fa-angle-down";
|
|
6
|
+
})(ATO_E_ICON_SVG || (ATO_E_ICON_SVG = {}));
|
|
7
|
+
export const ATO_ICONS_SVG = {
|
|
8
|
+
[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>`
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zdmcuY29uc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hdG8td2F0ZXItbGliL3NyYy9saWIvY29uc3RhbnRzL2ljb24tc3ZnLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGNBSVg7QUFKRCxXQUFZLGNBQWM7SUFDdEIsbUNBQWlCLENBQUE7SUFDakIsZ0RBQThCLENBQUE7SUFDOUIsOENBQTRCLENBQUE7QUFDaEMsQ0FBQyxFQUpXLGNBQWMsS0FBZCxjQUFjLFFBSXpCO0FBQ0QsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHO0lBQ3pCLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFFLG94QkFBb3hCO0NBQzl5QixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gQVRPX0VfSUNPTl9TVkcge1xuICAgIEVESVQgPSAnZmEtZWRpdCAnLFxuICAgIEFOR0xFX1JJR0hUID0gJ2ZhLWFuZ2xlLXJpZ2h0JyxcbiAgICBBTkdMRV9ET1dOID0gJ2ZhLWFuZ2xlLWRvd24nXG59XG5leHBvcnQgY29uc3QgQVRPX0lDT05TX1NWRyA9IHtcbiAgICBbQVRPX0VfSUNPTl9TVkcuRURJVF06IGA8c3ZnICB3aWR0aD1cIjE1cHhcIiBoZWlnaHQ9XCIxNXB4XCIgZmlsbD1cIiMzMzMzMzNcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA1MTIgNTEyXCI+PHBhdGggZD1cIk00NDEgNTguOUw0NTMuMSA3MWM5LjQgOS40IDkuNCAyNC42IDAgMzMuOUw0MjQgMTM0LjEgMzc3LjkgODggNDA3IDU4LjljOS40LTkuNCAyNC42LTkuNCAzMy45IDB6TTIwOS44IDI1Ni4yTDM0NCAxMjEuOSAzOTAuMSAxNjggMjU1LjggMzAyLjJjLTIuOSAyLjktNi41IDUtMTAuNCA2LjFsLTU4LjUgMTYuNyAxNi43LTU4LjVjMS4xLTMuOSAzLjItNy41IDYuMS0xMC40ek0zNzMuMSAyNUwxNzUuOCAyMjIuMmMtOC43IDguNy0xNSAxOS40LTE4LjMgMzEuMWwtMjguNiAxMDBjLTIuNCA4LjQtLjEgMTcuNCA2LjEgMjMuNnMxNS4yIDguNSAyMy42IDYuMWwxMDAtMjguNmMxMS44LTMuNCAyMi41LTkuNyAzMS4xLTE4LjNMNDg3IDEzOC45YzI4LjEtMjguMSAyOC4xLTczLjcgMC0xMDEuOEw0NzQuOSAyNUM0NDYuOC0zLjEgNDAxLjItMy4xIDM3My4xIDI1ek04OCA2NEMzOS40IDY0IDAgMTAzLjQgMCAxNTJWNDI0YzAgNDguNiAzOS40IDg4IDg4IDg4SDM2MGM0OC42IDAgODgtMzkuNCA4OC04OFYzMTJjMC0xMy4zLTEwLjctMjQtMjQtMjRzLTI0IDEwLjctMjQgMjRWNDI0YzAgMjIuMS0xNy45IDQwLTQwIDQwSDg4Yy0yMi4xIDAtNDAtMTcuOS00MC00MFYxNTJjMC0yMi4xIDE3LjktNDAgNDAtNDBIMjAwYzEzLjMgMCAyNC0xMC43IDI0LTI0cy0xMC43LTI0LTI0LTI0SDg4elwiLz48L3N2Zz5gXG59Il19
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -8,8 +8,9 @@ export * from './lib/ato-water-lib.module';
|
|
|
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
10
|
export * from './lib/components/asset-params-view/asset-params-view.component';
|
|
11
|
+
export * from './lib/components/svg/svg.component';
|
|
11
12
|
// Directive
|
|
12
13
|
export * from './lib/directive/ato-loading.directive';
|
|
13
14
|
export * from './lib/directive/ng-var.directive';
|
|
14
15
|
// Css
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2F0by13YXRlci1saWIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxZQUFZO0FBQ1osY0FBYyw4REFBOEQsQ0FBQztBQUM3RSxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxZQUFZO0FBQ1osY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGF0by13YXRlci1saWJcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hdG8td2F0ZXItbGliLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYXRvLXdhdGVyLWxpYi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYXRvLXdhdGVyLWxpYi5tb2R1bGUnO1xuLy8gQ29tcG9uZW50XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Zsb3ctZGlhZ3JhbS1saWIvZmxvdy1kaWFncmFtLWxpYi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hc3NldC1mbG93L2Fzc2V0LWZsb3cuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXNzZXQtcGFyYW1zLXZpZXcvYXNzZXQtcGFyYW1zLXZpZXcuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc3ZnL3N2Zy5jb21wb25lbnQnO1xuLy8gRGlyZWN0aXZlXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmUvYXRvLWxvYWRpbmcuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZS9uZy12YXIuZGlyZWN0aXZlJztcbi8vIENzc1xuXG5cblxuIl19
|
|
@@ -7532,33 +7532,33 @@ const ATO_COMPONENTS_GROUP_DATA = {
|
|
|
7532
7532
|
margin: new go.Margin(195, 20, 0, 0),
|
|
7533
7533
|
selectable: false,
|
|
7534
7534
|
},
|
|
7535
|
-
|
|
7536
|
-
|
|
7537
|
-
|
|
7538
|
-
|
|
7539
|
-
|
|
7540
|
-
|
|
7541
|
-
|
|
7542
|
-
|
|
7543
|
-
|
|
7544
|
-
|
|
7545
|
-
|
|
7546
|
-
|
|
7547
|
-
|
|
7548
|
-
|
|
7549
|
-
|
|
7550
|
-
|
|
7551
|
-
|
|
7552
|
-
|
|
7553
|
-
|
|
7554
|
-
|
|
7555
|
-
|
|
7556
|
-
|
|
7557
|
-
|
|
7558
|
-
|
|
7559
|
-
|
|
7560
|
-
|
|
7561
|
-
|
|
7535
|
+
{
|
|
7536
|
+
key: 97,
|
|
7537
|
+
type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7538
|
+
group: 100,
|
|
7539
|
+
loc: '250 25',
|
|
7540
|
+
name: 'Evaporation Loss',
|
|
7541
|
+
color: AtoGojsEditorModel.ENUM_COLORS.FLAMINGO,
|
|
7542
|
+
visible: false,
|
|
7543
|
+
},
|
|
7544
|
+
{
|
|
7545
|
+
key: 98,
|
|
7546
|
+
type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7547
|
+
group: 100,
|
|
7548
|
+
loc: '110 290',
|
|
7549
|
+
name: 'Makeup Water',
|
|
7550
|
+
color: AtoGojsEditorModel.ENUM_COLORS.CERULEAN,
|
|
7551
|
+
visible: false,
|
|
7552
|
+
},
|
|
7553
|
+
{
|
|
7554
|
+
key: 99,
|
|
7555
|
+
type: AtoGojsEditorModel.ENUM_TEMPLATES.TEXT_LABEL,
|
|
7556
|
+
group: 100,
|
|
7557
|
+
loc: '580 435',
|
|
7558
|
+
name: 'Blowdown Water',
|
|
7559
|
+
color: AtoGojsEditorModel.ENUM_COLORS.CARROT_ORANGE,
|
|
7560
|
+
visible: false,
|
|
7561
|
+
},
|
|
7562
7562
|
{ key: 100, type: AtoGojsEditorModel.ENUM_TEMPLATES.COOLING_TOWER, isGroup: true, name: 'Group' },
|
|
7563
7563
|
],
|
|
7564
7564
|
linkDataArray: [],
|
|
@@ -7824,10 +7824,10 @@ class AtoAssetParamsViewComponent {
|
|
|
7824
7824
|
}
|
|
7825
7825
|
}
|
|
7826
7826
|
AtoAssetParamsViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoAssetParamsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7827
|
-
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
|
|
7827
|
+
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\" style=\"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"] }] });
|
|
7828
7828
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoAssetParamsViewComponent, decorators: [{
|
|
7829
7829
|
type: Component,
|
|
7830
|
-
args: [{ selector: 'ato-asset-params-view', template: "<div class=\"d-flex flex-column flex-gap-2\">\n
|
|
7830
|
+
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\" style=\"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"] }]
|
|
7831
7831
|
}], propDecorators: { isEditView: [{
|
|
7832
7832
|
type: Input
|
|
7833
7833
|
}], data: [{
|
|
@@ -7872,7 +7872,7 @@ class AssetFlowComponent {
|
|
|
7872
7872
|
updateLocationReponsive() {
|
|
7873
7873
|
var _a, _b, _c, _d, _e, _f;
|
|
7874
7874
|
if (!((_a = this.flowData) === null || _a === void 0 ? void 0 : _a.nodeDataArray)) {
|
|
7875
|
-
this.
|
|
7875
|
+
this.flowData = this.getDefaultFlowData();
|
|
7876
7876
|
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);
|
|
7877
7877
|
return;
|
|
7878
7878
|
}
|
|
@@ -7898,7 +7898,7 @@ class AssetFlowComponent {
|
|
|
7898
7898
|
}
|
|
7899
7899
|
getDefaultFlowData() {
|
|
7900
7900
|
var _a;
|
|
7901
|
-
const flowData = Object.assign(Object.assign({}, _.cloneDeep(ATO_COMPONENTS_GROUP_DATA)[this.systemType]), { linkFromPortIdProperty: 'fromPort', linkToPortIdProperty: 'toPort' });
|
|
7901
|
+
const flowData = Object.assign(Object.assign({}, _.cloneDeep(ATO_COMPONENTS_GROUP_DATA)[this.systemType + (this.isResponsiveView ? '_RESPONSIVE' : '')]), { linkFromPortIdProperty: 'fromPort', linkToPortIdProperty: 'toPort' });
|
|
7902
7902
|
if (this.isUseBase64) {
|
|
7903
7903
|
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');
|
|
7904
7904
|
if (itemImageTemp) {
|
|
@@ -7938,6 +7938,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
7938
7938
|
args: ['window:resize', ['$event']]
|
|
7939
7939
|
}] } });
|
|
7940
7940
|
|
|
7941
|
+
var ATO_E_ICON_SVG;
|
|
7942
|
+
(function (ATO_E_ICON_SVG) {
|
|
7943
|
+
ATO_E_ICON_SVG["EDIT"] = "fa-edit ";
|
|
7944
|
+
ATO_E_ICON_SVG["ANGLE_RIGHT"] = "fa-angle-right";
|
|
7945
|
+
ATO_E_ICON_SVG["ANGLE_DOWN"] = "fa-angle-down";
|
|
7946
|
+
})(ATO_E_ICON_SVG || (ATO_E_ICON_SVG = {}));
|
|
7947
|
+
const ATO_ICONS_SVG = {
|
|
7948
|
+
[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>`
|
|
7949
|
+
};
|
|
7950
|
+
|
|
7951
|
+
class SvgComponent {
|
|
7952
|
+
constructor() {
|
|
7953
|
+
this.width = '15px';
|
|
7954
|
+
this.height = '15px';
|
|
7955
|
+
this.htmlStr = ATO_ICONS_SVG[ATO_E_ICON_SVG.EDIT];
|
|
7956
|
+
}
|
|
7957
|
+
}
|
|
7958
|
+
SvgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7959
|
+
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: [""] });
|
|
7960
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SvgComponent, decorators: [{
|
|
7961
|
+
type: Component,
|
|
7962
|
+
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>" }]
|
|
7963
|
+
}], propDecorators: { type: [{
|
|
7964
|
+
type: Input
|
|
7965
|
+
}], width: [{
|
|
7966
|
+
type: Input
|
|
7967
|
+
}], height: [{
|
|
7968
|
+
type: Input
|
|
7969
|
+
}] } });
|
|
7970
|
+
|
|
7941
7971
|
class AtoWaterLibModule {
|
|
7942
7972
|
}
|
|
7943
7973
|
AtoWaterLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoWaterLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -7946,7 +7976,8 @@ AtoWaterLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versi
|
|
|
7946
7976
|
AssetFlowComponent,
|
|
7947
7977
|
AtoLoadingDirective,
|
|
7948
7978
|
AtoAssetParamsViewComponent,
|
|
7949
|
-
AtoNgVarDirective
|
|
7979
|
+
AtoNgVarDirective,
|
|
7980
|
+
SvgComponent], imports: [CommonModule,
|
|
7950
7981
|
BrowserModule,
|
|
7951
7982
|
ReactiveFormsModule,
|
|
7952
7983
|
FormsModule], exports: [AtoWaterLibComponent,
|
|
@@ -7954,7 +7985,8 @@ AtoWaterLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versi
|
|
|
7954
7985
|
AssetFlowComponent,
|
|
7955
7986
|
AtoLoadingDirective,
|
|
7956
7987
|
AtoAssetParamsViewComponent,
|
|
7957
|
-
AtoNgVarDirective
|
|
7988
|
+
AtoNgVarDirective,
|
|
7989
|
+
SvgComponent] });
|
|
7958
7990
|
AtoWaterLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoWaterLibModule, imports: [CommonModule,
|
|
7959
7991
|
BrowserModule,
|
|
7960
7992
|
ReactiveFormsModule,
|
|
@@ -7969,6 +8001,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
7969
8001
|
AtoLoadingDirective,
|
|
7970
8002
|
AtoAssetParamsViewComponent,
|
|
7971
8003
|
AtoNgVarDirective,
|
|
8004
|
+
SvgComponent,
|
|
7972
8005
|
],
|
|
7973
8006
|
imports: [
|
|
7974
8007
|
CommonModule,
|
|
@@ -7982,7 +8015,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
7982
8015
|
AssetFlowComponent,
|
|
7983
8016
|
AtoLoadingDirective,
|
|
7984
8017
|
AtoAssetParamsViewComponent,
|
|
7985
|
-
AtoNgVarDirective
|
|
8018
|
+
AtoNgVarDirective,
|
|
8019
|
+
SvgComponent
|
|
7986
8020
|
]
|
|
7987
8021
|
}]
|
|
7988
8022
|
}] });
|
|
@@ -7996,5 +8030,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
7996
8030
|
* Generated bundle index. Do not edit.
|
|
7997
8031
|
*/
|
|
7998
8032
|
|
|
7999
|
-
export { AssetFlowComponent, AtoAssetParamsViewComponent, AtoFlowDiagramLibComponent, AtoLoadingDirective, AtoNgVarDirective, AtoWaterLibComponent, AtoWaterLibModule, AtoWaterLibService };
|
|
8033
|
+
export { AssetFlowComponent, AtoAssetParamsViewComponent, AtoFlowDiagramLibComponent, AtoLoadingDirective, AtoNgVarDirective, AtoWaterLibComponent, AtoWaterLibModule, AtoWaterLibService, SvgComponent };
|
|
8000
8034
|
//# sourceMappingURL=ato-water-lib.mjs.map
|