ato-water-lib 0.0.17 → 0.0.19

package/esm2020/lib/ato-water-lib.module.mjs

@@ -4,6 +4,10 @@ import { AtoFlowDiagramLibComponent } from './components/flow-diagram-lib/flow-d
 import { AssetFlowComponent } from './components/asset-flow/asset-flow.component';
 import { CommonModule } from '@angular/common';
 import { AtoLoadingDirective } from './directive/ato-loading.directive';
+import { AtoAssetParamsViewComponent } from './components/asset-params-view/asset-params-view.component';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { BrowserModule } from '@angular/platform-browser';
+import { AtoNgVarDirective } from '../public-api';
 import * as i0 from "@angular/core";
 export class AtoWaterLibModule {
 }
@@ -11,11 +15,21 @@ AtoWaterLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versio
 AtoWaterLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: AtoWaterLibModule, declarations: [AtoWaterLibComponent,
         AtoFlowDiagramLibComponent,
         AssetFlowComponent,
-        AtoLoadingDirective], imports: [CommonModule], exports: [AtoWaterLibComponent,
+        AtoLoadingDirective,
+        AtoAssetParamsViewComponent,
+        AtoNgVarDirective], imports: [CommonModule,
+        BrowserModule,
+        ReactiveFormsModule,
+        FormsModule], exports: [AtoWaterLibComponent,
         AtoFlowDiagramLibComponent,
         AssetFlowComponent,
-        AtoLoadingDirective] });
-AtoWaterLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoWaterLibModule, imports: [CommonModule] });
+        AtoLoadingDirective,
+        AtoAssetParamsViewComponent,
+        AtoNgVarDirective] });
+AtoWaterLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoWaterLibModule, imports: [CommonModule,
+        BrowserModule,
+        ReactiveFormsModule,
+        FormsModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoWaterLibModule, decorators: [{
             type: NgModule,
             args: [{
@@ -24,16 +38,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         AtoFlowDiagramLibComponent,
                         AssetFlowComponent,
                         AtoLoadingDirective,
+                        AtoAssetParamsViewComponent,
+                        AtoNgVarDirective,
                     ],
                     imports: [
-                        CommonModule
+                        CommonModule,
+                        BrowserModule,
+                        ReactiveFormsModule,
+                        FormsModule,
                     ],
                     exports: [
                         AtoWaterLibComponent,
                         AtoFlowDiagramLibComponent,
                         AssetFlowComponent,
-                        AtoLoadingDirective
+                        AtoLoadingDirective,
+                        AtoAssetParamsViewComponent,
+                        AtoNgVarDirective
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvLXdhdGVyLWxpYi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hdG8td2F0ZXItbGliL3NyYy9saWIvYXRvLXdhdGVyLWxpYi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUN0RyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNsRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7O0FBbUJ4RSxNQUFNLE9BQU8saUJBQWlCOzsrR0FBakIsaUJBQWlCO2dIQUFqQixpQkFBaUIsaUJBZjFCLG9CQUFvQjtRQUNwQiwwQkFBMEI7UUFDMUIsa0JBQWtCO1FBQ2xCLG1CQUFtQixhQUduQixZQUFZLGFBR1osb0JBQW9CO1FBQ3BCLDBCQUEwQjtRQUMxQixrQkFBa0I7UUFDbEIsbUJBQW1CO2dIQUdWLGlCQUFpQixZQVQxQixZQUFZOzRGQVNILGlCQUFpQjtrQkFqQjdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG9CQUFvQjt3QkFDcEIsMEJBQTBCO3dCQUMxQixrQkFBa0I7d0JBQ2xCLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG9CQUFvQjt3QkFDcEIsMEJBQTBCO3dCQUMxQixrQkFBa0I7d0JBQ2xCLG1CQUFtQjtxQkFDcEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXRvV2F0ZXJMaWJDb21wb25lbnQgfSBmcm9tICcuL2F0by13YXRlci1saWIuY29tcG9uZW50JztcbmltcG9ydCB7IEF0b0Zsb3dEaWFncmFtTGliQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2Zsb3ctZGlhZ3JhbS1saWIvZmxvdy1kaWFncmFtLWxpYi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQXNzZXRGbG93Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2Fzc2V0LWZsb3cvYXNzZXQtZmxvdy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEF0b0xvYWRpbmdEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZS9hdG8tbG9hZGluZy5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBBdG9XYXRlckxpYkNvbXBvbmVudCxcbiAgICBBdG9GbG93RGlhZ3JhbUxpYkNvbXBvbmVudCxcbiAgICBBc3NldEZsb3dDb21wb25lbnQsXG4gICAgQXRvTG9hZGluZ0RpcmVjdGl2ZSxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQXRvV2F0ZXJMaWJDb21wb25lbnQsXG4gICAgQXRvRmxvd0RpYWdyYW1MaWJDb21wb25lbnQsXG4gICAgQXNzZXRGbG93Q29tcG9uZW50LFxuICAgIEF0b0xvYWRpbmdEaXJlY3RpdmVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBdG9XYXRlckxpYk1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvLXdhdGVyLWxpYi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hdG8td2F0ZXItbGliL3NyYy9saWIvYXRvLXdhdGVyLWxpYi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUN0RyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNsRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDeEUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNERBQTRELENBQUM7QUFDekcsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBMEJsRCxNQUFNLE9BQU8saUJBQWlCOzsrR0FBakIsaUJBQWlCO2dIQUFqQixpQkFBaUIsaUJBdEIxQixvQkFBb0I7UUFDcEIsMEJBQTBCO1FBQzFCLGtCQUFrQjtRQUNsQixtQkFBbUI7UUFDbkIsMkJBQTJCO1FBQzNCLGlCQUFpQixhQUdqQixZQUFZO1FBQ1osYUFBYTtRQUNiLG1CQUFtQjtRQUNuQixXQUFXLGFBR1gsb0JBQW9CO1FBQ3BCLDBCQUEwQjtRQUMxQixrQkFBa0I7UUFDbEIsbUJBQW1CO1FBQ25CLDJCQUEyQjtRQUMzQixpQkFBaUI7Z0hBR1IsaUJBQWlCLFlBZDFCLFlBQVk7UUFDWixhQUFhO1FBQ2IsbUJBQW1CO1FBQ25CLFdBQVc7NEZBV0YsaUJBQWlCO2tCQXhCN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osb0JBQW9CO3dCQUNwQiwwQkFBMEI7d0JBQzFCLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQiwyQkFBMkI7d0JBQzNCLGlCQUFpQjtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixtQkFBbUI7d0JBQ25CLFdBQVc7cUJBQ1o7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG9CQUFvQjt3QkFDcEIsMEJBQTBCO3dCQUMxQixrQkFBa0I7d0JBQ2xCLG1CQUFtQjt3QkFDbkIsMkJBQTJCO3dCQUMzQixpQkFBaUI7cUJBQ2xCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEF0b1dhdGVyTGliQ29tcG9uZW50IH0gZnJvbSAnLi9hdG8td2F0ZXItbGliLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBdG9GbG93RGlhZ3JhbUxpYkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9mbG93LWRpYWdyYW0tbGliL2Zsb3ctZGlhZ3JhbS1saWIuY29tcG9uZW50JztcbmltcG9ydCB7IEFzc2V0Rmxvd0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9hc3NldC1mbG93L2Fzc2V0LWZsb3cuY29tcG9uZW50JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBdG9Mb2FkaW5nRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmUvYXRvLWxvYWRpbmcuZGlyZWN0aXZlJztcbmltcG9ydCB7IEF0b0Fzc2V0UGFyYW1zVmlld0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9hc3NldC1wYXJhbXMtdmlldy9hc3NldC1wYXJhbXMtdmlldy5jb21wb25lbnQnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBCcm93c2VyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBBdG9OZ1ZhckRpcmVjdGl2ZSB9IGZyb20gJy4uL3B1YmxpYy1hcGknO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBBdG9XYXRlckxpYkNvbXBvbmVudCxcbiAgICBBdG9GbG93RGlhZ3JhbUxpYkNvbXBvbmVudCxcbiAgICBBc3NldEZsb3dDb21wb25lbnQsXG4gICAgQXRvTG9hZGluZ0RpcmVjdGl2ZSxcbiAgICBBdG9Bc3NldFBhcmFtc1ZpZXdDb21wb25lbnQsXG4gICAgQXRvTmdWYXJEaXJlY3RpdmUsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQnJvd3Nlck1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQXRvV2F0ZXJMaWJDb21wb25lbnQsXG4gICAgQXRvRmxvd0RpYWdyYW1MaWJDb21wb25lbnQsXG4gICAgQXNzZXRGbG93Q29tcG9uZW50LFxuICAgIEF0b0xvYWRpbmdEaXJlY3RpdmUsXG4gICAgQXRvQXNzZXRQYXJhbXNWaWV3Q29tcG9uZW50LFxuICAgIEF0b05nVmFyRGlyZWN0aXZlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQXRvV2F0ZXJMaWJNb2R1bGUgeyB9XG4iXX0=

package/esm2020/lib/components/asset-flow/asset-flow.component.mjs

@@ -1,12 +1,15 @@
-import { Component, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
+import { Component, EventEmitter, HostListener, Input, Output, ViewChild, } from '@angular/core';
 import * as go from 'gojs';
+import _ from 'lodash';
 import { AtoGoJSBase64 } from '../../constants/base64.const';
 import { ATO_COMPONENTS_GROUP_DATA } from '../../constants/components-group-const';
+import { AtoGojsEditorModel } from '../../models/gojs-editor.model';
 import { AtoFlowDiagramLibComponent } from '../flow-diagram-lib/flow-diagram-lib.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../flow-diagram-lib/flow-diagram-lib.component";
 import * as i3 from "../../directive/ato-loading.directive";
+import * as i4 from "../asset-params-view/asset-params-view.component";
 export class AssetFlowComponent {
     constructor() {
         this.onClickParamOfTableEvent = new EventEmitter();
@@ -19,16 +22,55 @@ export class AssetFlowComponent {
             // isReadOnly: true,
         };
         this.flowData = {};
+        this.isResponsiveView = false;
+    }
+    onResize(event) {
+        // Now only Support Cooling Tower Responsive
+        if (this.timeoutResizeWindow) {
+            clearTimeout(this.timeoutResizeWindow);
+        }
+        this.timeoutResizeWindow = setTimeout(() => {
+            this.checkResponsiveView();
+            this.updateLocationReponsive();
+        }, 1000);
+    }
+    checkResponsiveView() {
+        if (this?.systemType ===
+            AtoGojsEditorModel.ENUM_TYPES.COOLING_TOWER) {
+            this.isResponsiveView = window.innerWidth < 1024;
+        }
+        else {
+            this.isResponsiveView = false;
+        }
+    }
+    updateLocationReponsive() {
+        if (!this.flowData?.nodeDataArray) {
+            this.setFlowData(_.cloneDeep(ATO_COMPONENTS_GROUP_DATA)[this.systemType + (this.isResponsiveView ? '_RESPONSIVE' : '')]);
+            this.dataTableAssetParams = this.flowData?.nodeDataArray?.filter((e) => e?.type === AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE);
+            return;
+        }
+        _.forEach(_.cloneDeep(ATO_COMPONENTS_GROUP_DATA)[this.systemType + (this.isResponsiveView ? '_RESPONSIVE' : '')]?.nodeDataArray, (node) => {
+            const itemFind = this.flowData?.nodeDataArray?.find((x) => node?.key === x?.key);
+            if (itemFind) {
+                itemFind.visible = node?.visible === false ? false : true;
+                itemFind.loc = node?.loc;
+                itemFind.margin = node?.margin;
+                itemFind.padding = node?.padding;
+            }
+        });
+        this.dataTableAssetParams = this.flowData?.nodeDataArray?.filter((e) => e?.type === AtoGojsEditorModel.ENUM_TEMPLATES.PARAM_TABLE);
+        this.setFlowData(_.cloneDeep(this.flowData));
     }
     ngOnInit() {
-        this.flowData = this.getDefaultFlowData();
+        this.checkResponsiveView();
+        this.updateLocationReponsive();
     }
     onClickParamOfTable($event) {
         this.onClickParamOfTableEvent.emit($event);
     }
     getDefaultFlowData() {
         const flowData = {
-            ...ATO_COMPONENTS_GROUP_DATA[this.systemType],
+            ..._.cloneDeep(ATO_COMPONENTS_GROUP_DATA)[this.systemType],
             linkFromPortIdProperty: 'fromPort',
             linkToPortIdProperty: 'toPort',
         };
@@ -45,10 +87,10 @@ export class AssetFlowComponent {
     }
 }
 AssetFlowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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\" style=\"height: 100%\" 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  ></ato-flow-diagram-lib>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AtoFlowDiagramLibComponent, selector: "ato-flow-diagram-lib", inputs: ["data", "isLoading"] }, { kind: "directive", type: i3.AtoLoadingDirective, selector: "[atoLoading]", inputs: ["appLoading"] }] });
+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: i2.AtoFlowDiagramLibComponent, selector: "ato-flow-diagram-lib", inputs: ["data", "isLoading"] }, { kind: "directive", type: i3.AtoLoadingDirective, selector: "[atoLoading]", inputs: ["appLoading"] }, { kind: "component", type: i4.AtoAssetParamsViewComponent, selector: "ato-asset-params-view", inputs: ["isEditView", "data"], outputs: ["clickParamTableRow"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AssetFlowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ato-asset-flow', template: "<div class=\"h-100\" style=\"height: 100%\" 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  ></ato-flow-diagram-lib>\n</div>\n" }]
+            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"] }]
         }], propDecorators: { gjFlowDiagramTemp: [{
                 type: ViewChild,
                 args: [AtoFlowDiagramLibComponent]
@@ -62,5 +104,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], flowData: [{
                 type: Input
+            }], isResponsiveView: [{
+                type: Input
+            }], getFlowDataCallBack: [{
+                type: Input
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtZmxvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hdG8td2F0ZXItbGliL3NyYy9saWIvY29tcG9uZW50cy9hc3NldC1mbG93L2Fzc2V0LWZsb3cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXRvLXdhdGVyLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYXNzZXQtZmxvdy9hc3NldC1mbG93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzNCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUduRixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQzs7Ozs7QUFPNUYsTUFBTSxPQUFPLGtCQUFrQjtJQUwvQjtRQVVZLDZCQUF3QixHQUNoQyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2pCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQzdCLE1BQUMsR0FBRyxFQUFFLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztRQUN4QixZQUFPLEdBQUc7WUFDUixNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsb0JBQW9CLEVBQUU7WUFDdEMsZ0JBQWdCO2FBQ2pCLENBQUM7WUFDRixvQkFBb0I7U0FDckIsQ0FBQztRQUNPLGFBQVEsR0FBZ0IsRUFBaUIsQ0FBQztLQTRCcEQ7SUEzQkMsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUMsQ0FBQztJQUNELG1CQUFtQixDQUFDLE1BQVc7UUFDN0IsSUFBSSxDQUFDLHdCQUF3QixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLE1BQU0sUUFBUSxHQUFHO1lBQ2YsR0FBRyx5QkFBeUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1lBQzdDLHNCQUFzQixFQUFFLFVBQVU7WUFDbEMsb0JBQW9CLEVBQUUsUUFBUTtTQUMvQixDQUFDO1FBQ0YsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLE1BQU0sYUFBYSxHQUFHLFFBQVEsRUFBRSxhQUFhLEVBQUUsSUFBSSxDQUNqRCxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLElBQUksS0FBSyxnQkFBZ0IsQ0FDcEMsQ0FBQztZQUNGLElBQUksYUFBYSxFQUFFO2dCQUNqQixhQUFhLENBQUMsTUFBTSxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7YUFDdkQ7U0FDRjtRQUNELE9BQU8sUUFBUSxDQUFDO0lBQ2xCLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBaUI7UUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFDLEdBQUcsSUFBSSxFQUFDLENBQUM7SUFDNUIsQ0FBQzs7Z0hBMUNVLGtCQUFrQjtvR0FBbEIsa0JBQWtCLDRTQUNsQiwwQkFBMEIsZ0RDckJ2QywyVUFTQTs0RkRXYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQU0xQixpQkFBaUI7c0JBRGhCLFNBQVM7dUJBQUMsMEJBQTBCO2dCQUU1QixpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSx3QkFBd0I7c0JBQWpDLE1BQU07Z0JBRUUsV0FBVztzQkFBbkIsS0FBSztnQkFRRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCAqIGFzIGdvIGZyb20gJ2dvanMnO1xuaW1wb3J0IHsgQXRvR29KU0Jhc2U2NCB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9iYXNlNjQuY29uc3QnO1xuaW1wb3J0IHsgQVRPX0NPTVBPTkVOVFNfR1JPVVBfREFUQSB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9jb21wb25lbnRzLWdyb3VwLWNvbnN0JztcbmltcG9ydCB7IEF0b0dvSlNEYXRhIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2dvanMtZGF0YS5tb2RlbCc7XG5pbXBvcnQgeyBBdG9Hb2pzRWRpdG9yTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvZ29qcy1lZGl0b3IubW9kZWwnO1xuaW1wb3J0IHsgQXRvRmxvd0RpYWdyYW1MaWJDb21wb25lbnQgfSBmcm9tICcuLi9mbG93LWRpYWdyYW0tbGliL2Zsb3ctZGlhZ3JhbS1saWIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvLWFzc2V0LWZsb3cnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXNzZXQtZmxvdy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Fzc2V0LWZsb3cuY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBc3NldEZsb3dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBAVmlld0NoaWxkKEF0b0Zsb3dEaWFncmFtTGliQ29tcG9uZW50KVxuICBnakZsb3dEaWFncmFtVGVtcDogQXRvRmxvd0RpYWdyYW1MaWJDb21wb25lbnQ7XG4gIEBJbnB1dCgpIHNlbGVjdGVkQ29tcG9uZW50OiBhbnk7XG4gIEBJbnB1dCgpIHN5c3RlbVR5cGU6IEF0b0dvanNFZGl0b3JNb2RlbC5FTlVNX1RZUEVTO1xuICBAT3V0cHV0KCkgb25DbGlja1BhcmFtT2ZUYWJsZUV2ZW50OiBFdmVudEVtaXR0ZXI8YW55PiA9XG4gICAgbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBJbnB1dCgpIGlzVXNlQmFzZTY0ID0gZmFsc2U7XG4gICQgPSBnby5HcmFwaE9iamVjdC5tYWtlO1xuICBvcHRpb25zID0ge1xuICAgIGxheW91dDogdGhpcy4kKGdvLkxheWVyZWREaWdyYXBoTGF5b3V0LCB7XG4gICAgICAvLyBkaXJlY3Rpb246IDAsXG4gICAgfSksXG4gICAgLy8gaXNSZWFkT25seTogdHJ1ZSxcbiAgfTtcbiAgQElucHV0KCkgZmxvd0RhdGE6IEF0b0dvSlNEYXRhID0ge30gYXMgQXRvR29KU0RhdGE7XG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuZmxvd0RhdGEgPSB0aGlzLmdldERlZmF1bHRGbG93RGF0YSgpO1xuICB9XG4gIG9uQ2xpY2tQYXJhbU9mVGFibGUoJGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLm9uQ2xpY2tQYXJhbU9mVGFibGVFdmVudC5lbWl0KCRldmVudCk7XG4gIH1cblxuICBnZXREZWZhdWx0Rmxvd0RhdGEoKSB7XG4gICAgY29uc3QgZmxvd0RhdGEgPSB7XG4gICAgICAuLi5BVE9fQ09NUE9ORU5UU19HUk9VUF9EQVRBW3RoaXMuc3lzdGVtVHlwZV0sXG4gICAgICBsaW5rRnJvbVBvcnRJZFByb3BlcnR5OiAnZnJvbVBvcnQnLFxuICAgICAgbGlua1RvUG9ydElkUHJvcGVydHk6ICd0b1BvcnQnLFxuICAgIH07XG4gICAgaWYgKHRoaXMuaXNVc2VCYXNlNjQpIHtcbiAgICAgIGNvbnN0IGl0ZW1JbWFnZVRlbXAgPSBmbG93RGF0YT8ubm9kZURhdGFBcnJheT8uZmluZChcbiAgICAgICAgKHgpID0+IHg/LnR5cGUgPT09ICdJbWFnZSBUZW1wbGF0ZSdcbiAgICAgICk7XG4gICAgICBpZiAoaXRlbUltYWdlVGVtcCkge1xuICAgICAgICBpdGVtSW1hZ2VUZW1wLnNvdXJjZSA9IEF0b0dvSlNCYXNlNjRbdGhpcy5zeXN0ZW1UeXBlXTtcbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIGZsb3dEYXRhO1xuICB9XG5cbiAgc2V0Rmxvd0RhdGEoZGF0YTogQXRvR29KU0RhdGEpIHtcbiAgICB0aGlzLmZsb3dEYXRhID0gey4uLmRhdGF9O1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaC0xMDBcIiBzdHlsZT1cImhlaWdodDogMTAwJVwiIGF0b0xvYWRpbmcgW2FwcExvYWRpbmddPVwiZmxvd0RhdGEgPT09IG51bGxcIj5cbiAgICA8YXRvLWZsb3ctZGlhZ3JhbS1saWJcbiAgICAqbmdJZj1cImZsb3dEYXRhICE9PSBudWxsXCJcbiAgICAjZ2pGbG93RGlhZ3JhbVRlbXBcbiAgICBbZGF0YV09XCJmbG93RGF0YVwiXG4gICAgW2luaXRpYWxPcHRpb25zXT1cIm9wdGlvbnNcIlxuICAgIChvbkNsaWtQYXJhbU9mVGFibGUpPVwib25DbGlja1BhcmFtT2ZUYWJsZSgkZXZlbnQpXCJcbiAgPjwvYXRvLWZsb3ctZGlhZ3JhbS1saWI+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtZmxvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hdG8td2F0ZXItbGliL3NyYy9saWIvY29tcG9uZW50cy9hc3NldC1mbG93L2Fzc2V0LWZsb3cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXRvLXdhdGVyLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYXNzZXQtZmxvdy9hc3NldC1mbG93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMzQixPQUFPLENBQUMsTUFBTSxRQUFRLENBQUM7QUFDdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBRW5GLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDOzs7Ozs7QUFPNUYsTUFBTSxPQUFPLGtCQUFrQjtJQUwvQjtRQVVZLDZCQUF3QixHQUNoQyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2pCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQzdCLE1BQUMsR0FBRyxFQUFFLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztRQUN4QixZQUFPLEdBQUc7WUFDUixNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsb0JBQW9CLEVBQUU7WUFDdEMsZ0JBQWdCO2FBQ2pCLENBQUM7WUFDRixvQkFBb0I7U0FDckIsQ0FBQztRQUNPLGFB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SUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFJTixRQUFRO3NCQURQLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0ICogYXMgZ28gZnJvbSAnZ29qcyc7XG5pbXBvcnQgXyBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgQXRvR29KU0Jhc2U2NCB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9iYXNlNjQuY29uc3QnO1xuaW1wb3J0IHsgQVRPX0NPTVBPTkVOVFNfR1JPVVBfREFUQSB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9jb21wb25lbnRzLWdyb3VwLWNvbnN0JztcbmltcG9ydCB7IEF0b0dvSlNEYXRhIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2dvanMtZGF0YS5tb2RlbCc7XG5pbXBvcnQgeyBBdG9Hb2pzRWRpdG9yTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvZ29qcy1lZGl0b3IubW9kZWwnO1xuaW1wb3J0IHsgQXRvRmxvd0RpYWdyYW1MaWJDb21wb25lbnQgfSBmcm9tICcuLi9mbG93LWRpYWdyYW0tbGliL2Zsb3ctZGlhZ3JhbS1saWIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvLWFzc2V0LWZsb3cnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXNzZXQtZmxvdy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Fzc2V0LWZsb3cuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXNzZXRGbG93Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQFZpZXdDaGlsZChBdG9GbG93RGlhZ3JhbUxpYkNvbXBvbmVudClcbiAgZ2pGbG93RGlhZ3JhbVRlbXA6IEF0b0Zsb3dEaWFncmFtTGliQ29tcG9uZW50O1xuICBASW5wdXQoKSBzZWxlY3RlZENvbXBvbmVudDogYW55O1xuICBASW5wdXQoKSBzeXN0ZW1UeXBlOiBBdG9Hb2pzRWRpdG9yTW9kZWwuRU5VTV9UWVBFUztcbiAgQE91dHB1dCgpIG9uQ2xpY2tQYXJhbU9mVGFibGVFdmVudDogRXZlbnRFbWl0dGVyPGFueT4gPVxuICAgIG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBASW5wdXQoKSBpc1VzZUJhc2U2NCA9IGZhbHNlO1xuICAkID0gZ28uR3JhcGhPYmplY3QubWFrZTtcbiAgb3B0aW9ucyA9IHtcbiAgICBsYXlvdXQ6IHRoaXMuJChnby5MYXllcmVkRGlncmFwaExheW91dCwge1xuICAgICAgLy8gZGlyZWN0aW9uOiAwLFxuICAgIH0pLFxuICAgIC8vIGlzUmVhZE9ubHk6IHRydWUsXG4gIH07XG4gIEBJbnB1dCgpIGZsb3dEYXRhOiBBdG9Hb0pTRGF0YSA9IHt9IGFzIEF0b0dvSlNEYXRhO1xuXG4gIC8vIFJlcG9uc2l2ZVxuICBkYXRhVGFibGVBc3NldFBhcmFtczogYW55W107XG4gIEBJbnB1dCgpIGlzUmVzcG9uc2l2ZVZpZXcgPSBmYWxzZTtcbiAgQElucHV0KCkgZ2V0Rmxvd0RhdGFDYWxsQmFjazogRnVuY3Rpb247XG5cbiAgdGltZW91dFJlc2l6ZVdpbmRvdztcbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXG4gIG9uUmVzaXplKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIC8vIE5vdyBvbmx5IFN1cHBvcnQgQ29vbGluZyBUb3dlciBSZXNwb25zaXZlXG4gICAgaWYgKHRoaXMudGltZW91dFJlc2l6ZVdpbmRvdykge1xuICAgICAgY2xlYXJUaW1lb3V0KHRoaXMudGltZW91dFJlc2l6ZVdpbmRvdyk7XG4gICAgfVxuICAgIHRoaXMudGltZW91dFJlc2l6ZVdpbmRvdyA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5jaGVja1Jlc3BvbnNpdmVWaWV3KCk7XG4gICAgICB0aGlzLnVwZGF0ZUxvY2F0aW9uUmVwb25zaXZlKCk7XG4gICAgfSwgMTAwMCk7XG4gIH1cblxuICBjaGVja1Jlc3BvbnNpdmVWaWV3KCkge1xuICAgIGlmIChcbiAgICAgIHRoaXM/LnN5c3RlbVR5cGUgPT09XG4gICAgICBBdG9Hb2pzRWRpdG9yTW9kZWwuRU5VTV9UWVBFUy5DT09MSU5HX1RPV0VSXG4gICAgKSB7XG4gICAgICB0aGlzLmlzUmVzcG9uc2l2ZVZpZXcgPSB3aW5kb3cuaW5uZXJXaWR0aCA8IDEwMjQ7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNSZXNwb25zaXZlVmlldyA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIHVwZGF0ZUxvY2F0aW9uUmVwb25zaXZlKCkge1xuICAgIGlmICghdGhpcy5mbG93RGF0YT8ubm9kZURhdGFBcnJheSkge1xuICAgICAgdGhpcy5zZXRGbG93RGF0YShfLmNsb25lRGVlcChBVE9fQ09NUE9ORU5UU19HUk9VUF9EQVRBKVtcbiAgICAgICAgdGhpcy5zeXN0ZW1UeXBlICsgKHRoaXMuaXNSZXNwb25zaXZlVmlldyA/ICdfUkVTUE9OU0lWRScgOiAnJylcbiAgICAgIF0gYXMgQXRvR29KU0RhdGEpO1xuICAgICAgdGhpcy5kYXRhVGFibGVBc3NldFBhcmFtcyA9IHRoaXMuZmxvd0RhdGE/Lm5vZGVEYXRhQXJyYXk/LmZpbHRlcihcbiAgICAgICAgKGUpID0+IGU/LnR5cGUgPT09IEF0b0dvanNFZGl0b3JNb2RlbC5FTlVNX1RFTVBMQVRFUy5QQVJBTV9UQUJMRVxuICAgICAgKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgXy5mb3JFYWNoKFxuICAgICAgXy5jbG9uZURlZXAoQVRPX0NPTVBPTkVOVFNfR1JPVVBfREFUQSlbXG4gICAgICAgICAgdGhpcy5zeXN0ZW1UeXBlICsgKHRoaXMuaXNSZXNwb25zaXZlVmlldyA/ICdfUkVTUE9OU0lWRScgOiAnJylcbiAgICAgICAgXT8ubm9kZURhdGFBcnJheVxuICAgICAgLFxuICAgICAgKG5vZGU6IGFueSkgPT4ge1xuICAgICAgICBjb25zdCBpdGVtRmluZCA9IHRoaXMuZmxvd0RhdGE/Lm5vZGVEYXRhQXJyYXk/LmZpbmQoXG4gICAgICAgICAgKHgpID0+IG5vZGU/LmtleSA9PT0geD8ua2V5XG4gICAgICAgICk7XG4gICAgICAgIFxuICAgICAgICBpZiAoaXRlbUZpbmQpIHtcbiAgICAgICAgICBpdGVtRmluZC52aXNpYmxlID0gbm9kZT8udmlzaWJsZSA9PT0gZmFsc2UgPyBmYWxzZSA6IHRydWU7XG4gICAgICAgICAgaXRlbUZpbmQubG9jID0gbm9kZT8ubG9jO1xuICAgICAgICAgIGl0ZW1GaW5kLm1hcmdpbiA9IG5vZGU/Lm1hcmdpbjtcbiAgICAgICAgICBpdGVtRmluZC5wYWRkaW5nID0gbm9kZT8ucGFkZGluZztcbiAgICAgICAgfVxuICAgICAgfVxuICAgICk7XG4gICAgdGhpcy5kYXRhVGFibGVBc3NldFBhcmFtcyA9IHRoaXMuZmxvd0RhdGE/Lm5vZGVEYXRhQXJyYXk/LmZpbHRlcihcbiAgICAgIChlKSA9PiBlPy50eXBlID09PSBBdG9Hb2pzRWRpdG9yTW9kZWwuRU5VTV9URU1QTEFURVMuUEFSQU1fVEFCTEVcbiAgICApO1xuICAgIHRoaXMuc2V0Rmxvd0RhdGEoXy5jbG9uZURlZXAodGhpcy5mbG93RGF0YSkpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5jaGVja1Jlc3BvbnNpdmVWaWV3KCk7XG4gICAgdGhpcy51cGRhdGVMb2NhdGlvblJlcG9uc2l2ZSgpO1xuICB9XG4gIG9uQ2xpY2tQYXJhbU9mVGFibGUoJGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLm9uQ2xpY2tQYXJhbU9mVGFibGVFdmVudC5lbWl0KCRldmVudCk7XG4gIH1cblxuICBnZXREZWZhdWx0Rmxvd0RhdGEoKSB7XG4gICAgY29uc3QgZmxvd0RhdGEgPSB7XG4gICAgICAuLi5fLmNsb25lRGVlcChBVE9fQ09NUE9ORU5UU19HUk9VUF9EQVRBKVt0aGlzLnN5c3RlbVR5cGVdLFxuICAgICAgbGlua0Zyb21Qb3J0SWRQcm9wZXJ0eTogJ2Zyb21Qb3J0JyxcbiAgICAgIGxpbmtUb1BvcnRJZFByb3BlcnR5OiAndG9Qb3J0JyxcbiAgICB9O1xuICAgIGlmICh0aGlzLmlzVXNlQmFzZTY0KSB7XG4gICAgICBjb25zdCBpdGVtSW1hZ2VUZW1wID0gKGZsb3dEYXRhIGFzIEF0b0dvSlNEYXRhKT8ubm9kZURhdGFBcnJheT8uZmluZChcbiAgICAgICAgKHgpID0+IHg/LnR5cGUgPT09ICdJbWFnZSBUZW1wbGF0ZSdcbiAgICAgICk7XG4gICAgICBpZiAoaXRlbUltYWdlVGVtcCkge1xuICAgICAgICBpdGVtSW1hZ2VUZW1wLnNvdXJjZSA9IEF0b0dvSlNCYXNlNjRbdGhpcy5zeXN0ZW1UeXBlXTtcbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIGZsb3dEYXRhO1xuICB9XG5cbiAgc2V0Rmxvd0RhdGEoZGF0YTogQXRvR29KU0RhdGEpIHtcbiAgICB0aGlzLmZsb3dEYXRhID0geyAuLi5kYXRhIH07XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJoLTEwMCBkLWZsZXggZmxleC1jb2x1bW4gZmxleC1nYXAtMyBmbGV4LWdyb3ctMSBvdmVyZmxvdy1hdXRvIHB4LTMgcGItM1wiPlxuICA8ZGl2IGNsYXNzPVwiaC0xMDAgZC1mbGV4IGZsZXgtY29sdW1uXCIgYXRvTG9hZGluZyBbYXBwTG9hZGluZ109XCJmbG93RGF0YSA9PT0gbnVsbFwiPlxuICAgIDxhdG8tZmxvdy1kaWFncmFtLWxpYlxuICAgICAgKm5nSWY9XCJmbG93RGF0YSAhPT0gbnVsbFwiXG4gICAgICAjZ2pGbG93RGlhZ3JhbVRlbXBcbiAgICAgIFtkYXRhXT1cImZsb3dEYXRhXCJcbiAgICAgIFtpbml0aWFsT3B0aW9uc109XCJvcHRpb25zXCJcbiAgICAgIChvbkNsaWtQYXJhbU9mVGFibGUpPVwib25DbGlja1BhcmFtT2ZUYWJsZSgkZXZlbnQpXCJcbiAgICAgIFtjbGFzc109XCIhIWlzUmVzcG9uc2l2ZVZpZXcgPyAnZGlhZ3JhbS1yZXNwb25zaXZlLXZpZXcnIDogJ2ZsZXgtZ3Jvdy0xJ1wiXG4gICAgPjwvYXRvLWZsb3ctZGlhZ3JhbS1saWI+XG4gICAgPGRpdiBjbGFzcz1cIm10LTJcIiAqbmdJZj1cImlzUmVzcG9uc2l2ZVZpZXdcIj5cbiAgICAgIDxhdG8tYXNzZXQtcGFyYW1zLXZpZXdcbiAgICAgICAgW2RhdGFdPVwiZGF0YVRhYmxlQXNzZXRQYXJhbXNcIlxuICAgICAgICBbaXNFZGl0Vmlld109XCJ0cnVlXCJcbiAgICAgICAgKGNsaWNrUGFyYW1UYWJsZVJvdyk9XCJvbkNsaWNrUGFyYW1PZlRhYmxlKCRldmVudClcIlxuICAgICAgPjwvYXRvLWFzc2V0LXBhcmFtcy12aWV3PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuXG4iXX0=

package/esm2020/lib/components/asset-params-view/asset-params-view.component.mjs

@@ -0,0 +1,27 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../directive/ng-var.directive";
+export class AtoAssetParamsViewComponent {
+    constructor() {
+        this.isEditView = false;
+        this.data = [];
+        this.clickParamTableRow = new EventEmitter();
+    }
+    onClickRowParam(itemTable) {
+        this.clickParamTableRow.emit(itemTable);
+    }
+}
+AtoAssetParamsViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoAssetParamsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AtoAssetParamsViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AtoAssetParamsViewComponent, selector: "ato-asset-params-view", inputs: { isEditView: "isEditView", data: "data" }, outputs: { clickParamTableRow: "clickParamTableRow" }, ngImport: i0, template: "<div class=\"d-flex flex-column flex-gap-2\">\n    <div class=\"\" *ngFor=\"let tableParam of data\">\n        <ng-template\n            [ngTemplateOutlet]=\"tableParamTemplate\"\n            [ngTemplateOutletContext]=\"{\n                data: tableParam\n            }\"\n        ></ng-template>\n    </div>\n</div>\n\n<ng-template #tableParamTemplate let-data=\"data\">\n    <div\n        class=\"d-flex flex-column asset-param-item w-100\"\n        *ngVar=\"{ isCollapsed: true } as vars\"\n        [style.backgroundColor]=\"data?.color\"\n    >\n        <div\n            class=\"d-flex align-items-center justify-content-between py-1 pl-1 pr-2 cursor-pointer\"\n            (click)=\"vars.isCollapsed = !vars.isCollapsed\"\n        >\n            <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">{{ data?.title }}</div>\n            <i\n                class=\"fa-solid font-size-14px color-white {{ vars.isCollapsed ? 'fa-angle-right' : 'fa-angle-down' }}\"\n            ></i>\n        </div>\n        <div class=\"px-1 pb-1\" *ngIf=\"!vars.isCollapsed\">\n            <div class=\"table-asset-param-wrapper\" [style.backgroundColor]=\"data?.bgColor\">\n                <table>\n                    <tbody>\n                        <tr\n                            *ngFor=\"let itemTable of data?.dataTable\"\n                            (click)=\"onClickRowParam(itemTable)\"\n                            class=\"cursor-pointer\"\n                        >\n                            <td class=\"font-size-13px\" [style.borderColor]=\"data?.borderTable\">\n                                {{ itemTable?.name }}\n                            </td>\n                            <td class=\"font-size-13px\" [style.borderColor]=\"data?.borderTable\">\n                                <div class=\"d-flex align-items-center\">\n                                    <div\n                                        class=\"mr-auto font-size-13px text-truncate flex-grow-1\"\n                                        [style.color]=\"itemTable?.color\"\n                                    >\n                                        {{ itemTable?.value }}\n                                    </div>\n                                    <i *ngIf=\"isEditView\" class=\"fal fa-edit font-size-14px color-night-rider\"></i>\n                                </div>\n                            </td>\n                        </tr>\n                    </tbody>\n                </table>\n            </div>\n        </div>\n    </div>\n</ng-template>\n", styles: [".asset-param-item{border-radius:5px}.asset-param-item .table-asset-param-wrapper{border-radius:5px;background-color:#f0f8ff}.asset-param-item .table-asset-param-wrapper table{border-collapse:collapse;width:100%}.asset-param-item .table-asset-param-wrapper table tbody tr td{border:1px solid red;height:30px;padding:4px}.color-white{color:#fff}.flex-gap-2{gap:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.AtoNgVarDirective, selector: "[ngVar]", inputs: ["ngVar"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AtoAssetParamsViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ato-asset-params-view', template: "<div class=\"d-flex flex-column flex-gap-2\">\n    <div class=\"\" *ngFor=\"let tableParam of data\">\n        <ng-template\n            [ngTemplateOutlet]=\"tableParamTemplate\"\n            [ngTemplateOutletContext]=\"{\n                data: tableParam\n            }\"\n        ></ng-template>\n    </div>\n</div>\n\n<ng-template #tableParamTemplate let-data=\"data\">\n    <div\n        class=\"d-flex flex-column asset-param-item w-100\"\n        *ngVar=\"{ isCollapsed: true } as vars\"\n        [style.backgroundColor]=\"data?.color\"\n    >\n        <div\n            class=\"d-flex align-items-center justify-content-between py-1 pl-1 pr-2 cursor-pointer\"\n            (click)=\"vars.isCollapsed = !vars.isCollapsed\"\n        >\n            <div class=\"font-size-14px flex-grow-1 text-truncate color-white\">{{ data?.title }}</div>\n            <i\n                class=\"fa-solid font-size-14px color-white {{ vars.isCollapsed ? 'fa-angle-right' : 'fa-angle-down' }}\"\n            ></i>\n        </div>\n        <div class=\"px-1 pb-1\" *ngIf=\"!vars.isCollapsed\">\n            <div class=\"table-asset-param-wrapper\" [style.backgroundColor]=\"data?.bgColor\">\n                <table>\n                    <tbody>\n                        <tr\n                            *ngFor=\"let itemTable of data?.dataTable\"\n                            (click)=\"onClickRowParam(itemTable)\"\n                            class=\"cursor-pointer\"\n                        >\n                            <td class=\"font-size-13px\" [style.borderColor]=\"data?.borderTable\">\n                                {{ itemTable?.name }}\n                            </td>\n                            <td class=\"font-size-13px\" [style.borderColor]=\"data?.borderTable\">\n                                <div class=\"d-flex align-items-center\">\n                                    <div\n                                        class=\"mr-auto font-size-13px text-truncate flex-grow-1\"\n                                        [style.color]=\"itemTable?.color\"\n                                    >\n                                        {{ itemTable?.value }}\n                                    </div>\n                                    <i *ngIf=\"isEditView\" class=\"fal fa-edit font-size-14px color-night-rider\"></i>\n                                </div>\n                            </td>\n                        </tr>\n                    </tbody>\n                </table>\n            </div>\n        </div>\n    </div>\n</ng-template>\n", styles: [".asset-param-item{border-radius:5px}.asset-param-item .table-asset-param-wrapper{border-radius:5px;background-color:#f0f8ff}.asset-param-item .table-asset-param-wrapper table{border-collapse:collapse;width:100%}.asset-param-item .table-asset-param-wrapper table tbody tr td{border:1px solid red;height:30px;padding:4px}.color-white{color:#fff}.flex-gap-2{gap:.5rem}\n"] }]
+        }], propDecorators: { isEditView: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], clickParamTableRow: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtcGFyYW1zLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXRvLXdhdGVyLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYXNzZXQtcGFyYW1zLXZpZXcvYXNzZXQtcGFyYW1zLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXRvLXdhdGVyLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYXNzZXQtcGFyYW1zLXZpZXcvYXNzZXQtcGFyYW1zLXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sMkJBQTJCO0lBTHhDO1FBTVcsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixTQUFJLEdBQVUsRUFBRSxDQUFDO1FBQ2hCLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7S0FLbkQ7SUFIQyxlQUFlLENBQUMsU0FBUztRQUNyQixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7O3lIQVBVLDJCQUEyQjs2R0FBM0IsMkJBQTJCLHdLQ1B4QyxzZ0ZBd0RBOzRGRGpEYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0UsdUJBQXVCOzhCQUt4QixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG8tYXNzZXQtcGFyYW1zLXZpZXcnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXNzZXQtcGFyYW1zLXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hc3NldC1wYXJhbXMtdmlldy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEF0b0Fzc2V0UGFyYW1zVmlld0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGlzRWRpdFZpZXcgPSBmYWxzZTtcbiAgQElucHV0KCkgZGF0YTogYW55W10gPSBbXTtcbiAgQE91dHB1dCgpIGNsaWNrUGFyYW1UYWJsZVJvdyA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBvbkNsaWNrUm93UGFyYW0oaXRlbVRhYmxlKSB7XG4gICAgICB0aGlzLmNsaWNrUGFyYW1UYWJsZVJvdy5lbWl0KGl0ZW1UYWJsZSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gZmxleC1nYXAtMlwiPlxuICAgIDxkaXYgY2xhc3M9XCJcIiAqbmdGb3I9XCJsZXQgdGFibGVQYXJhbSBvZiBkYXRhXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwidGFibGVQYXJhbVRlbXBsYXRlXCJcbiAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7XG4gICAgICAgICAgICAgICAgZGF0YTogdGFibGVQYXJhbVxuICAgICAgICAgICAgfVwiXG4gICAgICAgID48L25nLXRlbXBsYXRlPlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjdGFibGVQYXJhbVRlbXBsYXRlIGxldC1kYXRhPVwiZGF0YVwiPlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gYXNzZXQtcGFyYW0taXRlbSB3LTEwMFwiXG4gICAgICAgICpuZ1Zhcj1cInsgaXNDb2xsYXBzZWQ6IHRydWUgfSBhcyB2YXJzXCJcbiAgICAgICAgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJkYXRhPy5jb2xvclwiXG4gICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWJldHdlZW4gcHktMSBwbC0xIHByLTIgY3Vyc29yLXBvaW50ZXJcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInZhcnMuaXNDb2xsYXBzZWQgPSAhdmFycy5pc0NvbGxhcHNlZFwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb250LXNpemUtMTRweCBmbGV4LWdyb3ctMSB0ZXh0LXRydW5jYXRlIGNvbG9yLXdoaXRlXCI+e3sgZGF0YT8udGl0bGUgfX08L2Rpdj5cbiAgICAgICAgICAgIDxpXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmYS1zb2xpZCBmb250LXNpemUtMTRweCBjb2xvci13aGl0ZSB7eyB2YXJzLmlzQ29sbGFwc2VkID8gJ2ZhLWFuZ2xlLXJpZ2h0JyA6ICdmYS1hbmdsZS1kb3duJyB9fVwiXG4gICAgICAgICAgICA+PC9pPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInB4LTEgcGItMVwiICpuZ0lmPVwiIXZhcnMuaXNDb2xsYXBzZWRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1hc3NldC1wYXJhbS13cmFwcGVyXCIgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJkYXRhPy5iZ0NvbG9yXCI+XG4gICAgICAgICAgICAgICAgPHRhYmxlPlxuICAgICAgICAgICAgICAgICAgICA8dGJvZHk+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbVRhYmxlIG9mIGRhdGE/LmRhdGFUYWJsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tSb3dQYXJhbShpdGVtVGFibGUpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJmb250LXNpemUtMTNweFwiIFtzdHlsZS5ib3JkZXJDb2xvcl09XCJkYXRhPy5ib3JkZXJUYWJsZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBpdGVtVGFibGU/Lm5hbWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBjbGFzcz1cImZvbnQtc2l6ZS0xM3B4XCIgW3N0eWxlLmJvcmRlckNvbG9yXT1cImRhdGE/LmJvcmRlclRhYmxlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJtci1hdXRvIGZvbnQtc2l6ZS0xM3B4IHRleHQtdHJ1bmNhdGUgZmxleC1ncm93LTFcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS5jb2xvcl09XCJpdGVtVGFibGU/LmNvbG9yXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBpdGVtVGFibGU/LnZhbHVlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpICpuZ0lmPVwiaXNFZGl0Vmlld1wiIGNsYXNzPVwiZmFsIGZhLWVkaXQgZm9udC1zaXplLTE0cHggY29sb3ItbmlnaHQtcmlkZXJcIj48L2k+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICAgICAgICAgIDwvdGFibGU+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2020/lib/components/flow-diagram-lib/flow-diagram-lib.component.mjs

@@ -2,7 +2,8 @@ import { Component, Input, ViewChild } from '@angular/core';
 import { AtoDefaultGojsEditor } from '../../models/default-gojs-editor.model';
 import { AtoGojsEditorModel } from '../../models/gojs-editor.model';
 import * as i0 from "@angular/core";
-import * as i1 from "../../directive/ato-loading.directive";
+import * as i1 from "@angular/common";
+import * as i2 from "../../directive/ato-loading.directive";
 export class AtoFlowDiagramLibComponent extends AtoDefaultGojsEditor {
     set data(v) {
         this._data = v;
@@ -38,10 +39,10 @@ export 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\" style=\"height: 100%\">\n    <div class=\"w-100 h-100 d-flex\" style=\"height: 100%\">\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\" style=\"height: 100%\"></div>\n        <!-- <div *ngIf=\"initialOptions?.isReadOnly && !data?.nodeDataArray?.length\" class=\"empty-data\">\n            <nz-empty nzNotFoundImage=\"simple\"></nz-empty>\n        </div> -->\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.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 [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: i2.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\" style=\"height: 100%\">\n    <div class=\"w-100 h-100 d-flex\" style=\"height: 100%\">\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\" style=\"height: 100%\"></div>\n        <!-- <div *ngIf=\"initialOptions?.isReadOnly && !data?.nodeDataArray?.length\" class=\"empty-data\">\n            <nz-empty nzNotFoundImage=\"simple\"></nz-empty>\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 [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" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { myDiagramDivTemp: [{
                 type: ViewChild,
                 args: ['myDiagramDivTemp']
@@ -50,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], isLoading: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvdy1kaWFncmFtLWxpYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hdG8td2F0ZXItbGliL3NyYy9saWIvY29tcG9uZW50cy9mbG93LWRpYWdyYW0tbGliL2Zsb3ctZGlhZ3JhbS1saWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXRvLXdhdGVyLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZmxvdy1kaWFncmFtLWxpYi9mbG93LWRpYWdyYW0tbGliLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdoRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBT3BFLE1BQU0sT0FBTywwQkFBMkIsU0FBUSxvQkFBb0I7SUFHbEUsSUFBYSxJQUFJLENBQUMsQ0FBQztRQUNmLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ2YsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFJRCxJQUFJLElBQUk7UUFDSixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELFlBQ0UsTUFBa0I7UUFFaEIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBZmxCLFVBQUssR0FBUSxJQUFJLENBQUM7UUFNVCxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBVXZCLElBQUksQ0FBQyxPQUFPLEdBQUc7WUFDYixvQkFBb0IsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQztZQUN2RSxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQztTQUN2RSxDQUFDO1FBQ0YsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFJRCxRQUFRO1FBQ0osSUFBSSxDQUFDLGFBQWEsQ0FDZCxJQUFJLENBQUMsMkJBQTJCLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDOUMsSUFBSSxDQUFDLDBCQUEwQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUM1QyxDQUFDLENBQUMsQ0FPTCxDQUFDO0lBQ04sQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksa0JBQWtCLENBQUM7WUFDakMsS0FBSyxFQUFFLG9CQUFvQjtZQUMzQixvQkFBb0IsRUFBRSxNQUFNO1lBQzVCLEdBQUcsSUFBSSxDQUFDLElBQUk7U0FDZixDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsY0FBYyxDQUFDLEdBQW9CO1FBQy9CLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDOUQsQ0FBQzs7d0hBbkRVLDBCQUEwQjs0R0FBMUIsMEJBQTBCLDJQQ1h2Qyx3bUNBd0JBOzRGRGJhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSxzQkFBc0I7aUdBS0YsZ0JBQWdCO3NCQUE5QyxTQUFTO3VCQUFDLGtCQUFrQjtnQkFFZixJQUFJO3NCQUFoQixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IF8gZnJvbSAnbG9kYXNoJztcblxuaW1wb3J0IHsgQXRvRGVmYXVsdEdvanNFZGl0b3IgfSBmcm9tICcuLi8uLi9tb2RlbHMvZGVmYXVsdC1nb2pzLWVkaXRvci5tb2RlbCc7XG5pbXBvcnQgeyBBdG9Hb2pzRWRpdG9yTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvZ29qcy1lZGl0b3IubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG8tZmxvdy1kaWFncmFtLWxpYicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mbG93LWRpYWdyYW0tbGliLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmxvdy1kaWFncmFtLWxpYi5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQXRvRmxvd0RpYWdyYW1MaWJDb21wb25lbnQgZXh0ZW5kcyBBdG9EZWZhdWx0R29qc0VkaXRvciBpbXBsZW1lbnRzIE9uSW5pdCAge1xuIEBWaWV3Q2hpbGQoJ215RGlhZ3JhbURpdlRlbXAnKSBteURpYWdyYW1EaXZUZW1wOiBhbnk7XG4gIF9kYXRhOiBhbnkgPSBudWxsO1xuICBASW5wdXQoKSBzZXQgZGF0YSh2KSB7XG4gICAgICB0aGlzLl9kYXRhID0gdjtcbiAgICAgIHRoaXMubG9hZERpYWdyYW0oKTtcbiAgfVxuXG4gIEBJbnB1dCgpIGlzTG9hZGluZyA9IGZhbHNlO1xuXG4gIGdldCBkYXRhKCkge1xuICAgICAgcmV0dXJuIHRoaXMuX2RhdGE7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBfZWxSZWY6IEVsZW1lbnRSZWYsXG4gICkge1xuICAgICAgc3VwZXIoX2VsUmVmKTtcbiAgICAgIHRoaXMuYWN0aW9ucyA9IFtcbiAgICAgICAgQXRvRGVmYXVsdEdvanNFZGl0b3IuQUNUSU9OU1tBdG9EZWZhdWx0R29qc0VkaXRvci5FTlVNX0FDVElPTlMuREVUQUlMU10sXG4gICAgICAgIEF0b0RlZmF1bHRHb2pzRWRpdG9yLkFDVElPTlNbQXRvRGVmYXVsdEdvanNFZGl0b3IuRU5VTV9BQ1RJT05TLkRFTEVURV0sXG4gICAgICBdO1xuICAgICAgdGhpcy51bnN1YnNjcmliZUFsbCgpO1xuICB9XG5cblxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgdGhpcy5hZGRTdWJzY3JpYmVzKFxuICAgICAgICAgIHRoaXMuY29tbWl0dGVkVHJhbnNhY3Rpb25TdWJqZWN0Py5zdWJzY3JpYmUoKGUpID0+IHtcbiAgICAgICAgICAgICAgdGhpcy5vbk1vZGVsQ2hhbmdlTGlzdGVuZXJFdmVudC5lbWl0KGUpO1xuICAgICAgICAgIH0pLFxuICAgICAgICAgIC8vIHRoaXMuX0dqVXRpbHNTZXJ2aWNlPy51cGRhdGVOYW1lRGF0YUJveCQ/LnN1YnNjcmliZSgocnMpID0+IHtcbiAgICAgICAgICAvLyAgICAgaWYgKHJzICYmIHJzPy5rZXkpIHtcbiAgICAgICAgICAvLyAgICAgICAgIGNvbnN0IG5vZGUgPSB0aGlzLm15RGlhZ3JhbS5maW5kTm9kZUZvcktleShycz8ua2V5KTtcbiAgICAgICAgICAvLyAgICAgICAgIHRoaXMubXlEaWFncmFtLm1vZGVsLnNldERhdGFQcm9wZXJ0eShub2RlPy5kYXRhLCAnbmFtZScsIHJzPy5uYW1lKTtcbiAgICAgICAgICAvLyAgICAgfVxuICAgICAgICAgIC8vIH0pLFxuICAgICAgKTtcbiAgfVxuXG4gIGxvYWREaWFncmFtKCkge1xuICAgICAgdGhpcy5lZGl0b3IgPSBuZXcgQXRvR29qc0VkaXRvck1vZGVsKHtcbiAgICAgICAgICBjbGFzczogJ2dvLkdyYXBoTGlua3NNb2RlbCcsXG4gICAgICAgICAgbm9kZUNhdGVnb3J5UHJvcGVydHk6ICd0eXBlJyxcbiAgICAgICAgICAuLi50aGlzLmRhdGEsXG4gICAgICB9KTtcbiAgfVxuXG4gIGZpbmROb2RlRm9yS2V5KGtleTogbnVtYmVyIHwgc3RyaW5nKSB7XG4gICAgICB0aGlzLm15RGlhZ3JhbS5zZWxlY3QodGhpcy5teURpYWdyYW0uZmluZE5vZGVGb3JLZXkoa2V5KSk7XG4gIH1cbn1cblxuXG5cblxuXG4iLCI8ZGl2IGNsYXNzPVwidy0xMDAgaC0xMDAgZ2otZmxvdy1kaWFncmFtLXdyYXBwZXJcIiBhdG9Mb2FkaW5nIFthcHBMb2FkaW5nXT1cImRhdGEgPT09IG51bGwgfHwgISFpc0xvYWRpbmdcIiBzdHlsZT1cImhlaWdodDogMTAwJVwiPlxuICAgIDxkaXYgY2xhc3M9XCJ3LTEwMCBoLTEwMCBkLWZsZXhcIiBzdHlsZT1cImhlaWdodDogMTAwJVwiPlxuICAgICAgICA8IS0tIDxidXR0b25cbiAgICAgICAgICAgIGlkPVwiYWN0aW9uTWVudUlkXCJcbiAgICAgICAgICAgIGNsYXNzPVwiaW52aXNpYmxlLWJ0blwiXG4gICAgICAgICAgICBtYXQtYnV0dG9uXG4gICAgICAgICAgICBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiXG4gICAgICAgICAgICAjbWVudVRyaWdnZXI9XCJtYXRNZW51VHJpZ2dlclwiXG4gICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtICpuZ0Zvcj1cImxldCBpdGVtIG9mIGFjdGlvbnNcIiAoY2xpY2spPVwiaXRlbT8ub25DbGljaygkZXZlbnQpXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWdhcC0yXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+PGkgY2xhc3M9XCJ7eyBpdGVtPy5pY29uQ2xhc3NOYW1lIH19XCI+PC9pPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2Pnt7IGl0ZW0/Lm5hbWUgfX08L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L21hdC1tZW51PiAtLT5cblxuICAgICAgICA8ZGl2ICNteURpYWdyYW1EaXZUZW1wIFtpZF09XCJteURpYWdyYW1EaXZcIiBjbGFzcz1cImZsZXgtZ3Jvdy0xXCIgc3R5bGU9XCJoZWlnaHQ6IDEwMCVcIj48L2Rpdj5cbiAgICAgICAgPCEtLSA8ZGl2ICpuZ0lmPVwiaW5pdGlhbE9wdGlvbnM/LmlzUmVhZE9ubHkgJiYgIWRhdGE/Lm5vZGVEYXRhQXJyYXk/Lmxlbmd0aFwiIGNsYXNzPVwiZW1wdHktZGF0YVwiPlxuICAgICAgICAgICAgPG56LWVtcHR5IG56Tm90Rm91bmRJbWFnZT1cInNpbXBsZVwiPjwvbnotZW1wdHk+XG4gICAgICAgIDwvZGl2PiAtLT5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvdy1kaWFncmFtLWxpYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hdG8td2F0ZXItbGliL3NyYy9saWIvY29tcG9uZW50cy9mbG93LWRpYWdyYW0tbGliL2Zsb3ctZGlhZ3JhbS1saWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXRvLXdhdGVyLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZmxvdy1kaWFncmFtLWxpYi9mbG93LWRpYWdyYW0tbGliLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdoRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7OztBQU9wRSxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsb0JBQW9CO0lBR2xFLElBQWEsSUFBSSxDQUFDLENBQUM7UUFDZixJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztRQUNmLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBSUQsSUFBSSxJQUFJO1FBQ0osT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxZQUNFLE1BQWtCO1FBRWhCLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQWZsQixVQUFLLEdBQVEsSUFBSSxDQUFDO1FBTVQsY0FBUyxHQUFHLEtBQUssQ0FBQztRQVV2QixJQUFJLENBQUMsT0FBTyxHQUFHO1lBQ2Isb0JBQW9CLENBQUMsT0FBTyxDQUFDLG9CQUFvQixDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUM7WUFDdkUsb0JBQW9CLENBQUMsT0FBTyxDQUFDLG9CQUFvQixDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUM7U0FDdkUsQ0FBQztRQUNGLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBSUQsUUFBUTtRQUNKLElBQUksQ0FBQyxhQUFhLENBQ2QsSUFBSSxDQUFDLDJCQUEyQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQzlDLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDNUMsQ0FBQyxDQUFDLENBT0wsQ0FBQztJQUNOLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLGtCQUFrQixDQUFDO1lBQ2pDLEtBQUssRUFBRSxvQkFBb0I7WUFDM0Isb0JBQW9CLEVBQUUsTUFBTTtZQUM1QixHQUFHLElBQUksQ0FBQyxJQUFJO1NBQ2YsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELGNBQWMsQ0FBQyxHQUFvQjtRQUMvQixJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQzlELENBQUM7O3dIQW5EVSwwQkFBMEI7NEdBQTFCLDBCQUEwQiwyUENYdkMsd2pDQXlCQTs0RkRkYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0Usc0JBQXNCO2lHQUtGLGdCQUFnQjtzQkFBOUMsU0FBUzt1QkFBQyxrQkFBa0I7Z0JBRWYsSUFBSTtzQkFBaEIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCBfIGZyb20gJ2xvZGFzaCc7XG5cbmltcG9ydCB7IEF0b0RlZmF1bHRHb2pzRWRpdG9yIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2RlZmF1bHQtZ29qcy1lZGl0b3IubW9kZWwnO1xuaW1wb3J0IHsgQXRvR29qc0VkaXRvck1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2dvanMtZWRpdG9yLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvLWZsb3ctZGlhZ3JhbS1saWInLFxuICB0ZW1wbGF0ZVVybDogJy4vZmxvdy1kaWFncmFtLWxpYi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Zsb3ctZGlhZ3JhbS1saWIuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEF0b0Zsb3dEaWFncmFtTGliQ29tcG9uZW50IGV4dGVuZHMgQXRvRGVmYXVsdEdvanNFZGl0b3IgaW1wbGVtZW50cyBPbkluaXQgIHtcbiBAVmlld0NoaWxkKCdteURpYWdyYW1EaXZUZW1wJykgbXlEaWFncmFtRGl2VGVtcDogYW55O1xuICBfZGF0YTogYW55ID0gbnVsbDtcbiAgQElucHV0KCkgc2V0IGRhdGEodikge1xuICAgICAgdGhpcy5fZGF0YSA9IHY7XG4gICAgICB0aGlzLmxvYWREaWFncmFtKCk7XG4gIH1cblxuICBASW5wdXQoKSBpc0xvYWRpbmcgPSBmYWxzZTtcblxuICBnZXQgZGF0YSgpIHtcbiAgICAgIHJldHVybiB0aGlzLl9kYXRhO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgX2VsUmVmOiBFbGVtZW50UmVmLFxuICApIHtcbiAgICAgIHN1cGVyKF9lbFJlZik7XG4gICAgICB0aGlzLmFjdGlvbnMgPSBbXG4gICAgICAgIEF0b0RlZmF1bHRHb2pzRWRpdG9yLkFDVElPTlNbQXRvRGVmYXVsdEdvanNFZGl0b3IuRU5VTV9BQ1RJT05TLkRFVEFJTFNdLFxuICAgICAgICBBdG9EZWZhdWx0R29qc0VkaXRvci5BQ1RJT05TW0F0b0RlZmF1bHRHb2pzRWRpdG9yLkVOVU1fQUNUSU9OUy5ERUxFVEVdLFxuICAgICAgXTtcbiAgICAgIHRoaXMudW5zdWJzY3JpYmVBbGwoKTtcbiAgfVxuXG5cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgIHRoaXMuYWRkU3Vic2NyaWJlcyhcbiAgICAgICAgICB0aGlzLmNvbW1pdHRlZFRyYW5zYWN0aW9uU3ViamVjdD8uc3Vic2NyaWJlKChlKSA9PiB7XG4gICAgICAgICAgICAgIHRoaXMub25Nb2RlbENoYW5nZUxpc3RlbmVyRXZlbnQuZW1pdChlKTtcbiAgICAgICAgICB9KSxcbiAgICAgICAgICAvLyB0aGlzLl9HalV0aWxzU2VydmljZT8udXBkYXRlTmFtZURhdGFCb3gkPy5zdWJzY3JpYmUoKHJzKSA9PiB7XG4gICAgICAgICAgLy8gICAgIGlmIChycyAmJiBycz8ua2V5KSB7XG4gICAgICAgICAgLy8gICAgICAgICBjb25zdCBub2RlID0gdGhpcy5teURpYWdyYW0uZmluZE5vZGVGb3JLZXkocnM/LmtleSk7XG4gICAgICAgICAgLy8gICAgICAgICB0aGlzLm15RGlhZ3JhbS5tb2RlbC5zZXREYXRhUHJvcGVydHkobm9kZT8uZGF0YSwgJ25hbWUnLCBycz8ubmFtZSk7XG4gICAgICAgICAgLy8gICAgIH1cbiAgICAgICAgICAvLyB9KSxcbiAgICAgICk7XG4gIH1cblxuICBsb2FkRGlhZ3JhbSgpIHtcbiAgICAgIHRoaXMuZWRpdG9yID0gbmV3IEF0b0dvanNFZGl0b3JNb2RlbCh7XG4gICAgICAgICAgY2xhc3M6ICdnby5HcmFwaExpbmtzTW9kZWwnLFxuICAgICAgICAgIG5vZGVDYXRlZ29yeVByb3BlcnR5OiAndHlwZScsXG4gICAgICAgICAgLi4udGhpcy5kYXRhLFxuICAgICAgfSk7XG4gIH1cblxuICBmaW5kTm9kZUZvcktleShrZXk6IG51bWJlciB8IHN0cmluZykge1xuICAgICAgdGhpcy5teURpYWdyYW0uc2VsZWN0KHRoaXMubXlEaWFncmFtLmZpbmROb2RlRm9yS2V5KGtleSkpO1xuICB9XG59XG5cblxuXG5cblxuIiwiPGRpdiBjbGFzcz1cInctMTAwIGgtMTAwIGdqLWZsb3ctZGlhZ3JhbS13cmFwcGVyXCIgYXRvTG9hZGluZyBbYXBwTG9hZGluZ109XCJkYXRhID09PSBudWxsIHx8ICEhaXNMb2FkaW5nXCI+XG4gICAgPGRpdiBjbGFzcz1cInctMTAwIGgtMTAwIGQtZmxleFwiPlxuICAgICAgICA8IS0tIDxidXR0b25cbiAgICAgICAgICAgIGlkPVwiYWN0aW9uTWVudUlkXCJcbiAgICAgICAgICAgIGNsYXNzPVwiaW52aXNpYmxlLWJ0blwiXG4gICAgICAgICAgICBtYXQtYnV0dG9uXG4gICAgICAgICAgICBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiXG4gICAgICAgICAgICAjbWVudVRyaWdnZXI9XCJtYXRNZW51VHJpZ2dlclwiXG4gICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtICpuZ0Zvcj1cImxldCBpdGVtIG9mIGFjdGlvbnNcIiAoY2xpY2spPVwiaXRlbT8ub25DbGljaygkZXZlbnQpXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWdhcC0yXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+PGkgY2xhc3M9XCJ7eyBpdGVtPy5pY29uQ2xhc3NOYW1lIH19XCI+PC9pPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2Pnt7IGl0ZW0/Lm5hbWUgfX08L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L21hdC1tZW51PiAtLT5cblxuICAgICAgICA8ZGl2ICNteURpYWdyYW1EaXZUZW1wIFtpZF09XCJteURpYWdyYW1EaXZcIiBjbGFzcz1cImZsZXgtZ3Jvdy0xXCI+PC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJpbml0aWFsT3B0aW9ucz8uaXNSZWFkT25seSAmJiAhZGF0YT8ubm9kZURhdGFBcnJheT8ubGVuZ3RoXCIgY2xhc3M9XCJlbXB0eS1kYXRhXCI+XG4gICAgICAgICAgICA8IS0tIDxuei1lbXB0eSBuek5vdEZvdW5kSW1hZ2U9XCJzaW1wbGVcIj48L256LWVtcHR5PiAtLT5cbiAgICAgICAgICAgIE5vIERhdGFcbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==