{"__symbolic":"module","version":4,"metadata":{"HttpLoaderFactory":{"__symbolic":"function","parameters":["http"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@ngx-translate/http-loader","name":"TranslateHttpLoader","line":314,"character":13},"arguments":[{"__symbolic":"reference","name":"http"},"./assets/i18n/",".json"]}},"IotRoutes":[{"path":"ac-admin","component":{"__symbolic":"reference","name":"ACIotMainComponent"}}],"AngularSplitModuleF":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"angular-split","name":"AngularSplitModule","line":381,"character":35},"member":"forRoot"}},"MonacoEditorModuleF":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-monaco-editor","name":"MonacoEditorModule","line":382,"character":35},"member":"forRoot"},"arguments":[{"baseUrl":"./assets","defaultOptions":{"scrollBeyondLastLine":false}}]},"TranslateModuleF":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":383,"character":32},"member":"forRoot"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":385,"character":13},"useFactory":{"__symbolic":"reference","name":"HttpLoaderFactory"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":387,"character":11}]}}]},"RouterModuleF":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":391,"character":28},"member":"forRoot"},"arguments":[{"__symbolic":"reference","name":"IotRoutes"},{"useHash":true}]},"ACCoreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":393,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":395,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":396,"character":4},{"__symbolic":"reference","name":"MaterialModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":398,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":399,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":400,"character":4},{"__symbolic":"reference","name":"AngularSplitModuleF"},{"__symbolic":"reference","module":"@swimlane/ngx-datatable","name":"NgxDatatableModule","line":403,"character":4},{"__symbolic":"reference","module":"@swimlane/ngx-charts","name":"NgxChartsModule","line":404,"character":4},{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlDateTimeModule","line":406,"character":4},{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlNativeDateTimeModule","line":407,"character":4},{"__symbolic":"reference","module":"ngx-uploader","name":"NgxUploaderModule","line":408,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":409,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":410,"character":4},{"__symbolic":"reference","module":"ng2-file-upload","name":"FileUploadModule","line":411,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":412,"character":4},{"__symbolic":"reference","name":"MonacoEditorModuleF"},{"__symbolic":"reference","name":"TranslateModuleF"},{"__symbolic":"reference","name":"RouterModuleF"}],"declarations":[{"__symbolic":"reference","name":"ACLoginComponent"},{"__symbolic":"reference","name":"ACChangePWComponent"},{"__symbolic":"reference","name":"ACEditorComponent"},{"__symbolic":"reference","name":"ACUserRoleComponent"},{"__symbolic":"reference","name":"ACValueComponent"},{"__symbolic":"reference","name":"ACButtonComponent"},{"__symbolic":"reference","name":"ACChartComponent"},{"__symbolic":"reference","name":"ACTrendComponent"},{"__symbolic":"reference","name":"acConsumptionComponent"},{"__symbolic":"reference","name":"ACLogbookComponent"},{"__symbolic":"reference","name":"ACSliderComponent"},{"__symbolic":"reference","name":"ACRowComponent"},{"__symbolic":"reference","name":"ACProgressComponent"},{"__symbolic":"reference","name":"ACIfComponent"},{"__symbolic":"reference","name":"ACToolbarComponent"},{"__symbolic":"reference","name":"ACInputComponent"},{"__symbolic":"reference","name":"ACCheckboxComponent"},{"__symbolic":"reference","name":"ACTreeViewComponent"},{"__symbolic":"reference","name":"ACIotListComponent"},{"__symbolic":"reference","name":"ACIotDatagridComponent"},{"__symbolic":"reference","name":"ACIotMainComponent"},{"__symbolic":"reference","name":"ACIotInstanceViewComponent"},{"__symbolic":"reference","name":"ACIotInstanceViewItem"},{"__symbolic":"reference","name":"ACIotTraceviewComponent"},{"__symbolic":"reference","name":"ACIotTerminalComponent"},{"__symbolic":"reference","name":"ACIotReportComponent"},{"__symbolic":"reference","name":"ACIotStatusComponent"},{"__symbolic":"reference","name":"ACIotConfigComponent"},{"__symbolic":"reference","name":"ACIotSiteConfigComponent"},{"__symbolic":"reference","name":"ACIotProcessListComponent"},{"__symbolic":"reference","name":"ACIotParameterComponent"},{"__symbolic":"reference","name":"ACIotBinVersionComponent"},{"__symbolic":"reference","name":"ACPivotComponent"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ACDialogComponent"},{"__symbolic":"reference","name":"ACInstancePopupComponent"},{"__symbolic":"reference","name":"ACPopupControlerComponent"},{"__symbolic":"reference","name":"ACPopupInlineComponent"},{"__symbolic":"reference","name":"ACRootComponent"},{"__symbolic":"reference","name":"ACAlarmViewComponent"},{"__symbolic":"reference","name":"ACJournalMainComponent"},{"__symbolic":"reference","name":"ACLogbookMainComponent"},{"__symbolic":"reference","name":"ACLogbookAdminComponent"},{"__symbolic":"reference","name":"ACLogbookViewComponent"},{"__symbolic":"reference","name":"ACTrendMainComponent"},{"__symbolic":"reference","name":"ACConsumptionMainComponent"},{"__symbolic":"reference","name":"ACTrendSelectorComponent"},{"__symbolic":"reference","name":"ACTrendListComponent"},{"__symbolic":"reference","name":"ACTrendListItemComponent"},{"__symbolic":"reference","name":"ACTrendSetsComponent"},{"__symbolic":"reference","name":"ACTrendConfigComponent"},{"__symbolic":"reference","name":"ACTrendDataComponent"},{"__symbolic":"reference","name":"ACDataViewComponent"},{"__symbolic":"reference","name":"ACAlarmBorderComponent"},{"__symbolic":"reference","name":"ACAlarmInstanceComponent"},{"__symbolic":"reference","name":"ACAlarmTopComponent"},{"__symbolic":"reference","name":"ACAlarmTopVarComponent"},{"__symbolic":"reference","name":"ACItemCanvas"},{"__symbolic":"reference","name":"ACItemFrame"},{"__symbolic":"reference","name":"ACItemSelect"},{"__symbolic":"reference","name":"ACItemPropertyList"},{"__symbolic":"reference","name":"ACItemLayer"},{"__symbolic":"reference","name":"ACScadaEditor"},{"__symbolic":"reference","name":"ACDynamicContainerComponent"},{"__symbolic":"reference","name":"ACDynamicComponent"},{"__symbolic":"reference","name":"FreezeDirective"},{"__symbolic":"reference","name":"AcRolesDirective"},{"__symbolic":"reference","name":"AcSVGDirective"},{"__symbolic":"reference","name":"DndDirective"},{"__symbolic":"reference","name":"ParentHightDirective"},{"__symbolic":"reference","name":"ParentWidthDirective"},{"__symbolic":"reference","name":"GridResponsiveDirective"},{"__symbolic":"reference","name":"AcInstanceDirective"},{"__symbolic":"reference","name":"AcModelDirective"},{"__symbolic":"reference","name":"AcIfDirective"},{"__symbolic":"reference","name":"AcMapInstanceDirective"},{"__symbolic":"reference","name":"AcHideInstanceDirective"},{"__symbolic":"reference","name":"AcOpenPopupDirective"},{"__symbolic":"reference","name":"AcButtonColorDirective"},{"__symbolic":"reference","name":"MouseWheelDirective"},{"__symbolic":"reference","name":"AlarmColor"},{"__symbolic":"reference","name":"TotalHightDirective"},{"__symbolic":"reference","name":"TrendSeriesDirective"},{"__symbolic":"reference","name":"NgVirtualKeyboardDirective"},{"__symbolic":"reference","name":"VirtualKeyboardComponent"},{"__symbolic":"reference","name":"VirtualKeyboardKeyComponent"},{"__symbolic":"reference","name":"ACIotPMainComponent"},{"__symbolic":"reference","name":"ACIotPNavigationComponent"},{"__symbolic":"reference","name":"ACIotPFileItemComponent"},{"__symbolic":"reference","name":"ACIotPWorkComponent"},{"__symbolic":"reference","name":"ACIotPInfoComponent"},{"__symbolic":"reference","name":"ACIotPDiffComponent"},{"__symbolic":"reference","name":"CloudDBMainComponent"}],"exports":[{"__symbolic":"reference","name":"ACLoginComponent"},{"__symbolic":"reference","name":"ACChangePWComponent"},{"__symbolic":"reference","name":"ACUserRoleComponent"},{"__symbolic":"reference","name":"ACDialogComponent"},{"__symbolic":"reference","name":"ACValueComponent"},{"__symbolic":"reference","name":"ACButtonComponent"},{"__symbolic":"reference","name":"ACChartComponent"},{"__symbolic":"reference","name":"ACTrendComponent"},{"__symbolic":"reference","name":"acConsumptionComponent"},{"__symbolic":"reference","name":"ACLogbookComponent"},{"__symbolic":"reference","name":"ACIfComponent"},{"__symbolic":"reference","name":"ACSliderComponent"},{"__symbolic":"reference","name":"ACRowComponent"},{"__symbolic":"reference","name":"ACProgressComponent"},{"__symbolic":"reference","name":"ACToolbarComponent"},{"__symbolic":"reference","name":"ACInputComponent"},{"__symbolic":"reference","name":"ACCheckboxComponent"},{"__symbolic":"reference","name":"ACTreeViewComponent"},{"__symbolic":"reference","name":"ACLoginComponent"},{"__symbolic":"reference","name":"ACRootComponent"},{"__symbolic":"reference","name":"ACInstancePopupComponent"},{"__symbolic":"reference","name":"ACPopupControlerComponent"},{"__symbolic":"reference","name":"ACPopupInlineComponent"},{"__symbolic":"reference","name":"ACIotListComponent"},{"__symbolic":"reference","name":"ACIotDatagridComponent"},{"__symbolic":"reference","name":"ACIotMainComponent"},{"__symbolic":"reference","name":"ACIotInstanceViewComponent"},{"__symbolic":"reference","name":"ACIotReportComponent"},{"__symbolic":"reference","name":"ACIotConfigComponent"},{"__symbolic":"reference","name":"ACIotSiteConfigComponent"},{"__symbolic":"reference","name":"ACIotProcessListComponent"},{"__symbolic":"reference","name":"ACIotParameterComponent"},{"__symbolic":"reference","name":"ACIotBinVersionComponent"},{"__symbolic":"reference","name":"ACIotTraceviewComponent"},{"__symbolic":"reference","name":"ACIotTerminalComponent"},{"__symbolic":"reference","name":"ACPivotComponent"},{"__symbolic":"reference","name":"ACAlarmViewComponent"},{"__symbolic":"reference","name":"ACJournalMainComponent"},{"__symbolic":"reference","name":"ACLogbookMainComponent"},{"__symbolic":"reference","name":"ACLogbookAdminComponent"},{"__symbolic":"reference","name":"ACLogbookViewComponent"},{"__symbolic":"reference","name":"ACTrendMainComponent"},{"__symbolic":"reference","name":"ACConsumptionMainComponent"},{"__symbolic":"reference","name":"ACTrendSelectorComponent"},{"__symbolic":"reference","name":"ACTrendListComponent"},{"__symbolic":"reference","name":"ACTrendListItemComponent"},{"__symbolic":"reference","name":"ACTrendSetsComponent"},{"__symbolic":"reference","name":"ACTrendConfigComponent"},{"__symbolic":"reference","name":"ACTrendDataComponent"},{"__symbolic":"reference","name":"ACDataViewComponent"},{"__symbolic":"reference","name":"ACAlarmBorderComponent"},{"__symbolic":"reference","name":"ACAlarmInstanceComponent"},{"__symbolic":"reference","name":"ACAlarmTopComponent"},{"__symbolic":"reference","name":"ACAlarmTopVarComponent"},{"__symbolic":"reference","name":"ACDynamicContainerComponent"},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":584,"character":4},{"__symbolic":"reference","name":"ACItemCanvas"},{"__symbolic":"reference","name":"ACItemFrame"},{"__symbolic":"reference","name":"ACItemSelect"},{"__symbolic":"reference","name":"ACScadaEditor"},{"__symbolic":"reference","name":"ACDynamicComponent"},{"__symbolic":"reference","name":"ACEditorComponent"},{"__symbolic":"reference","module":"angular-split","name":"AngularSplitModule","line":592,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":595,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":596,"character":4},{"__symbolic":"reference","name":"MaterialModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":599,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":600,"character":4},{"__symbolic":"reference","name":"FreezeDirective"},{"__symbolic":"reference","name":"AcRolesDirective"},{"__symbolic":"reference","name":"AcSVGDirective"},{"__symbolic":"reference","name":"DndDirective"},{"__symbolic":"reference","name":"ParentHightDirective"},{"__symbolic":"reference","name":"ParentWidthDirective"},{"__symbolic":"reference","name":"GridResponsiveDirective"},{"__symbolic":"reference","name":"AcInstanceDirective"},{"__symbolic":"reference","name":"AcModelDirective"},{"__symbolic":"reference","name":"AcIfDirective"},{"__symbolic":"reference","name":"AcMapInstanceDirective"},{"__symbolic":"reference","name":"AcHideInstanceDirective"},{"__symbolic":"reference","name":"AcOpenPopupDirective"},{"__symbolic":"reference","name":"AcButtonColorDirective"},{"__symbolic":"reference","name":"MouseWheelDirective"},{"__symbolic":"reference","name":"AlarmColor"},{"__symbolic":"reference","name":"TotalHightDirective"},{"__symbolic":"reference","name":"TrendSeriesDirective"},{"__symbolic":"reference","module":"@swimlane/ngx-datatable","name":"NgxDatatableModule","line":626,"character":4},{"__symbolic":"reference","module":"@swimlane/ngx-charts","name":"NgxChartsModule","line":627,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":628,"character":4},{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlDateTimeModule","line":630,"character":4},{"__symbolic":"reference","module":"ng-pick-datetime","name":"OwlNativeDateTimeModule","line":631,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":632,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":633,"character":4},{"__symbolic":"reference","module":"ng2-file-upload","name":"FileUploadModule","line":634,"character":4},{"__symbolic":"reference","name":"NgVirtualKeyboardDirective"},{"__symbolic":"reference","name":"ACIotPMainComponent"},{"__symbolic":"reference","name":"ACIotPNavigationComponent"},{"__symbolic":"reference","name":"ACIotPFileItemComponent"},{"__symbolic":"reference","name":"ACIotPWorkComponent"},{"__symbolic":"reference","name":"ACIotPInfoComponent"},{"__symbolic":"reference","name":"ACIotPDiffComponent"},{"__symbolic":"reference","name":"CloudDBMainComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":641,"character":12}],"entryComponents":[{"__symbolic":"reference","name":"ACEditorComponent"},{"__symbolic":"reference","name":"ACButtonComponent"},{"__symbolic":"reference","name":"VirtualKeyboardComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ACCoreModule"},"providers":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","name":"VirtualKeyboardService"},{"__symbolic":"reference","name":"ACDBService"},{"__symbolic":"reference","name":"AlarmServer"},{"__symbolic":"reference","name":"ACTrendService"},{"__symbolic":"reference","name":"ACInstanceViewService"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"InstanceLookupService"},{"__symbolic":"reference","name":"ACLanguageService"},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":660,"character":8},{"provide":{"__symbolic":"reference","module":"@angular/core","name":"ErrorHandler","line":662,"character":19},"useClass":{"__symbolic":"reference","name":"acRootErrorHandler"}}]}}}},"AC_COMPONENT":{"__symbolic":"function","parameters":["data"],"defaults":[null],"value":{"__symbolic":"error","message":"Lambda not supported","line":679,"character":9,"module":"./ac-core"}},"AC_HMI":{"__symbolic":"function","parameters":["data"],"defaults":[null],"value":{"__symbolic":"error","message":"Lambda not supported","line":693,"character":9,"module":"./ac-core"}},"AC_VAR":{"__symbolic":"function"},"ACCoreLightModule":{"__symbolic":"class","members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ACCoreModule"},"providers":[{"__symbolic":"reference","name":"ACCom"}]}}}},"ACLanguageService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":25,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":30,"character":34}]}],"SetLanguage":[{"__symbolic":"method"}],"SetTranslation":[{"__symbolic":"method"}]},"statics":{"sACLanguage":{"__symbolic":"reference","name":"undefined"}}},"ACValueComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ac-value","template":" ","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":120,"character":34}]}],"changed":[{"__symbolic":"method"}]}},"AcButtonMode":{"set":1,"reset":2,"push":3,"toggle":0},"ACButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ac-button","template":"\r\n<div name=\"buttonmaster\" class=\"parentwidth\" title=\"{{info}}\">\r\n    <button *ngIf=\"hasAccess==true&&value==true\"  mat-raised-button color=\"accent\" class=\"buttontwidth\"\r\n      id=\"acbutton1 \" (click)=\"OnToggle($event)\" (mousedown)=\"OnPush($event)\" (mouseup)=\"OnRelease($event)\" (mouseleave)=\"OnLeave($event)\" >{{buttonText}}\r\n    </button>\r\n    <button *ngIf=\"hasAccess==true&&value==false\" mat-raised-button   class=\"buttontwidth\"\r\n     id=\"acbutton1 \" (click)=\"OnToggle($event)\" (mousedown)=\"OnPush($event)\" (mouseup)=\"OnRelease($event)\" (mouseleave)=\"OnLeave($event)\">{{buttonText}}\r\n   </button>\r\n    <button *ngIf=\"hasAccess==false\"  mat-raised-button disabled class=\"buttontwidth\"\r\n     id=\"acbutton1 \" (click)=\"OnToggle($event)\" (mousedown)=\"OnPush($event)\" (mouseup)=\"OnRelease($event)\" (mouseleave)=\"OnLeave($event)\">{{buttonText}}\r\n   </button>\r\n</div>\r\n\r\n","styles":[".parentwidth{width:100%}.buttontwidth,.parentwidth{height:inherit;line-height:inherit;margin:2px;min-height:25px}.buttontwidth{width:calc(100% - 4px)}.locked{cursor:not-allowed}.enabled{cursor:hand}"]}]}],"members":{"m_buttonmaster":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":5},"arguments":["buttonmaster"]}]}],"m_buttonactive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":5},"arguments":["buttonactive"]}]}],"m_buttoninactive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":5},"arguments":["buttoninactive"]}]}],"acBase":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":5},"arguments":["acValueObj"]}]}],"onMouseUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":84,"character":5},"arguments":["mouseup",["$event"]]}]}],"onMouseDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":89,"character":5},"arguments":["mousedown",["$event"]]}]}],"IsACBool":[{"__symbolic":"method"}],"SetACBool":[{"__symbolic":"method"}],"OnPush":[{"__symbolic":"method"}],"OnRelease":[{"__symbolic":"method"}],"OnLeave":[{"__symbolic":"method"}],"OnToggle":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":169,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"changed":[{"__symbolic":"method"}]}},"ACChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"ac-chart","template":"\r\n<div [style.height]=\"ChartHeight\"> \r\n   <canvas (mousemove)=\"mousemove($event)\" #canvas ></canvas>\r\n</div>\r\n\r\n","styles":[""]}]}],"members":{"myCanvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":5},"arguments":["canvas"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5},"arguments":["data"]}]}],"ChartHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":2},"arguments":["chartheight"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":41,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"mousemove":[{"__symbolic":"method"}],"Update":[{"__symbolic":"method"}]}},"ACChartData":{"__symbolic":"class","members":{"GetItem":[{"__symbolic":"method"}],"AddItem":[{"__symbolic":"method"}],"RemoveAll":[{"__symbolic":"method"}],"RemoveItem":[{"__symbolic":"method"}],"AddXLabes":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},null]}],"Update":[{"__symbolic":"method"}]}},"ACChartItem":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},null,null,null,null,null]}]}},"ACIfComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ac-if","template":"<!-- <div *ngIf=\"test==true\">\r\n    <input #inputdate class=\"numberinput\" type=\"string\" [(ngModel)]=\"testExpression\">\r\n    <div *ngIf=\"testvalue==true\" style=\"background-color: rgb(51, 255, 0);color:white;text-align:center\">TRUE</div>\r\n    <div *ngIf=\"testvalue!=true\" style=\"background-color: red;color:white;text-align:center \">FALSE</div>\r\n    <div>MSG:{{ErrorText}}</div>\r\n</div> -->\r\n\r\n<ng-content></ng-content>"}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"parseExpression":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":210,"character":34}]}],"_isNumeric":[{"__symbolic":"method"}],"changed":[{"__symbolic":"method"}]}},"ACTrendComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"ac-trend","template":"<div class=\"main\">\r\n        <!-- <div *ngIf=\"loading\" class=\"loading\">\r\n                <div class=\"loadinginner\">\r\n                        <mat-spinner style=\"margin-left: -50px;\"></mat-spinner>\r\n                </div>\r\n\r\n        </div> -->\r\n        <div fxLayout=\"row\">\r\n\r\n                <button class=\"menubutton\" mat-raised-button mat-icon-button (click)=\"Back()\" title=\"{{'TREND.TOOLBAR.BACK' | translate}}\">\r\n                        <mat-icon>fast_rewind</mat-icon>\r\n                </button>\r\n                <button class=\"menubutton\" mat-raised-button mat-icon-button (click)=\"Forward()\" title=\"{{'TREND.TOOLBAR.FORWARD' | translate}}\">\r\n                        <mat-icon>fast_forward</mat-icon>\r\n                </button>\r\n\r\n                <button class=\"menubutton\" mat-raised-button mat-icon-button (click)=\"ZoomIn()\" title=\"{{'TREND.TOOLBAR.ZOOMIN' | translate}}\">\r\n                        <mat-icon>add_circle_outline</mat-icon>\r\n                </button>\r\n                <button class=\"menubutton\" mat-raised-button mat-icon-button (click)=\"ZoomOut()\" title=\"{{'TREND.TOOLBAR.ZOOMOUT' | translate}}\">\r\n                        <mat-icon>remove_circle_outline</mat-icon>\r\n                </button>\r\n                <button class=\"menubutton\" mat-raised-button mat-icon-button (click)=\"exportData()\" title=\"{{'TREND.TOOLBAR.EXPORT' | translate}}\">\r\n                        <mat-icon>file_download</mat-icon>\r\n                </button>\r\n\r\n                <div style=\"width: 10px\"></div>\r\n                <!-- <div *ngIf=\"autoheight==false\">\r\n                <button class=\"timebutton\" mat-raised-button mat-icon-button (click)=\"month()\" title=\"duration: 1 month\">M</button>\r\n                </div> -->\r\n                <button *ngIf=\"smallView==false\" class=\"timebutton\" [ngClass]=\"{'tbselect':timemode==1}\" mat-raised-button mat-icon-button (click)=\"month()\" title=\"{{'TREND.TOOLBAR.MONTH' | translate}}\">m</button>\r\n                <button *ngIf=\"smallView==false\"  class=\"timebutton\"[ngClass]=\"{'tbselect':timemode==2}\"  mat-raised-button mat-icon-button (click)=\"week()\" title=\"{{'TREND.TOOLBAR.WEEK' | translate}}\">w</button>\r\n                <button class=\"timebutton\" [ngClass]=\"{'tbselect':timemode==3}\" mat-raised-button mat-icon-button (click)=\"day()\" title=\"{{'TREND.TOOLBAR.DAY' | translate}}\">d</button>\r\n                <button class=\"timebutton\" [ngClass]=\"{'tbselect':timemode==4}\" mat-raised-button mat-icon-button (click)=\"hour()\" title=\"{{'TREND.TOOLBAR.HOUR' | translate}}\">H</button>\r\n                <button class=\"timebutton\" [ngClass]=\"{'tbselect':timemode==5}\" mat-raised-button mat-icon-button (click)=\"quarter()\" title=\"{{'TREND.TOOLBAR.1/4HOUR' | translate}}\">15</button>\r\n                <button *ngIf=\"smallView==false\" class=\"timebutton\" [ngClass]=\"{'tbselect':timemode==6}\" mat-raised-button mat-icon-button (click)=\"minute()\" title=\"{{'TREND.TOOLBAR.MINUTE' | translate}}\">M</button>\r\n\r\n                <!-- <div *ngIf=\"autoheight==true\">\r\n                <div class=\"datestr\">Date:</div>\r\n                </div> -->\r\n                <mat-form-field title=\"End Date\" style=\"display: none\" class=\"date\">\r\n                        <input #QueryDpValue matInput [matDatepicker]=\"myDatepicker\" placeholder='End'>\r\n                        <mat-datepicker-toggle matSuffix [for]=\"myDatepicker\" ></mat-datepicker-toggle>\r\n                        <mat-datepicker #myDatepicker (selectedChanged)=\"onDate()\"></mat-datepicker>\r\n                </mat-form-field>\r\n                <button class=\"menubutton\" mat-raised-button mat-icon-button (click)=\"setRange()\" title=\"{{'TREND.TOOLBAR.SETSTART' | translate}}\">\r\n                        <mat-icon>access_time</mat-icon>\r\n                </button>\r\n\r\n                <div style=\"width: 10px\"></div>\r\n\r\n                <button *ngIf=\"smallView==false && playing==false\" class=\"menubutton\" mat-raised-button mat-icon-button (click)=\"play()\" title=\"{{'TREND.TOOLBAR.PLAY' | translate}}\">\r\n                        <mat-icon>play_arrow</mat-icon>\r\n                </button>\r\n                <button *ngIf=\"smallView==false && playing==true\" class=\"stopbutton\" mat-raised-button mat-icon-button (click)=\"stop()\" title=\"{{'TREND.TOOLBAR.STOP' | translate}}\">\r\n                        <mat-icon>stop</mat-icon>\r\n                </button>\r\n                <button *ngIf=\"smallView==false\" class=\"menubutton\" mat-raised-button mat-icon-button (click)=\"refresh()\" title=\"{{'TREND.TOOLBAR.REFRESH' | translate}}\">\r\n                        <mat-icon>refresh</mat-icon>\r\n                </button>\r\n\r\n                <div style=\"width: 10px\"></div>\r\n                <button *ngIf=\"smallView==false\" class=\"menubutton\" mat-raised-button mat-icon-button (click)=\"deleteall()\" title=\"{{'TREND.TOOLBAR.DELETELINES' | translate}}\">\r\n                        <mat-icon>delete</mat-icon>\r\n                </button>\r\n\r\n                <button *ngIf=\"smallView==true\" class=\"menubutton\" mat-raised-button mat-icon-button (click)=\"showPopupView=true\" title=\"{{'TREND.TOOLBAR.OPENVIEW' | translate}}\">\r\n                        <mat-icon>open_in_new</mat-icon>\r\n                </button>\r\n                \r\n\r\n                <button *ngIf=\"seriesIsScaled==true\" class=\"unscalebutton\" mat-raised-button mat-icon-button (click)=\"restoreScale()\" title=\"{{'TREND.TOOLBAR.RESTORE' | translate}}\">\r\n                        <mat-icon>navigate_before</mat-icon>\r\n                </button>\r\n \r\n                <div *ngIf=\"showPopupView==true\">\r\n                        <ac-popup [open]=\"true\" [header]=\"'Trend:' + _instanceName\"  [center]=\"false\" (close)=\"showPopupViewClose()\">\r\n                            <div style=\"max-height: 720px;height: 720px;width:1200px\">\r\n                                <ac-trendmain [instanceName]=\"_instanceName\"></ac-trendmain>\r\n                            </div>\r\n                        </ac-popup>\r\n                    </div>\r\n\r\n        </div> \r\n        <mat-progress-bar *ngIf=\"loading==true\" mode=\"indeterminate\" style=\"height: 3px\" class=\"progressbar\"></mat-progress-bar>\r\n        <div *ngIf=\"loading!=true\" style=\"height: 3px\"></div>\r\n        <!-- <div *ngIf=\"timeVisible\" class=\"acttime\" [ngStyle]=\"{'margin-left': actTimeMargin}\">{{actTime}}</div> -->\r\n\r\n        <!-- <div [ngStyle]=\"{'margin-left': actChartTimeMarginLeft, 'margin-right': actChartTimeMarginRightStd}\"> -->\r\n                <div *ngIf=\"autoheight==true\" style=\"width: 100%;height:290px;overflow:hidden\">\r\n                                <ngx-charts-line-chart *ngIf=\"reload==false\" #linechart [view]=\"view\" class=\"chart-container\" [scheme]=\"colorScheme\" [schemeType]=\"schemeType\"\r\n                                [results]=\"data\" [animations]=\"animations\" [legend]=\"showLegend\" [legendTitle]=\"legendTitle\" (legendLabelClick)=\"onLegendLabelClick($event)\"\r\n                                [gradient]=\"gradient\" [xAxis]=\"showXAxis\" [yAxis]=\"showYAxis\" [showXAxisLabel]=\"showXAxisLabel\" [showYAxisLabel]=\"showYAxisLabel\"\r\n                                [xAxisLabel]=\"xAxisLabel\" [yAxisLabel]=\"yAxisLabel\" [autoScale]=\"autoScale\" [timeline]=\"timeline\"\r\n                                [showGridLines]=\"showGridLines\" [tooltipDisabled]=\"tooltipDisabled\" (select)=\"OnSeriesSelected($event)\"\r\n                                [yScaleMin]=yScaleMin [yScaleMax]=yScaleMax (mouseleave)=\"OnLeave()\" (mouseenter)=\"OnEnter()\"\r\n                                (mousemove)=\"OnMove($event)\" (click)=\"OnSeriesClick($event)\"  >\r\n                                        <ng-template #tooltipTemplate let-model=\"model\">\r\n                                                {{getTooltip(model)}}\r\n                                        </ng-template> \r\n                                        <ng-template #seriesTooltipTemplate let-model=\"model\">\r\n                                                <div trendseries=\"{{getSeriesData(model)}}\" id=\"main\">\r\n                                                        <div id=\"content\"></div>\r\n                                                </div> \r\n                                        </ng-template>                                \r\n                        </ngx-charts-line-chart>\r\n                </div>\r\n\r\n                <div *ngIf=\"autoheight==false\" style=\"width: 100%;height:600px\">\r\n                        <div *ngIf=\"graphtype==0\">\r\n                                <ngx-charts-line-chart *ngIf=\"reload==false\" #linechart2 [view]=\"view\" class=\"chart-container\" [scheme]=\"colorScheme\" [schemeType]=\"schemeType\"\r\n                                        [results]=\"data\" [animations]=\"animations\" [legend]=\"showLegend\" [legendTitle]=\"legendTitle\" (legendLabelClick)=\"onLegendLabelClick($event)\"\r\n                                        [gradient]=\"gradient\" [xAxis]=\"showXAxis\" [yAxis]=\"showYAxis\" [showXAxisLabel]=\"showXAxisLabel\" [showYAxisLabel]=\"showYAxisLabel\"\r\n                                        [xAxisLabel]=\"xAxisLabel\" [yAxisLabel]=\"yAxisLabel\" [autoScale]=\"autoScale\" [timeline]=\"timeline\"\r\n                                        [showGridLines]=\"showGridLines\" [tooltipDisabled]=\"tooltipDisabled\" (select)=\"OnSeriesSelected($event)\"\r\n                                        [yScaleMin]=yScaleMin [yScaleMax]=yScaleMax (mouseleave)=\"OnLeave()\" (mouseenter)=\"OnEnter()\"\r\n                                        (mousemove)=\"OnMove($event)\" (click)=\"OnSeriesClick($event)\" >\r\n                                                <ng-template #tooltipTemplate let-model=\"model\">\r\n                                                        {{getTooltip(model)}}\r\n                                                </ng-template> \r\n                                                <ng-template #seriesTooltipTemplate let-model=\"model\">\r\n                                                        <div trendseries=\"{{getSeriesData(model)}}\" id=\"main\">\r\n                                                                <div id=\"content\"></div>\r\n                                                        </div> \r\n                                                </ng-template>                                                                                             \r\n                                </ngx-charts-line-chart>\r\n                        </div>\r\n                        <div *ngIf=\"graphtype==1\">\r\n                                <ngx-charts-bar-vertical\r\n                                        [view]=\"view\"\r\n                                        [scheme]=\"barcolorScheme\"\r\n                                        [results]=\"barchartdata\"\r\n                                        [gradient]=\"bargradient\"\r\n                                        [xAxis]=\"barshowXAxis\"\r\n                                        [yAxis]=\"barshowYAxis\"\r\n                                        [legend]=\"barshowLegend\"\r\n                                        [showXAxisLabel]=\"barshowXAxisLabel\"\r\n                                        [showYAxisLabel]=\"barshowYAxisLabel\"\r\n                                        [xAxisLabel]=\"barxAxisLabel\"\r\n                                        [yAxisLabel]=\"baryAxisLabel\">\r\n                                </ngx-charts-bar-vertical>  \r\n                        </div>                          \r\n                </div>\r\n        <!-- </div> -->\r\n        <!-- <div style=\"width: 100%;height:300px;overflow:hidden\">\r\n                <ngx-charts-line-chart #linechart [view]=\"view\" class=\"chart-container\" [scheme]=\"colorScheme\" [schemeType]=\"schemeType\" [results]=\"data\"\r\n                        [animations]=\"animations\" [legend]=\"showLegend\" [legendTitle]=\"legendTitle\" (legendLabelClick)=\"onLegendLabelClick($event)\"\r\n                        [gradient]=\"gradient\" [xAxis]=\"showXAxis\" [yAxis]=\"showYAxis\" [showXAxisLabel]=\"showXAxisLabel\" [showYAxisLabel]=\"showYAxisLabel\"\r\n                        [xAxisLabel]=\"xAxisLabel\" [yAxisLabel]=\"yAxisLabel\" [autoScale]=\"autoScale\" [timeline]=\"timeline\" [showGridLines]=\"showGridLines\"\r\n                        [tooltipDisabled]=\"tooltipDisabled\" (select)=\"OnSeriesSelected($event)\" [yScaleMin]=yScaleMin [yScaleMax]=yScaleMax\r\n                        (mouseleave)=\"OnLeave($event)\" (mouseenter)=\"OnEnter($event)\" (mousemove)=\"OnMove($event)\" (click)=\"OnSeriesClick($event)\">\r\n                </ngx-charts-line-chart>\r\n        </div> -->\r\n\r\n\r\n\r\n\r\n\r\n        <div fxLayout=\"row\" [ngStyle]=\"{'width': diag_widthpx}\">\r\n                <div *ngIf=\"showYAxis==false\" class=\"time1\">{{time1}}</div>\r\n                <div *ngIf=\"showYAxis==true\" style=\"margin-left:45px\" class=\"time1\">{{time1}}</div>\r\n\r\n                <div *ngIf=\"showLegend==false\" fxFlex class=\"time2\">{{time2}}</div>\r\n                <div *ngIf=\"showLegend==true\" fxFlex class=\"time2\" style=\" margin-right:256px\">{{time2}}</div>\r\n        </div>\r\n        <div  fxLayout=\"row\" [ngStyle]=\"{'width': diag_widthpx}\">\r\n                <div *ngIf=\"showYAxis==false\" class=\"date1\">{{date1}}</div>\r\n                <div *ngIf=\"showYAxis==true\" style=\"margin-left:45px\"  class=\"date1\">{{date1}}</div>\r\n                <div *ngIf=\"showLegend==false\" fxFlex class=\"date2\">{{date2}}</div>\r\n                <div *ngIf=\"showLegend==true\" style=\" margin-right:256px\" fxFlex class=\"date2\">{{date2}}</div>\r\n        </div>\r\n        \r\n</div> ","styles":[".main{height:100%;overflow:hidden;width:100%}.menubutton{background-color:#eaeaea;margin-left:-3px}.menubutton,.unscalebutton{color:#565656;transform:scale(.8)}.unscalebutton{background-color:#39a0dc}.timebutton{background-color:#cddc39;color:#565656;margin-left:-3px;transform:scale(.8)}.tbselect{background-color:#ff9800}.stopbutton{background-color:#cddc39;color:#565656;margin-left:-3px;transform:scale(.8)}.progressbar{width:calc(100% - 256px)}.loading{opacity:.5;position:absolute;width:100%}.loadinginner{margin:100px auto;width:100px}.time1{color:grey;margin-left:18px}.time2{color:grey;margin-right:18px;text-align:right}.date1{margin-left:19px}.date1,.date2{color:grey;font-size:70%}.date2{margin-right:18px;text-align:right}.acttime{color:#2196f3;height:20px;margin-bottom:-20px;text-align:center;width:100px}.date{margin-top:-13px;max-width:115px;transform:scale(.9)}.datestr{color:grey;margin-left:5px;margin-top:11px}ul{list-style-type:none}"]}]}],"members":{"linechartElm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["linechart"]}]}],"linechartElm2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["linechart2"]}]}],"_showYAxis":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3},"arguments":["showYAxis"]}]}],"legend":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":3},"arguments":["showLegend"]}]}],"ServiceMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3},"arguments":["serviceMode"]}]}],"testTrend":[{"__symbolic":"method"}],"showPopupViewClose":[{"__symbolic":"method"}],"addTrend":[{"__symbolic":"method"}],"removeTrend":[{"__symbolic":"method"}],"trendsetName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3},"arguments":["trendsetName"]}]}],"trendset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":199,"character":3},"arguments":["trendset"]}]}],"instanceName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":224,"character":3},"arguments":["instanceName"]}]}],"loadInstance":[{"__symbolic":"method"}],"resolution":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":252,"character":3},"arguments":["resolution"]}]}],"m_dpQueryValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":310,"character":3},"arguments":["QueryDpValue"]}]}],"storeScale":[{"__symbolic":"method"}],"restoreScale":[{"__symbolic":"method"}],"OnSeriesRescale":[{"__symbolic":"method"}],"onLegendLabelClick":[{"__symbolic":"method"}],"OnSeriesSelected":[{"__symbolic":"method"}],"OnSeriesClick":[{"__symbolic":"method"}],"OnEnter":[{"__symbolic":"method"}],"OnLeave":[{"__symbolic":"method"}],"OnMove":[{"__symbolic":"method"}],"setRange":[{"__symbolic":"method"}],"exportData":[{"__symbolic":"method"}],"_getandexportData":[{"__symbolic":"method"}],"_exportData":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"playTimer":[{"__symbolic":"method"}],"play":[{"__symbolic":"method"}],"stop":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"addTrendset":[{"__symbolic":"method"}],"loadData":[{"__symbolic":"method"}],"Back":[{"__symbolic":"method"}],"Forward":[{"__symbolic":"method"}],"ZoomIn":[{"__symbolic":"method"}],"ZoomOut":[{"__symbolic":"method"}],"deleteall":[{"__symbolic":"method"}],"settimemode":[{"__symbolic":"method"}],"month":[{"__symbolic":"method"}],"week":[{"__symbolic":"method"}],"day":[{"__symbolic":"method"}],"hour":[{"__symbolic":"method"}],"quarter":[{"__symbolic":"method"}],"minute":[{"__symbolic":"method"}],"onDate":[{"__symbolic":"method"}],"clearAllLine":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":1257,"character":34},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","name":"ACTrendService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":1257,"character":147}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getSeriesIndexByName":[{"__symbolic":"method"}],"getTooltip":[{"__symbolic":"method"}],"getSeriesData":[{"__symbolic":"method"}],"getSeriesTooltip":[{"__symbolic":"method"}],"getSeriesRowHtml":[{"__symbolic":"method"}],"print":[{"__symbolic":"method"}]}},"ACTrendConfigComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ac-trendconfig","template":"<div class=\"main\">\r\n    <div class=\"cols\">\r\n        <div class=\"header col1\"></div>\r\n        <div class=\"header col2\">Name</div>\r\n        <div class=\"header col3\" matTooltip=\"Scantime in Seconds\">Scan(sec.)</div>\r\n        <div class=\"header col4\" matTooltip=\"Variation absolut\">Var.</div>\r\n        <div class=\"header col5\" matTooltip=\"Store Mode\">Mode</div>\r\n        <div class=\"header col6 vislocal\" matTooltip=\"Visible in Chart\">Vis</div>\r\n    </div>\r\n    <mat-progress-bar *ngIf=\"loading==true\" mode=\"indeterminate\" style=\"height: 2px\"></mat-progress-bar>\r\n    <div *ngIf=\"loading==false\" style=\"height: 2px\"></div>\r\n    <div class=\"cols\" *ngFor=\"let item of rows\">\r\n        <mat-checkbox color='primary' class=\"col1 enabler\" [(ngModel)]=\"item.Enabled\" (click)=\"enable(item)\">\r\n        </mat-checkbox>\r\n        <div class=\"row col2\">{{item.Name}}</div>\r\n        <input *ngIf=\"item.Enabled==true\" (focusout)=\"change(item)\" #inputdate class=\"col3 input\" type=\"number\"\r\n            [(ngModel)]=\"item.Scantime\">\r\n        <input *ngIf=\"item.Enabled==true&&item._isBool==false\" (focusout)=\"change(item)\" #inputdate class=\"col4 input\"\r\n            type=\"number\" [(ngModel)]=\"item.Variation\">\r\n        <div class=\"row col5\" style=\"text-align: center; cursor: pointer;\">\r\n            <div [matMenuTriggerFor]=\"menu\">{{item.ModeVis}}</div>\r\n            <mat-menu #menu=\"matMenu\">\r\n                <button mat-menu-item (click)=\"setmode(item,0)\"\r\n                    matTooltip=\"[0] Store value every scantime if value is greater or smaller then last value (default!)\">Variation\r\n                    and scantime (default)</button>\r\n                <button mat-menu-item (click)=\"setmode(item,1)\"\r\n                    matTooltip=\"[1] Store value every scantime\">Scantime</button>\r\n                <button mat-menu-item (click)=\"setmode(item,10)\"\r\n                    matTooltip=\"[10] Store value every 1 minute - value is the difference between this and last periode!\">Consumption\r\n                    1 minute intervall - absolut Value</button>\r\n                <button mat-menu-item (click)=\"setmode(item,11)\"\r\n                    matTooltip=\"[11] Store value every 15 minutes - value is the difference between this and last periode!\">Consumption\r\n                    15 minutes intervall - absolut Value</button>\r\n                <button mat-menu-item (click)=\"setmode(item,12)\"\r\n                    matTooltip=\"[12] Store value every 1 hour - value is the difference between this and last periode!\">Consumption\r\n                    1 hour intervall - absolut Value</button>\r\n                <button mat-menu-item (click)=\"setmode(item,20)\"\r\n                    matTooltip=\"[20] Store value every 1 minute - value is the amount in this periode!\">Consumption 1\r\n                    minute intervall - differential Value</button>\r\n                <button mat-menu-item (click)=\"setmode(item,21)\"\r\n                    matTooltip=\"[21] Store value every 15 minutes - value is the amount in this periode!\">Consumption 15\r\n                    minutes differential - absolut Value</button>\r\n                <button mat-menu-item (click)=\"setmode(item,22)\"\r\n                    matTooltip=\"[22] Store value every 1 hour - value is the amount in this periode!\">Consumption 1 hour\r\n                    intervall - differential Value</button>\r\n                <button mat-menu-item (click)=\"setmode(item,30)\" matTooltip=\"[30] Fix recording every 1 minute\">Fix\r\n                    recording every 1 minute</button>\r\n                <button mat-menu-item (click)=\"setmode(item,31)\" matTooltip=\"[31] Fix recording every 15 minutes\">Fix\r\n                    recording every 15 minutes</button>\r\n                <button mat-menu-item (click)=\"setmode(item,32)\" matTooltip=\"[32] Fix recording every 1 hour\">Fix\r\n                    recording every 1 hour intervall</button>\r\n            </mat-menu>\r\n        </div>\r\n\r\n        <mat-checkbox color='primary' class=\"col6 enabler\" [(ngModel)]=\"item.Visible\" (click)=\"visible(item)\">\r\n        </mat-checkbox>\r\n    </div>\r\n\r\n</div>","styles":[".main{height:100%;width:100%}.cols{-ms-grid-columns:10% 40% 15% 13% 12% 10%;display:-ms-grid;display:grid;grid-template-columns:10% 40% 15% 13% 12% 10%}.enabler{margin:5px 5px 5px 15px}.header{background-color:#7f7f7f;color:#fff;font-size:90%;line-height:30px;text-align:center}.vislocal{background-color:#e6e6e6}.row{font-size:90%;line-height:30px;text-align:left}.col1{-ms-grid-column:1;grid-column:1}.col2{-ms-grid-column:2;grid-column:2}.col3{-ms-grid-column:3;grid-column:3}.col4{-ms-grid-column:4;grid-column:4}.col5{-ms-grid-column:5;grid-column:5}.col6{-ms-grid-column:6;grid-column:6}.input{border-width:0;line-height:25px;text-align:center}"]}]}],"members":{"dataModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5},"arguments":["dataModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":77,"character":36},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"loadConfig":[{"__symbolic":"method"}],"change":[{"__symbolic":"method"}],"enable":[{"__symbolic":"method"}],"setmode":[{"__symbolic":"method"}],"visible":[{"__symbolic":"method"}]}},"TrendConfigItem":{"__symbolic":"class","members":{}},"acConsumptionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ac-consumption","template":"<div>\n\t<div fxLayout=\"row\" style=\"margin: 10px;margin-right: 50px;\">\n\t\t<div style=\"margin-top: 12px;\">Time Period:</div>\n\t\t<div *ngIf=\"TimeMode==-30\" class=\"timesel select\">Year</div>\n\t\t<div *ngIf=\"TimeMode!=-30\" class=\"timesel\" (click)=\"TimeMode=-30\">Year</div>\n\t\t<div *ngIf=\"TimeMode==-20\" class=\"timesel select\">Month</div>\n\t\t<div *ngIf=\"TimeMode!=-20\" class=\"timesel\" (click)=\"TimeMode=-20\">Month</div>\n\t\t<div *ngIf=\"TimeMode==-10\" class=\"timesel select\">Week</div>\n\t\t<div *ngIf=\"TimeMode!=-10\" class=\"timesel\" (click)=\"TimeMode=-10\">Week</div>\n\t\t<div *ngIf=\"TimeMode==0\" class=\"timesel select\">Day</div> \n\t\t<div *ngIf=\"TimeMode!=0\" class=\"timesel\" (click)=\"TimeMode=0\">Day</div>\n\t\t<div  class=\"timesel\" (click)=\"Today()\" style=\"background-color: #607D8B;color: white;\">Today</div>\n\n\t\t<button mat-icon-button title=\"Refresh\" style=\"color: gray\" (click)=\"Refresh()\">\n\t\t\t<mat-icon>refresh</mat-icon>\n\t\t</button>\n\n\t\t<div *ngIf=\"Compare\" class=\"timesel\" style=\"background-color: #e1007a;color: white;\" (click)=\"Compare=false\">Compare</div>\n\t\t<div *ngIf=\"!Compare\" class=\"timesel\" (click)=\"Compare=true\">Compare</div>\n\n\t\t<button mat-icon-button title=\"Download\" style=\"color: gray\" (click)=\"Download()\">\n\t\t\t<mat-icon>file_download</mat-icon>\n\t\t</button>\n\t\t<button mat-icon-button title=\"Setup Chart\" style=\"color: gray\"  >\n\t\t\t<mat-icon>more_horiz</mat-icon>\n\t\t</button>\n\t\t\n\t \n\t\t\n\n\n\t\t<!-- <div>\n\t\t\t<button mat-icon-button title=\"Back\" style=\"color: gray\" (click)=\"Back()\">\n\t\t\t\t<mat-icon>chevron_left</mat-icon>\n\t\t\t</button>\n\n\t\t\t<div style=\"font-size: 140%;color: gray;margin-top: 10px;\">{{ActDateString}}</div>\n\t\t\t<button mat-icon-button title=\"Forward\" style=\"color: gray\" (click)=\"Forward()\">\n\t\t\t\t<mat-icon>chevron_right</mat-icon>\n\t\t\t</button>\n\t\t\t<button mat-icon-button title=\"Refresh\" style=\"color: gray\" (click)=\"Refresh()\">\n\t\t\t\t<mat-icon>refresh</mat-icon>\n\t\t\t</button>\n\t\t</div> -->\n\n \n\t</div>\n\t<mat-grid-list cols=\"5\" gutterSize=\"16px\" [rowHeight]=\"'80px'\">\n\t\t<div style=\"position: relative;\">\n\t\t\t<mat-grid-tile *ngFor=\"let sm of _Chart.ChartItemList\" class=tile [colspan]=\"1\" [rowspan]=\"1\">\n\t\t\t\t<div class=\"sminfopanel\" [style.backgroundColor]=sm._color>\n\t\t\t\t\t<div fxLayout=row>\n\t\t\t\t\t\t<div fxFlex>\n\t\t\t\t\t\t\t<div *ngIf=\"sm.MissingData!=true\" class=\"itemname\" title=\"{{sm.Name}}\">{{sm.Name}}</div>\n\t\t\t\t\t\t\t<div *ngIf=\"sm.MissingData==true\" class=\"itemname acxflash\" style=\"cursor: pointer;font-weight: 900;\" (click)=\"ShowError(sm,false)\"  title=\"{{sm.Name}}\">{{sm.Name}}</div>\n\t\t\t\t\t\t\t<div fxLayout=row>\n\t\t\t\t\t\t\t\t<div  *ngIf=\"sm.Box\" class=\"itemgroup\" title=\"Box: {{sm.Box}}\">{{sm.Box}}</div>\n\t\t\t\t\t\t\t\t<div  *ngIf=\"sm.CNCode\" class=\"itemgroup\" title=\"CN: {{sm.Box}}\">{{sm.CNCode}}</div>\n\t\t\t\t\t\t\t\t<div  class=\"itemgroup\" title=\"{{sm.Name}}\">{{sm.Group}}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<button mat-icon-button title=\"Close\"\n\t\t\t\t\t\t\tstyle=\" margin-top: -5px;margin-right: -5px;color: #c5c5c5;position: absolute;\n\t\t\t\t\t\t\tright: 0px;\" (click)=\"RemoveChartItem(sm)\">\n\t\t\t\t\t\t\t<mat-icon>clear</mat-icon>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\n\t\t\t\t\t</div>\n\t\t\t\t\t<div fxLayout=row>\n\t\t\t\t\t\t<div style=\"margin-top: 5px;\">\n\t\t\t\t\t\t\t<div fxLayout=row >\n\t\t\t\t\t\t\t\t<mat-icon class=minmaxicon>publish</mat-icon>\n\t\t\t\t\t\t\t\t<div class=minmaxtext>{{sm._GetValue(sm.Min)}}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div fxLayout=row>\n\t\t\t\t\t\t\t\t<mat-icon class=minmaxicon style=\"transform:scale(0.5) rotate(180deg);\">publish</mat-icon>\n\t\t\t\t\t\t\t\t<div class=minmaxtext>{{sm._GetValue(sm.Max)}}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div> \n\t\t\t\t\t\t\n\t\t\t\t\t\t<div fxLayout=row fxFlex>\n\t\t\t\t\t\t\t<mat-icon class=sumicon>functions</mat-icon>\n\t\t\t\t\t\t\t<div  fxFlex class=sumtext>{{sm._GetValue(sm.Sum)}}</div>\n\t\t\t\t\t\t\t<div  class=dim>{{sm.Dim}}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t \n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</mat-grid-tile>\n\t\t</div> \n\t</mat-grid-list>\n\t<div fxLayout=row>\n\t\t<div fxFlex style=\"color: gray;font-size: 80%;margin-top: 20px;margin-left: 20px;\">{{TimeLeft}}</div>\n\t\t<button mat-icon-button title=\"Back\" style=\"color: gray\" (click)=\"Back()\">\n\t\t\t<mat-icon>chevron_left</mat-icon>\n\t\t</button>\n\n\t\t<div style=\"font-size: 140%;color: gray;margin-top: 10px;\">{{ActDateString}}</div>\n\n\t\t<input style=\"border: none;width: 0px;background-color: transparent;\" [matDatepicker]=\"picker\" [(ngModel)]=\"StartDateDate\">\n\t\t<mat-datepicker-toggle matSuffix [for]=\"picker\">\n\t\t\t<mat-icon matDatepickerToggleIcon>keyboard_arrow_down</mat-icon>\n\t\t</mat-datepicker-toggle>\n\t\t<mat-datepicker #picker></mat-datepicker>\n\n\t\t<button mat-icon-button title=\"Forward\" style=\"color: gray\" (click)=\"Forward()\">\n\t\t\t<mat-icon>chevron_right</mat-icon>\n\t\t</button>\n\t\t \n\t\t<div fxFlex style=\"color: gray;font-size: 80%;margin-top: 20px;margin-right: 20px;text-align: right;\">{{TimeRight}}</div>\n\t</div>\n\t<mat-progress-bar *ngIf=\"loading>0\" mode=\"indeterminate\" style=\"height: 2px\"></mat-progress-bar>\n\t<div *ngIf=\"loading==0\" style=\"height: 2px\"></div>\n\t<ac-chart [chartheight]=\"'400px'\" [data]=\"ChartData\"></ac-chart>\n\t<div *ngIf=\"Compare==true\" fxLayout=row>\n\t\t<div fxFlex style=\"color: #e1007a;font-size: 80%;margin-left: 20px;\">{{TimeLeftCompare}}</div>\n\t\t<button mat-icon-button title=\"Back\" style=\"color: #e1007a;\" (click)=\"BackCompare()\">\n\t\t\t<mat-icon>chevron_left</mat-icon>\n\t\t</button>\n\n\t\t<div style=\"font-size: 140%;color: #e1007a;;margin-top: 10px;\">{{ActDateStringCompare}}</div>\n\n\t\t<input style=\"border: none;width: 0px;\" [matDatepicker]=\"picker\" [(ngModel)]=\"StartDateCompareDate\">\n\t\t<mat-datepicker-toggle matSuffix [for]=\"picker\">\n\t\t\t<mat-icon matDatepickerToggleIcon>keyboard_arrow_down</mat-icon>\n\t\t</mat-datepicker-toggle>\n\t\t<mat-datepicker #picker></mat-datepicker>\n\n\t\t<button mat-icon-button title=\"Forward\" style=\"color: #e1007a;\" (click)=\"ForwardCompare()\">\n\t\t\t<mat-icon>chevron_right</mat-icon>\n\t\t</button> \n\t\t \n\t\t<div fxFlex style=\"color: #e1007a;font-size: 80%;margin-right: 20px;text-align: right;\">{{TimeRightCompare}}</div>\n\t</div>\n\t<mat-grid-list  *ngIf=\"Compare==true\" cols=\"5\" gutterSize=\"16px\" [rowHeight]=\"'80px'\" style=\"margin-bottom: 10px;\">\n\t\t<div style=\"position: relative;\">\n\t\t\t<mat-grid-tile *ngFor=\"let sm of _Chart.ChartItemList\" class=tile [colspan]=\"1\" [rowspan]=\"1\">\n\t\t\t\t<div class=\"sminfopanel\" [style.backgroundColor]=sm._colorCompare>\n\t\t\t\t\t<div fxLayout=row>\n\t\t\t\t\t\t<div fxFlex>\n\t\t\t\t\t\t\t<div  class=\"itemname\" title=\"{{sm.Name}}\">{{sm.Name}}</div>\n\t\t\t\t\t\t\t<div  class=\"itemgroup\" title=\"{{sm.Name}}\">{{sm.Group}}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<button mat-icon-button title=\"Close\"\n\t\t\t\t\t\t\tstyle=\" margin-top: -5px;margin-right: -5px;color: #c5c5c5;\" (click)=\"RemoveChartItem(sm)\">\n\t\t\t\t\t\t\t<mat-icon>clear</mat-icon>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\n\t\t\t\t\t</div>\n\t\t\t\t\t<div fxLayout=row>\n\t\t\t\t\t\t<div style=\"margin-top: 5px;\">\n\t\t\t\t\t\t\t<div fxLayout=row >\n\t\t\t\t\t\t\t\t<mat-icon class=minmaxicon>publish</mat-icon>\n\t\t\t\t\t\t\t\t<div class=minmaxtext>{{sm.MinComp}}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div fxLayout=row>\n\t\t\t\t\t\t\t\t<mat-icon class=minmaxicon style=\"transform:scale(0.5) rotate(180deg);\">publish</mat-icon>\n\t\t\t\t\t\t\t\t<div class=minmaxtext>{{sm.MaxComp}}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div> \n\t\t\t\t\t\t\n\t\t\t\t\t\t<div fxLayout=row fxFlex>\n\t\t\t\t\t\t\t<mat-icon class=sumicon>functions</mat-icon>\n\t\t\t\t\t\t\t<div  fxFlex class=sumtext>{{sm.SumComp}}</div>\n\t\t\t\t\t\t\t<div  class=dim>{{sm.Dim}}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t \n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</mat-grid-tile>\n\t\t</div>\n\t</mat-grid-list>\n</div>","styles":[".sminfopanel{background-color:#fff;border-radius:10px;border-radius:10px 0 10px 0;height:100%;margin:10px;position:relative;width:100%}.timesel{background-color:#f5f5f5;border:1px solid #dedede;border-radius:10px;color:grey;cursor:pointer;height:30px;line-height:30px;margin:5px;text-align:center;width:80px}.select{background-color:#ff9800;color:#fff}.itemname{color:#fff;margin:5px}.itemgroup,.itemname{overflow:hidden;text-overflow:ellipsis}.itemgroup{color:#dcdcdc;font-size:80%;margin-left:5px;margin-top:-5px}.minmaxicon{margin-top:-5px}.minmaxicon,.sumicon{color:#d2d2d2;margin-bottom:-3px;transform:scale(.6)}.sumicon{margin-left:5px;margin-right:-5px}.minmaxtext{color:#fff;font-size:80%;margin-left:-5px}.sumtext{color:#fff;font-size:190%;text-align:right;text-shadow:2px 2px 2px rgba(0,0,0,.45)}.dim,.sumtext{margin-right:5px}.dim{color:#c3c3c3;font-size:90%;margin-top:10px;text-shadow:none}.acxflash{-webkit-animation:blink-animation 1s steps(2,start) infinite;animation:blink-animation 1s steps(2,start) infinite}@keyframes blink-animation{to{opacity:.1}}@-webkit-keyframes blink-animation{to{opacity:.1}}"]}]}],"members":{"SetUpChartData":[{"__symbolic":"method"}],"AddItem":[{"__symbolic":"method"}],"LoadData":[{"__symbolic":"method"}],"_LoadData":[{"__symbolic":"method"}],"ShowError":[{"__symbolic":"method"}],"Forward":[{"__symbolic":"method"}],"Back":[{"__symbolic":"method"}],"ForwardCompare":[{"__symbolic":"method"}],"BackCompare":[{"__symbolic":"method"}],"Refresh":[{"__symbolic":"method"}],"RemoveChartItem":[{"__symbolic":"method"}],"Chart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":369,"character":2},"arguments":["Chart"]}]}],"Today":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":388,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":388,"character":56},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"}]}],"Download":[{"__symbolic":"method"}]}},"Chart":{"__symbolic":"class","members":{"AddSmartMeter":[{"__symbolic":"method"}]}},"TrendResultV2":{"__symbolic":"class","members":{}},"ACLogbookComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ac-logbook","template":"<div class=\"logmain\">\r\n        <div class=\"colsheader\">\r\n                <button class=\"newlog col1\" mat-raised-button mat-icon-button color=\"primary\" (mousedown)=\"newLog()\">\r\n                        <mat-icon>add</mat-icon>\r\n                </button>\r\n                <div class=\"header col2\">Item</div>\r\n                <div class=\"header col3\">Done</div>\r\n\r\n        </div>\r\n\r\n        <div class=\"cols\" *ngFor=\"let item of rows\">\r\n                <div class=\"row col1\" (dblclick)=\"editLog(item)\">\r\n                        <div class=\"headerentry\">\r\n                                <div class =\"entrytypecontainer\">\r\n                                        <div class=\"entrytype\">{{item.TypeName}}</div>   \r\n                                </div>\r\n                                <div class=\"headOfentry\">               \r\n                                        <div class=\"name\">{{item.Name}}</div>     \r\n                                        <div class=\"creator\">[{{item.UserCreation}}] {{item.DateCreation}}</div>     \r\n                                </div>             \r\n                        </div>  \r\n                        <div class=\"description\" title=\"{{item.Description}}\">{{item.Description}}</div>\r\n                        <div class=\"user\">{{item.ChangeSet}}</div>\r\n                        <div class=\"variable\">{{item.Variable}}</div>\r\n                </div>\r\n                <mat-checkbox color='primary' class=\"col2 doner\" [(ngModel)]=\"item._Done\" (click)=\"done(item)\"> </mat-checkbox>\r\n        </div>\r\n\r\n</div>","styles":[".logmain{height:100%;width:100%}.colsheader{-ms-grid-columns:10% 70% 20%;background-color:#7f7f7f;grid-template-columns:10% 70% 20%}.cols,.colsheader{border:1px solid #dadada;display:-ms-grid;display:grid;margin:5px}.cols{-ms-grid-columns:80% 20%;background-color:#ececec;grid-template-columns:80% 20%}.doner{margin:40px;transform:scale(1.5);width:35px}.header{background-color:#7f7f7f;color:#fff;line-height:30px;text-align:center}.header,.row{font-size:90%}.row{line-height:25px;text-align:left}.col1{-ms-grid-column:1;grid-column:1}.col2{-ms-grid-column:2;grid-column:2}.col3{-ms-grid-column:3;grid-column:3}.headerentry{-ms-grid-columns:15% 85%;border-bottom:1px solid #c3c3c3;color:#03a9f4;display:-ms-grid;display:grid;grid-template-columns:15% 85%;line-height:22px;margin:5px;width:100%}.entrytypecontainer{-ms-grid-column:1;background-color:#03a9f4;border-radius:100%;color:#fff;font-size:80%;grid-column:1;height:36px;line-height:36px;margin-top:5px;text-align:center;vertical-align:middle;width:36px}.headOfentry{-ms-grid-column:2;grid-column:2}.name{font-size:150%}.creator,.name{color:#03a9f4;margin-left:3px;width:100%}.creator,.description{font-size:80%}.description{border-bottom:1px solid #c3c3c3;color:#858585;margin:5px;min-height:25px;overflow:auto;width:100%;word-wrap:break-word}.user{color:#4a4a4a;font-size:100%;font-weight:700;margin:-5px 5px 5px}.variable{color:#124b81;margin:10px 5px 5px}.date,.variable{font-size:100%}.newlog{color:#fff;margin-bottom:-5px;margin-left:5px;margin-top:-5px}"]}]}],"members":{"instanceName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5},"arguments":["instanceName"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":49,"character":36},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getValueOnServer":[{"__symbolic":"method"}],"getDateStringFromSqlDate":[{"__symbolic":"method"}],"getDateFromDateString":[{"__symbolic":"method"}],"loadConfig":[{"__symbolic":"method"}],"done":[{"__symbolic":"method"}],"editLog":[{"__symbolic":"method"}],"newLog":[{"__symbolic":"method"}]}},"LogBookItem":{"__symbolic":"class","members":{}},"LogBookTypes":{"__symbolic":"class","members":{}},"ACSliderComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ac-slider","template":"<div [ngClass]=\"{'locked': hasAccess==false , 'enabled': hasAccess==true}\">\r\n    <mat-slider *ngIf=\"hasAccess==true\" [ngModel]=\"Value\" [invert]=\"invert\" \r\n                [vertical]=\"vertical\" [max]=\"max\" [min]=\"min\" [step]=\"step\" [thumbLabel]=\"label\" \r\n                [tickInterval]=\"tickinterval \" aria-label=\"Initial value slider\" \r\n                (change)=\"updateACVal($event)\" (mouseenter)=\"OnMouseEnter($event)\" (mouseleave)=\"OnMouseLeave($event)\"  (slide)=\"OnSlide($event)\">\r\n    </mat-slider>\r\n    <mat-slider *ngIf=\"hasAccess==false\" [ngModel]=\"Value\" disabled [invert]=\"invert\" \r\n    [vertical]=\"vertical\" [max]=\"max\" [min]=\"min\" [step]=\"step\" [thumbLabel]=\"label\" \r\n    [tickInterval]=\"tickinterval\" aria-label=\"Initial value slider\" \r\n    (change)=\"updateACVal($event)\" (mouseenter)=\"OnMouseEnter($event)\" (mouseleave)=\"OnMouseLeave($event)\"  (slide)=\"OnSlide($event)\">\r\n</mat-slider>      \r\n</div>      ","styles":[".mat-slider-vertical{height:150px}.mat-slider-horizontal{width:150px}mat-slider{width:300px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":40,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"IsACNumber":[{"__symbolic":"method"}],"SetACNumber":[{"__symbolic":"method"}],"changed":[{"__symbolic":"method"}],"updateACVal":[{"__symbolic":"method"}],"OnChange":[{"__symbolic":"method"}],"OnMouseEnter":[{"__symbolic":"method"}],"OnMouseLeave":[{"__symbolic":"method"}],"OnSlide":[{"__symbolic":"method"}]}},"ACRowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ac-row","template":"<!-- <div style=\"width: 100%;height: 100%\" fxLayout=\"row\"> -->\r\n<div class=main fxLayout=\"row\">    \r\n    <ng-content></ng-content> \r\n</div>\r\n","styles":[".main{all:inherit}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":12,"character":34}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ACProgressComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ac-progress","template":"<div class=\"progress\" title=\"info\" fxLayout=\"column\">\r\n\t<svg class=\"progress__svg\"  viewBox=\"0 0 120 120\">\r\n\t\t<circle class=\"progress__meter\"  cx=\"60\" cy=\"60\" [attr.r]=\"radius\"  [style.strokeWidth]=\"strokewidth\" [ngStyle]=\"{stroke:background}\"/>\r\n\t\t<circle class=\"progress__value\" [style.strokeDasharray]=\"circumference\" [style.strokeWidth]=\"strokewidth\" [style.strokeDashoffset]=\"dashoffset\" cx=\"60\" cy=\"60\"\r\n         [attr.r]=\"radius\"  [ngStyle]=\"{stroke:color}\" />\r\n          \r\n\t</svg>\r\n\r\n  <div class=\"progress__value\" [ngStyle]=\"{'font-size':fontsize,'color':textcolor}\" >{{displayValue}}</div> \r\n  <div style=\"margin: 15% auto;\" [ngStyle]=\"{'font-size':remarkfontsize,'color':remarktextcolor}\" >{{remark}}</div> \r\n</div>  ","styles":[".progress{height:100%;width:100%}.progress__value-text{font-size:20px;left:45px;text-align:center;top:48px}.progress__svg{transform:rotate(-90deg)}.progress__meter,.progress__value{fill:none;stroke-linecap:round}.progress__value{height:1px;margin:-58% auto 0;transition:all .1s}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"textcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"dim":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"fontsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"digits":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"remarkfontsize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"remarktextcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}}]}],"remark":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"hidetext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"strokewidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":51,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"progress":[{"__symbolic":"method"}]}},"ACToolbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ac-toolbar","template":"<mat-toolbar id=\"actoolbar\" color=\"primary\">Awesome toolbar</mat-toolbar>","styles":["#actoolbar{min-height:50px;min-width:200px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ACInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ac-input","template":"\r\n\r\n<div [ngClass]=\"{'locked': hasAccess==false , 'enabled': hasAccess==true}\">\r\n<div class=\"parentwidth\" *ngIf=\"isEditMode!=true\" title=\"{{info}}\" >\r\n        <input class=\"numberinput\" readonly=\"hasAccess\" type=\"text\" [ngModel]=\"displayValue\" (focusin)=\"setFocus()\" [ngClass]=\"{'unvalid': valid==false}\">\r\n</div>\r\n\r\n<div class=\"parentwidth\" *ngIf=\"isEditMode==true\" [ngSwitch]=\"typeName\">\r\n    <div *ngSwitchDefault>no ACVariable defined!!</div>\r\n    <div class=\"parentwidth\" *ngSwitchCase=\"'ACNumber'\">\r\n            <input #inputnum  ac-virtual-keyboard ac-virtual-keyboard-layout=\"numeric\" class=\"numberinput\" style=\"background-color: #f1f1f1\" type=\"number\" [(ngModel)]=\"editValue\" (focusout)=\"resetFocus()\" (keypress)=\"keyPress($event)\">\r\n    </div>\r\n    <div class=\"parentwidth\" *ngSwitchCase=\"'ACDateTime'\">\r\n            <input #inputdate  ac-virtual-keyboard class=\"numberinput\" ac-virtual-keyboard-layout=\"numeric\" style=\"background-color: #f1f1f1\" type=\"number\" [(ngModel)]=\"editValue\" (focusout)=\"resetFocus()\" (keypress)=\"keyPress($event)\">\r\n    </div>\r\n    <div class=\"parentwidth\" *ngSwitchCase=\"'ACString'\">\r\n            <input #inputstring ac-virtual-keyboard class=\"numberinput\" type=\"text\" [(ngModel)]=\"editValue\" style=\"background-color: #f1f1f1\" (focusout)=\"resetFocus()\" (keypress)=\"keyPress($event)\">\r\n    </div>\r\n</div>\r\n</div>","styles":[".numberinput{border:1px solid #e2e2e2;color:#2196f3;height:22px;line-height:22px;text-align:center;width:100%}.parentwidth{height:100%;line-height:inherit;margin:2px;min-height:25px;width:calc(100% - 4px)}.unvalid{background-color:#c2c2c2;color:#7a7a7a}.locked{cursor:not-allowed}.enabled{cursor:hand}"]}]}],"members":{"acBase":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3},"arguments":["acValueObj"]}]}],"inputnum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":69,"character":3},"arguments":["inputnum"]}]}],"inputdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":71,"character":3},"arguments":["inputdate"]}]}],"inputstring":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":73,"character":3},"arguments":["inputstring"]}]}],"setFocus":[{"__symbolic":"method"}],"resetFocus":[{"__symbolic":"method"}],"keyPress":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":210,"character":34}]}],"changed":[{"__symbolic":"method"}]}},"ACCheckboxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ac-checkbox","template":"<!-- <mat-checkbox *ngIf=\"hasAccess\" color='primary' title={{info}} class=\"cb-default\"  \r\n[ngClass]=\"{'isOFF': Value==false, 'isON': Value==true, 'locked': hasAccess==false , 'enabled': hasAccess==true}\"\r\n[labelPosition]=\"align\" [ngModel]=\"Value\" (change)=\"update($event.checked)\">{{text}}\r\n</mat-checkbox>\r\n<mat-checkbox *ngIf=\"!hasAccess\" disabled title={{info}} class=\"cb-default\"  \r\n[ngClass]=\"{'isOFF': Value==false, 'isON': Value==true, 'locked': hasAccess==false , 'enabled': hasAccess==true}\"\r\n[labelPosition]=\"align\" [ngModel]=\"Value\" (change)=\"update($event.checked)\">{{text}}\r\n</mat-checkbox> -->","styles":[".cb-default{margin:0 10px}.locked{cursor:not-allowed}.enabled{cursor:hand}"]}]}],"members":{"IsACBool":[{"__symbolic":"method"}],"SetACBool":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":110,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"changed":[{"__symbolic":"method"}]}},"ACTreeViewBranch":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":11,"character":29,"module":"./components/draw-primitives/treeview/ac-treeview"}]},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":11,"character":29,"module":"./components/draw-primitives/treeview/ac-treeview"}]}]}],"toggle":[{"__symbolic":"method"}],"getIcon":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"checkRecursive":[{"__symbolic":"method"}]}},"ACTreeViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":39,"character":1},"arguments":[{"selector":"ac-treeview","template":"\n    <ul>\n    <li *ngFor=\"let branch of branches\">    \n        <div fxLayout=row >\n            <div class=\"iconButton\" (click)=\"branch.toggle()\">{{branch.getIcon()}}</div>\n            <mat-checkbox *ngIf=\"showCheckBox\" color='primary' class=\"cb-default\" [checked]=\"branch.checked\" (click)=\"branch.check()\"> {{ branch.name }} </mat-checkbox>\n            <div *ngIf=\"!showCheckBox\" class=\"clickable\" (click)=\"branch.toggle()\"> {{ branch.name }} </div>      \n            </div>  \n        <div *ngIf=\"branch.expanded\">\n            <ul>\n                <li *ngFor=\"let leaf of branch.leaves\" class=\"clickable\" [ngClass]=\"{selected: branch.selectedLeaf.name==leaf.name}\" (click)=\"onClick({branch: branch, leaf: leaf})\">{{leaf.name}}</li>\n            </ul>\n            <ac-treeview [branches]=\"branch.branches\" (leafSelected)=\"onClick({branch: branch, leaf: $event.leaf})\"></ac-treeview>\n        </div>\n    </li>\n    </ul>\n    ","styles":[".iconButton { font-size: 20px; margin-right: 5px; cursor:pointer;width:15px }","ul { list-style-type: none; }",".clickable { cursor:pointer;margin:5px; }",".selected { color: #03A9F4;font-weight: 700; }"]}]}],"members":{"branches":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}}]}],"leafSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":5}}]}],"select":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"ACAlarmBorderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ac-alarm-border","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"template":"<!-- <div #alarmtextElm *ngIf=\"haveAlarm==true\" class=\"bordermain\" title={{title}} [ngClass]=\"{'blink':alarmAck==false}\">       -->\r\n\r\n    <div #alarmtextElm class=\"bordermain\" title={{title}} [ngClass]=\"{'blink':alarmAck==false}\">\r\n    </div>\r\n    <div *ngIf=\"instanceNotFound==true\" class=\"instanceerror\" title=\"{{instanceNotFoundTitle}}\">!</div>\r\n    <div *ngIf=\"allVarFound==false\" class=\"instancewarning\" title=\"{{allVarFoundTitle}}\">!</div>\r\n","styles":[".main{-ms-grid-columns:90% 25px;display:-ms-grid;display:grid;grid-template-columns:90% 25px;height:25px;width:400px}.alarmtext{-ms-grid-column:1;grid-column:1;height:20px;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.doneicon{-ms-grid-column:2;color:grey;grid-column:2;margin-left:5px}.doneicon:hover{color:#48ff00}.blink{-webkit-animation:blink-animation 1s steps(2,start) infinite;animation:blink-animation 1s steps(2,start) infinite}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}.bordermain{border:3px solid;border-radius:5px;height:calc(100% + 3px);left:-5px;position:absolute;top:-5px;visibility:hidden;width:calc(100% + 3px)}.instanceerror{background-color:red}.instanceerror,.instancewarning{border:1px solid;border-radius:100%;color:#fff;height:16px;left:-5px;position:absolute;text-align:center;top:-5px;width:16px;z-index:100}.instancewarning{background-color:#ff9800}"]}]}],"members":{"alarmtextElm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["alarmtextElm"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":52,"character":34},{"__symbolic":"reference","name":"AlarmServer"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":93}]}],"ngOnDestroy":[{"__symbolic":"method"}],"checkInstance":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}]}},"ACAlarmInstanceComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ac-alarm-instance","template":"<div class=\"main\">\r\n    \r\n     <div class=\"item\" *ngFor=\"let item of rows\" >\r\n        \r\n        <div *ngIf=\"item.Value==false\" fxLayout=\"row\">\r\n            <div fxFlex>\r\n                <div style=\"color:gray\" class=\"name\">{{item.Name}}</div>\r\n                <div style=\"color:gray\" class=\"remark\">{{item.Remark}}  [P:{{item.Prio}} / G:{{item.Group}}]</div>\r\n            </div>\r\n           \r\n            <div style=\"width:60px\">\r\n                <div class=\"indicator\">Off</div>\r\n                \r\n                 \r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"item.Value==true && !item.AckTime\" fxLayout=\"row\">\r\n                <div fxFlex>\r\n                    <div [alarmcolor]=\"item.Prio\" class=\"name acflash\">{{item.Name}} []</div>\r\n                    <div [alarmcolor]=\"item.Prio\" class=\"remark acflash\">{{item.Remark}}  [P:{{item.Prio}} / G:{{item.Group}}]</div>\r\n                    <div [alarmcolor]=\"item.Prio\" class=\"time acflash\" >On:{{item.OnTime}}</div>\r\n                </div>\r\n               \r\n                <div style=\"width:60px\">\r\n                    <div class=\"indicator\"   [alarmcolor]=\"item.Prio\" style=\"cursor: pointer\" title=\"Acknowledge\" (click)=\"AckAlarm(item)\">On</div>\r\n                     \r\n                </div>\r\n        </div>\r\n        <div *ngIf=\"item.Value==true && item.AckTime\" fxLayout=\"row\">\r\n                <div fxFlex>\r\n                    <div [alarmcolor]=\"item.Prio\" class=\"name \">{{item.Name}} []</div>\r\n                    <div [alarmcolor]=\"item.Prio\" class=\"remark \">{{item.Remark}}  [P:{{item.Prio}} / G:{{item.Group}}]</div>\r\n                    <div [alarmcolor]=\"item.Prio\" class=\"time \" >On:{{item.OnTime}} / Ack:{{item.AckTime}}</div>\r\n                </div>\r\n               \r\n                <div style=\"width:60px\">\r\n                    <div class=\"indicator\" style=\"background-color: #ff9800;color:white\">Ack</div>\r\n                     \r\n                </div>\r\n        </div>\r\n          \r\n         \r\n    </div>\r\n\r\n</div>","styles":[".main{height:100%;width:100%}.item{border:1px solid #dfdfdf;border-radius:5px;height:56px;margin:5px}.name{font-size:120%;margin:3px 5px 5px}.remark{margin-top:-8px}.remark,.time{font-size:80%;margin-left:5px}.indicator{background-color:#dbdbdb;border:1px solid #8f8f8f;border-radius:100%;color:#fff;font-size:120%;height:40px;line-height:40px;margin-top:8px;text-align:center;width:40px}"]}]}],"members":{"dataModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5},"arguments":["dataModel"]}]}],"toDateTimeString":[{"__symbolic":"method"}],"exec":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":129,"character":36},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","name":"AlarmServer"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"AckAlarm":[{"__symbolic":"method"}]}},"AlarmInstanceItem":{"__symbolic":"class","members":{}},"ACAlarmTopComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵb"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ac-alarm-top","template":"<div class=\"main\" title={{title}}>      \r\n        <div #alarmtext class=\"alarmtext\"  [ngClass]=\"{'blink':alarmAck!=true}\">{{alarmText}}</div>\r\n        \r\n        <mat-icon class=\"doneicon\" style=\"cursor: pointer\" (click)=\"ack()\">done</mat-icon>\r\n</div>   ","styles":[".main{-ms-grid-columns:90% 25px;display:-ms-grid;display:grid;grid-template-columns:90% 25px;height:25px;width:400px}.alarmtext{-ms-grid-column:1;grid-column:1;height:20px;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.doneicon{-ms-grid-column:2;color:grey;grid-column:2;margin-left:5px}.doneicon:hover{color:#48ff00}.blink{-webkit-animation:blink-animation 1s steps(2,start) infinite;animation:blink-animation 1s steps(2,start) infinite}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}.bordermain{border:3px solid;border-radius:5px;height:calc(100% + 3px);left:-5px;position:absolute;top:-5px;visibility:hidden;width:calc(100% + 3px)}.instanceerror{background-color:red}.instanceerror,.instancewarning{border:1px solid;border-radius:100%;color:#fff;height:16px;left:-5px;position:absolute;text-align:center;top:-5px;width:16px;z-index:100}.instancewarning{background-color:#ff9800}"]}]}],"members":{"alarmtextElm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":["alarmtext"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":34},{"__symbolic":"reference","name":"AlarmServer"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}],"ack":[{"__symbolic":"method"}]}},"ACAlarmTopVarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ac-alarm-top-var","template":"<div class=\"main\" title={{title}}>      \r\n        <div *ngIf=\"hasAlarm==true\" #alarmtext class=\"alarmtext\"  [ngClass]=\"{'blink':alarmAck!=true}\">{{alarmText}}</div>\r\n        <div *ngIf=\"hasAlarm==false\" class=\"noalarm\">{{alarmNoneText}}</div>\r\n        <mat-icon *ngIf=\"hasAlarm==true\" class=\"doneicon\" style=\"cursor: pointer\" (click)=\"ack()\">done</mat-icon>\r\n</div>    ","styles":[".main{-ms-grid-columns:90% 25px;display:-ms-grid;display:grid;grid-template-columns:90% 25px;height:25px;width:400px}.alarmtext{-ms-grid-column:1;grid-column:1;height:20px;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.noalarm{color:grey;margin:5px}.doneicon{-ms-grid-column:2;color:grey;grid-column:2;margin-left:5px}.doneicon:hover{color:#48ff00}.blink{-webkit-animation:blink-animation 1s steps(2,start) infinite;animation:blink-animation 1s steps(2,start) infinite}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}.bordermain{border:3px solid;border-radius:5px;height:calc(100% + 3px);left:-5px;position:absolute;top:-5px;visibility:hidden;width:calc(100% + 3px)}.instanceerror{background-color:red}.instanceerror,.instancewarning{border:1px solid;border-radius:100%;color:#fff;height:16px;left:-5px;position:absolute;text-align:center;top:-5px;width:16px;z-index:100}.instancewarning{background-color:#ff9800}"]}]}],"members":{"alarmtextElm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["alarmtext"]}]}],"none":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3},"arguments":["none"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":52,"character":34},{"__symbolic":"reference","name":"AlarmServer"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}],"ack":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}],"changed":[{"__symbolic":"method"}]},"statics":{"ID":0}},"ACBaseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"base-comp","template":"<div></div>"}]}],"members":{"instanceName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5},"arguments":["instanceName"]}]}],"getInstanceName":[{"__symbolic":"method"}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5},"arguments":["className"]}]}],"remark":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5},"arguments":["remark"]}]}],"_getACParentComponent":[{"__symbolic":"method"}],"createViewModel":[{"__symbolic":"method"}],"setupVM":[{"__symbolic":"method"}],"checkAlarms":[{"__symbolic":"method"}],"showPopup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":5},"arguments":["showPopup"]}]}],"Popup":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"acDestroy":[{"__symbolic":"method"}],"getParentOffset":[{"__symbolic":"method"}],"showInstanceMarker":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"acOnInit":[{"__symbolic":"method"}],"setupViewModelProperties":[{"__symbolic":"method"}],"setupProperties":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":303,"character":36},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":303,"character":61}]}],"timer":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"processWatch":[{"__symbolic":"method"}],"registerWatcher":[{"__symbolic":"method"}],"queryACVariable":[{"__symbolic":"method"}],"exec":[{"__symbolic":"method"}],"getValueOnServer":[{"__symbolic":"method"}],"setValueOnServer":[{"__symbolic":"method"}],"openPopup":[{"__symbolic":"method"}]},"statics":{"instanceCount":0,"vmDict":{}}},"ACEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ac-editor","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":15,"character":15},"useExisting":{"__symbolic":"reference","name":"ACEditorComponent"},"multi":true}],"template":"<!-- <div class=\"editormain\" #editormain>\r\n        <div id='editor'  #editor></div>\r\n</div> -->\r\n<div id='editor' class=\"editormain\" #editor></div>\r\n  ","styles":[".editormain{height:calc(100% - 1px);width:calc(100% - 1px)}"]}]}],"members":{"editorContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":3},"arguments":["editor"]}]}],"tag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"language":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"language_defaults":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"onInit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"instance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"onSave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"fontSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3},"arguments":["fontSize"]}]}],"editor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":["editor"]}]}],"editorMain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":["editormain"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":55,"character":51}]}],"_get_overflowingContentWidgets":[{"__symbolic":"method"}],"hideOverflow":[{"__symbolic":"method"}],"setEditorSize":[{"__symbolic":"method"}],"SetSize":[{"__symbolic":"method"}],"exec":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"initMonaco":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onTouched":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]},"statics":{"initialized":0,"actEditor":{"__symbolic":"reference","name":"undefined"}}},"ACComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"base-comp1","template":"<div></div>"}]}],"members":{"_checkInstanceRoute":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":52,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":60}]}],"ShowInstance":[{"__symbolic":"method"}],"_ShowInstance":[{"__symbolic":"method"}],"_exec":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"acAfterViewInit":[{"__symbolic":"method"}],"acOnInit":[{"__symbolic":"method"}],"acDestroy":[{"__symbolic":"method"}],"acExec":[{"__symbolic":"method"}],"createPopup":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}],"Get":[{"__symbolic":"method"}],"Set":[{"__symbolic":"method"}]},"statics":{"ActHMIParent":{"__symbolic":"reference","name":"undefined"}}},"MaterialModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":84,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":86,"character":4},{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":87,"character":4},{"__symbolic":"reference","module":"@angular/cdk/clipboard","name":"ClipboardModule","line":88,"character":4},{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepperModule","line":89,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":90,"character":4},{"__symbolic":"reference","module":"@angular/cdk/tree","name":"CdkTreeModule","line":91,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":92,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":93,"character":4},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":94,"character":4},{"__symbolic":"reference","module":"@angular/material/badge","name":"MatBadgeModule","line":95,"character":4},{"__symbolic":"reference","module":"@angular/material/bottom-sheet","name":"MatBottomSheetModule","line":96,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":97,"character":4},{"__symbolic":"reference","module":"@angular/material/button-toggle","name":"MatButtonToggleModule","line":98,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":99,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":100,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":101,"character":4},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":102,"character":4},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":103,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":104,"character":4},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":105,"character":4},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":106,"character":4},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":107,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":108,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":109,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":110,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":111,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":112,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":113,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":114,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":115,"character":4},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":116,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":117,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":118,"character":4},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":119,"character":4},{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":120,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":121,"character":4},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":122,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":123,"character":4},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":124,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":125,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":126,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":127,"character":4},{"__symbolic":"reference","module":"@angular/material/tree","name":"MatTreeModule","line":128,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":129,"character":4}]}]}],"members":{}},"ACDynamicContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ac-dynamic-container-component","template":"\n      <div #dynamicComponentContainer></div>\n  "}]}],"members":{"dynamicComponentContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["dynamicComponentContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":23,"character":50}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":30,"character":33},{"__symbolic":"reference","name":"ACUtils"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"registerDynContent":[{"__symbolic":"method"}],"createDynComponents":[{"__symbolic":"method"}],"SetContent":[{"__symbolic":"method"}]}},"TotalHightDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":55,"character":1},"arguments":[{"selector":"[topoffsetheigth]"}]}],"members":{"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5},"arguments":["topoffsetheigth"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":66,"character":28},{"__symbolic":"reference","name":"ACUtils"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ParentHightDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":86,"character":1},"arguments":[{"selector":"[parentheighthoffset]"}]}],"members":{"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":5},"arguments":["parentheighthoffset"]}]}],"parentclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":5},"arguments":["heightparentclass"]}]}],"GetParentComponent":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":66,"character":28},{"__symbolic":"reference","name":"ACUtils"}]}],"SetHeight":[{"__symbolic":"method"}],"exec":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ParentWidthDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":174,"character":1},"arguments":[{"selector":"[parentwidthoffset]"}]}],"members":{"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":5},"arguments":["parentwidthoffset"]}]}],"parentclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":183,"character":5},"arguments":["widthparentclass"]}]}],"GetParentComponent":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":66,"character":28},{"__symbolic":"reference","name":"ACUtils"}]}],"SetWidth":[{"__symbolic":"method"}],"exec":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"FreezeDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":271,"character":1},"arguments":[{"selector":"[freeze]"}]}],"members":{"parentclass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":277,"character":5},"arguments":["mode"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":66,"character":28},{"__symbolic":"reference","name":"ACUtils"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"AcRolesDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[acRole]"}]}],"members":{"ngOnDestroy":[{"__symbolic":"method"}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5},"arguments":["acRole"]}]}],"exec":[{"__symbolic":"method"}],"setvis":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":90,"character":28},{"__symbolic":"reference","name":"ACCom"}]}]}},"AcSVGDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[acSvg]"}]}],"members":{"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5},"arguments":["acSvg"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":15,"character":28}]}]}},"DndDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[acDnd]"}]}],"members":{"allowed_extensions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":5}}]}],"filesChangeEmiter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":8,"character":5}}]}],"filesInvalidEmiter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":5}}]}],"filesBase64DataEmiter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":5}}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":11,"character":5},"arguments":["style.background"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onDragOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":17,"character":5},"arguments":["dragover",["$event"]]}]}],"onDragLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":23,"character":5},"arguments":["dragleave",["$event"]]}]}],"onDrop":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":29,"character":5},"arguments":["drop",["$event"]]}]}]}},"Base64FileData":{"__symbolic":"class","members":{}},"GridResponsiveDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[acGridResponsive]"}]}],"members":{"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":10,"character":5},"arguments":["window:resize",["$event"]]}]}],"setresize":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":36,"character":44},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":36,"character":74}]}]}},"AcInstanceDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[acInstance]"}]}],"members":{"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5},"arguments":["acInstance"]}]}],"setInstanceName":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":68,"character":43},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":68,"character":73},{"__symbolic":"reference","name":"ACCom"}]}]}},"AcHideInstanceDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[acHideInstance]"}]}],"members":{"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":22,"character":43},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":73},{"__symbolic":"reference","name":"ACCom"}]}]}},"AcMapInstanceDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":29,"character":1},"arguments":[{"selector":"[acMapLat]"}]}],"members":{"lat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5},"arguments":["acMapLat"]}]}],"long":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5},"arguments":["acMapLong"]}]}],"zoom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5},"arguments":["acMapZoom"]}]}],"GetOverlayComponent":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":22,"character":43},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":73},{"__symbolic":"reference","name":"ACCom"}]}]}},"AcModelDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":74,"character":1},"arguments":[{"selector":"[acModel]"}]}],"members":{"acButtonForeground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5},"arguments":["acButtonForeground"]}]}],"acButtonActiveForeground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5},"arguments":["acButtonActiveForeground"]}]}],"ButtonBackground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5},"arguments":["acButtonBackground"]}]}],"ButtonActiveBackground":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5},"arguments":["acButtonActiveBackground"]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"acDigits":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":5},"arguments":["acDigits"]}]}],"acDim":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":5},"arguments":["acDim"]}]}],"acPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":137,"character":5},"arguments":["acPrefix"]}]}],"acModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":5},"arguments":["acModel"]}]}],"_setParent":[{"__symbolic":"method"}],"_round":[{"__symbolic":"method"}],"_exec":[{"__symbolic":"method"}],"SetStyle":[{"__symbolic":"method"}],"clickEvent":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":512,"character":5},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":22,"character":43},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":73},{"__symbolic":"reference","name":"ACCom"}]}]}},"AcButtonColorDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":1,"character":1},"arguments":[{"selector":"[acButtonColor]"}]}],"members":{"acModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5},"arguments":["acButtonColor"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":29}]}]}},"AcIfDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[acIf]"}]}],"members":{"ngOnDestroy":[{"__symbolic":"method"}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5},"arguments":["acIf"]}]}],"exec":[{"__symbolic":"method"}],"setvis":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":46,"character":43},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":46,"character":73},{"__symbolic":"reference","name":"ACCom"}]}]}},"AcOpenPopupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[acOpenPopup]"}]}],"members":{"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5},"arguments":["acOpenPopup"]}]}],"_getHost":[{"__symbolic":"method"}],"_getPopupChild":[{"__symbolic":"method"}],"clickEvent":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":54,"character":5},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":73,"character":28},{"__symbolic":"reference","name":"ACCom"}]}]}},"MouseWheelDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[mouseWheel]"}]}],"members":{"mouseWheelUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":4,"character":3}}]}],"mouseWheelDown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":5,"character":3}}]}],"onMouseWheelChrome":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":7,"character":3},"arguments":["mousewheel",["$event"]]}]}],"onMouseWheelFirefox":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":11,"character":3},"arguments":["DOMMouseScroll",["$event"]]}]}],"onMouseWheelIE":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":15,"character":3},"arguments":["onmousewheel",["$event"]]}]}],"mouseWheelFunc":[{"__symbolic":"method"}]}},"TrendSeriesDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[trendseries]"}]}],"members":{"series":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5},"arguments":["trendseries"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":67,"character":28}]}]}},"AlarmColor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[alarmcolor]"}]}],"members":{"alarmcolor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5},"arguments":["alarmcolor"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":17,"character":28},{"__symbolic":"reference","name":"AlarmServer"}]}]}},"VirtualKeyboardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"virtual-keyboard","template":"<div class=\"container\">\r\n  <div fxLayout=\"column\">\r\n    <mat-form-field style=\"margin: 5px\">\r\n      <button class=\"close\" color=\"primary\" mat-button mat-mini-fab (click)=\"close()\">\r\n        <mat-icon>check</mat-icon>\r\n      </button>\r\n\r\n      <input type=\"{{type}}\" matInput #keyboardInput (click)=\"updateCaretPosition()\" [(ngModel)]=\"inputElement.nativeElement.value\"\r\n        placeholder=\"{{ placeholder }}\" [maxLength]=\"maxLength\" />\r\n    </mat-form-field>\r\n\r\n    <div class=key>\r\n      <div fxLayout=\"row\" *ngFor=\"let row of layout; let rowIndex = index\"\r\n        [attr.data-index]=\"rowIndex\">\r\n        <virtual-keyboard-key *ngFor=\"let key of row; let keyIndex = index\" [key]=\"key\" [disabled]=\"disabled\"\r\n          [attr.data-index]=\"keyIndex\" (keyPress)=\"keyPress($event)\"></virtual-keyboard-key>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>","styles":[".close{float:right;margin-bottom:-40px;position:relative;right:0;top:-16px}.container{width:100%}.mat-input-container{font-size:32px;margin:-16px 0}.key{margin:3px 3px 10px;overflow-x:scroll;padding-bottom:10px}.mat-input-element:disabled{color:currentColor}:host ::ng-deep .mat-input-placeholder{font-size:24px!important;top:10px!important}"]}]}],"members":{"keyboardInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":["keyboardInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"VirtualKeyboardComponent"}]},{"__symbolic":"reference","name":"VirtualKeyboardService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":64,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"updateCaretPosition":[{"__symbolic":"method"}],"keyPress":[{"__symbolic":"method"}],"checkDisabled":[{"__symbolic":"method"}],"handleNormalKey":[{"__symbolic":"method"}],"handleSpecialKey":[{"__symbolic":"method"}],"dispatchEvents":[{"__symbolic":"method"}]}},"VirtualKeyboardKeyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"virtual-keyboard-key","template":"\n    <button style=\"bu\"\n      mat-raised-button\n      color=\"primary\"\n      fxFlex=\"{{ flexValue }}\"\n      [class.spacer]=\"spacer\"\n      [disabled]=\"isDisabled()\"\n      (click)=\"onKeyPress()\"\n    >\n      <span *ngIf=\"!special\">{{ keyValue }}</span>\n    \n      <span *ngIf=\"special\">\n        <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\n    \n        {{ text }}\n      </span>\n    </button>\n  ","styles":["\n    .bu{\n      min-width: 32px; \n      min-height: 32px;\n    }\n    .mat-button,\n    .mat-icon-button,\n    .mat-raised-button {\n      min-width: 32px; \n      min-height: 32px;\n      padding: 0;\n      margin: 2px;\n      font-size: 16px;\n      line-height: 16px;\n    }\n    \n    .mat-button.spacer,\n    .mat-icon-button.spacer,\n    .mat-raised-button.spacer {\n      background-color: transparent;\n    }\n  "]}]}],"members":{"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"keyPress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isDisabled":[{"__symbolic":"method"}],"onKeyPress":[{"__symbolic":"method"}]}},"VirtualKeyboardService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"setShift":[{"__symbolic":"method"}],"setCapsLock":[{"__symbolic":"method"}],"toggleShift":[{"__symbolic":"method"}],"toggleCapsLock":[{"__symbolic":"method"}],"setCaretPosition":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}]},"statics":{"enableKeyboard":false}},"NgVirtualKeyboardDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{"selector":"[ac-virtual-keyboard]"}]}],"members":{"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["ac-virtual-keyboard-layout"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3},"arguments":["ac-virtual-keyboard-placeholder"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3},"arguments":["ac-virtual-keyboard-type"]}]}],"onWindowBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":27,"character":3},"arguments":["window:blur"]}]}],"onWindowFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":32,"character":3},"arguments":["window:focus"]}]}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":39,"character":3},"arguments":["focus"]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":44,"character":3},"arguments":["click"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":56,"character":21},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":57,"character":20}]}],"openKeyboard":[{"__symbolic":"method"}],"getLayout":[{"__symbolic":"method"}],"getPlaceHolder":[{"__symbolic":"method"}],"getType":[{"__symbolic":"method"}]},"statics":{"act_acinput":{"__symbolic":"reference","name":"undefined"}}},"ACLoginComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"ac-login","template":"<div id=\"ac-loginpage\" class=\"viewport\">\r\n    <div class=\"center-block\">\r\n        <!-- <div class=headerbg>\r\n\r\n            </div> -->\r\n        <div>\r\n            <div class=\"logo\">\r\n                <div style=\"transform: scale(1.5);\" [acSvg]=\"logo\"></div>\r\n\r\n            </div>\r\n        </div>\r\n        <div class=\"logintext\">\r\n            <!-- Login to acurade G5 site -->\r\n            {{'USER.LOGIN.LOGINTO' | translate}}\r\n        </div>\r\n        <p *ngIf=\"plcMode!=true\">\r\n            <mat-form-field>\r\n                <input matInput placeholder=\"Host\" ac-virtual-keyboard [(ngModel)]=\"host\">\r\n            </mat-form-field>\r\n        </p>\r\n        <div *ngIf=\"redConfig==false&&plcMode!=true\" class=\"material-icons expandconfig\"\r\n            title=\"{{'USER.LOGIN.REDHOST' | translate}}\" (click)=\"setRed(true)\">play_arrow</div>\r\n        <div *ngIf=\"redConfig==true\" class=\"material-icons collapsconfig\"\r\n            title=\"{{'USER.LOGIN.SINGLEHOST' | translate}}\" (click)=\"setRed(false)\">play_arrow</div>\r\n        <p *ngIf=\"redConfig==true\" class=\"fadein\">\r\n            <mat-form-field>\r\n                <input ac-virtual-keyboard matInput placeholder=\"{{'USER.LOGIN.SECHOST' | translate}}\"\r\n                    [(ngModel)]=\"hostSecondary\">\r\n            </mat-form-field>\r\n        </p>\r\n\r\n        <p>\r\n            <mat-form-field>\r\n                <input ac-virtual-keyboard matInput placeholder=\"{{'USER.LOGIN.USERNAME' | translate}}\"\r\n                    [(ngModel)]=\"username\">\r\n            </mat-form-field>\r\n        </p>\r\n\r\n\r\n        <p>\r\n            <mat-form-field>\r\n                <input ac-virtual-keyboard matInput type=\"password\" placeholder=\"{{'USER.LOGIN.PASSWORD' | translate}}\"\r\n                    [(ngModel)]=\"password\">\r\n            </mat-form-field>\r\n        </p>\r\n        <div class=\"message\">{{message}}</div>\r\n        <div  class=\"text-center\">\r\n\r\n            <div style=\"width: 220px;text-align: left;margin-top: -5px;\r\n                        margin-bottom: 10px;\r\n                        font-size: 80%;\">\r\n                <mat-checkbox [(ngModel)]=\"RememberMe\">{{'USER.LOGIN.REMEMBERME' | translate}}</mat-checkbox>\r\n            </div>\r\n            <div style=\"margin-bottom: 2px;\">\r\n                <mat-progress-bar *ngIf=\"LoginRunning==true\" mode=\"indeterminate\" style=\"height: 2px\"></mat-progress-bar>\r\n                <div *ngIf=\"LoginRunning==false\" style=\"height: 2px\"></div>\r\n    \r\n            </div>\r\n\r\n            <button mat-raised-button color=\"accent\" style=\"width: 300px;color: white;\r\n                font-size: 120%;\" (click)=\"doLogin()\">{{'USER.LOGIN.LOGIN' | translate}}</button>\r\n        </div>\r\n        <div class=\"text-center\">\r\n            <div fxLayout=\"row\">\r\n                <div fxFlex></div>\r\n                <button mat-button style=\"font-size:11px\"\r\n                    (click)=\"cancel()\">{{'USER.LOGIN.CANCEL' | translate}}</button>\r\n                <button mat-button style=\"font-size:11px\"\r\n                    (click)=\"logout()\">{{'USER.LOGIN.LOGOUT' | translate}}</button>\r\n                <div fxFlex></div>\r\n            </div>\r\n        </div>\r\n        <div class=\"text-center\">\r\n            <mat-icon *ngIf=\"showKeyboard==true\" (click)=\"showKeyboard=false\" class=kbon\r\n                title=\"{{'USER.LOGIN.DIS_KEAYBOARD' | translate}}\">keyboard</mat-icon>\r\n            <mat-icon *ngIf=\"showKeyboard!=true\" (click)=\"showKeyboard=true\" class=kboff\r\n                title=\"{{'USER.LOGIN.EN_KEYBOARD' | translate}}\">keyboard</mat-icon>\r\n        </div>\r\n\r\n\r\n        <!-- <h4 class=\"text-center\">Noch kein Konto?</h4>  \r\n            <p class=\"text-center\">\r\n                <button class=\"small-button\" mat-button color=\"primary\">HIER Registrieren</button>\r\n            </p>  -->\r\n    </div>\r\n</div>","styles":[".viewport{-webkit-animation:fadein .5s;animation:fadein .5s;background:rgba(29,29,29,.35);color:#e0e0e0;height:100%;margin:0 auto;position:absolute;width:100%;z-index:450}.logintext{font-size:135%;margin-bottom:35px;margin-top:25px;text-align:center;width:auto}.headerbg{background:#3d3d3d;height:50px;margin-left:-30px;margin-top:-30px;width:360px}.expandconfig{transform:rotate(90deg)}.collapsconfig,.expandconfig{cursor:pointer;float:right;margin-top:-86px}.collapsconfig{transform:rotate(270deg)}.center-block{background:#9e9e9e;border-radius:10px;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);margin:100px auto;padding:30px 30px 10px;width:300px}.mat-form-field-flex{background:#ff0;border-radius:2px;padding:6px}.logo{margin:10px align-self;text-align:center}.mat-form-field{width:100%}.text-center{text-align:center}.mat-button{font-size:25px}.small-button{font-size:15px!important}.message{color:#983e3e;font-size:80%;height:20px;margin-top:-30px}.fadein{-webkit-animation:fadein 1s;animation:fadein 1s}.fadeout{-webkit-animation:fadeout 1s ease-in-out;animation:fadeout 1s ease-in-out}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.kbon{background-color:#696767;border:1px solid #c7c7c7;border-radius:3px}.kboff,.kbon{cursor:pointer}"]}]}],"members":{"username":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"password":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"showHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"host":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"hostSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":56,"character":52},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":56,"character":92}]}],"setRed":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"logout":[{"__symbolic":"method"}],"doLogin":[{"__symbolic":"method"}]}},"ACChangePWComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ac-changepw","template":"<div id=\"ac-loginpage\" class=\"viewport\">\r\n        <div class=\"center-block\">\r\n            <div class=headerbg>\r\n\r\n            </div>\r\n            <div>\r\n                <div class=\"logo\">\r\n                    <img width=\"150\" src=\"/assets/images/logo_web.png\"/>\r\n                </div> \r\n            </div>\r\n            <div class=\"logintext\">\r\n                {{'USER.PASSCHANGE.LOGINSERVER' | translate}}\r\n            </div>\r\n             \r\n            <p>\r\n                <mat-form-field>\r\n                <input matInput placeholder=\"{{'USER.PASSCHANGE.USERNAME' | translate}}\" [(ngModel)]=\"username\">\r\n                </mat-form-field>\r\n            </p>\r\n            <p>\r\n                <mat-form-field>\r\n                <input matInput type=\"password\" placeholder=\"{{'USER.PASSCHANGE.OLDPASSWORD' | translate}}\" [(ngModel)]=\"password\">\r\n                </mat-form-field>\r\n            </p>\r\n      \r\n            <p>\r\n                <mat-form-field>\r\n                <input matInput type=\"password\" placeholder=\"{{'USER.PASSCHANGE.NEWPASSWORD' | translate}}\" [(ngModel)]=\"password\">\r\n                </mat-form-field>\r\n            </p>\r\n            <p>\r\n                <mat-form-field>\r\n                <input matInput type=\"password\" placeholder=\"{{'USER.PASSCHANGE.REPPASSWORD' | translate}}\" [(ngModel)]=\"password\">\r\n                </mat-form-field>\r\n            </p>\r\n            <div class=\"message\">{{message}}</div>\r\n            <p class=\"text-center\">\r\n                <button mat-raised-button color=\"accent\"  (click)=\"doChange()\">{{'USER.PASSCHANGE.LOGIN' | translate}}</button>\r\n            </p>  \r\n            <p class=\"text-center\">\r\n                <button mat-button style=\"font-size:11px\"  (click)=\"cancel()\">{{'USER.PASSCHANGE.CANCEL' | translate}}</button>\r\n            </p>  \r\n            <!-- <h4 class=\"text-center\">Noch kein Konto?</h4>  \r\n            <p class=\"text-center\">\r\n                <button class=\"small-button\" mat-button color=\"primary\">HIER Registrieren</button>\r\n            </p>  -->\r\n        </div>\r\n </div>","styles":[".viewport{-webkit-animation:fadein .5s;animation:fadein .5s;background:rgba(29,29,29,.35);color:#fff;height:100%;margin:0 auto;position:absolute;width:100%;z-index:500}.logintext{color:grey;font-size:150%;margin-top:59px;text-align:center;width:auto}.headerbg{background:#9a9a9a;height:50px;margin-left:-30px;margin-top:-30px;width:360px}.center-block{background:#4e4f4e;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);margin:100px auto;padding:30px;width:300px}.mat-form-field-flex{background:#ff0;border-radius:2px;padding:6px}.logo{float:right;margin:10px align-self;text-align:center}.mat-form-field{width:100%}.text-center{text-align:center}.mat-button{font-size:25px}.small-button{font-size:15px!important}.message{color:red;font-size:80%;font-weight:700;height:20px;margin-top:-30px}"]}]}],"members":{"username":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":29,"character":52}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"doLogin":[{"__symbolic":"method"}],"doChange":[{"__symbolic":"method"}]}},"ACIotListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ac-iot-list","template":"<div class=\"sulist\" topoffsetheigth=\"150\">\r\n\r\n    <div class=\"search\" *ngIf=\"showFilter==true\">\r\n        <mat-icon class=\"searchicon\">search</mat-icon>\r\n        <mat-form-field class=\"search\">\r\n            <input matInput placeholder=\"Search\" [(ngModel)]=\"filter\">\r\n        </mat-form-field>\r\n        <mat-icon class=\"searchicon\" style=\"cursor: pointer\" (click)=\"load()\">refresh</mat-icon>\r\n\r\n    </div>\r\n\r\n    <div *ngFor=\"let subsite of subSiteList\">\r\n        <div class=subitem>\r\n\r\n            <div class=\"namecontainer\">\r\n                {{subsite.SiteName}}\r\n            </div>\r\n            <div class=\"primarycontainer\" >\r\n                <div  title=\"open Primary\" (click)=\"openSubSite(subsite.PrimaryGUID,subsite.SiteName)\" *ngIf=\"subsite.PrimaryConnectionError==true\" class=\"plc error blink\">PLC-Error</div>\r\n                <div title=\"open Primary\" (click)=\"openSubSite(subsite.PrimaryGUID,subsite.SiteName)\" *ngIf=\"subsite.PrimaryConnectionError==false&&subsite.PrimaryRDState==0\" class=\"plc server\">Main [{{subsite.PrimaryProgVersion}}]</div>\r\n                <div title=\"open Primary\" (click)=\"openSubSite(subsite.PrimaryGUID,subsite.SiteName)\" *ngIf=\"subsite.PrimaryConnectionError==false&&subsite.PrimaryRDState==1\" class=\"plc standby\">Standby [{{subsite.PrimaryProgVersion}}]</div>\r\n                <div title=\"open Primary\" (click)=\"openSubSite(subsite.PrimaryGUID,subsite.SiteName)\" *ngIf=\"subsite.PrimaryConnectionError==false&&subsite.PrimaryRDState==2\" class=\"plc deactivated\">Deactivated [{{subsite.PrimaryProgVersion}}]</div>\r\n\r\n                <div class=\"guid\">{{subsite.PrimaryGUID}}</div>\r\n                <div class=\"guid\">Host: {{subsite.PrimaryURL}} BinVersion: {{subsite.PrimaryBinVersion}}</div>\r\n            </div>\r\n            <div class=\"secondarycontainer\">\r\n                <div *ngIf=\"subsite.Redundant\" >\r\n                    <div title=\"open Secondary\" (click)=\"openSubSite(subsite.SecondaryGUID,subsite.SiteName)\" *ngIf=\"subsite.SecondaryConnectionError==true\" class=\"plc error blink\">PLC-Error</div>\r\n                    <div title=\"open Secondary\" (click)=\"openSubSite(subsite.SecondaryGUID,subsite.SiteName)\" *ngIf=\"subsite.SecondaryConnectionError==false&&subsite.SecondaryRDState==0\" class=\"plc server\">Main [{{subsite.SecondaryProgVersion}}]</div>\r\n                    <div title=\"open Secondary\" (click)=\"openSubSite(subsite.SecondaryGUID,subsite.SiteName)\" *ngIf=\"subsite.SecondaryConnectionError==false&&subsite.SecondaryRDState==1\" class=\"plc standby\">Standby [{{subsite.SecondaryProgVersion}}]</div>\r\n                    <div title=\"open Secondary\" (click)=\"openSubSite(subsite.SecondaryGUID,subsite.SiteName)\" *ngIf=\"subsite.SecondaryConnectionError==false&&subsite.SecondaryRDState==2\" class=\"plc deactivated\">Deactivated [{{subsite.SecondaryProgVersion}}]</div>\r\n\r\n                    <div class=\"guid\">{{subsite.SecondaryGUID}}</div>\r\n                    <div class=\"guid\">Host: {{subsite.SecondaryURL}} BinVersion: {{subsite.SecondaryBinVersion}}</div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<!-- <div class=\"manage\" (click)=\"openIotConfig()\">Manage IoT's</div> -->","styles":[".subitem{-ms-grid-columns:400px 300px 300px;background-color:#f7f7f7;border-bottom:1px solid #dedede;display:-ms-grid;display:grid;grid-template-columns:400px 300px 300px;height:80px;margin:5px}.namecontainer{-ms-grid-column:1;border-right:1px solid #dedede;color:#ffa600;font-size:150%;grid-column:1;line-height:80px;overflow:hidden;text-align:center}.search{height:50px;margin:5px}.primarycontainer{-ms-grid-column:2;border-right:1px solid #dedede;grid-column:2}.secondarycontainer{-ms-grid-column:3;border-right:1px solid #dedede;grid-column:3}.plc{border:1px solid grey;cursor:pointer;line-height:30px;margin:5px;text-align:center;width:290px}.error{background-color:red;color:#fff}.standby{background-color:#ffd000;color:#fff}.server{background-color:#4caf50;color:#fff}.deactivated{background-color:#09f;color:#fff}.guid{color:grey;font-size:75%;text-align:center}.sulist{overflow:auto}"]}]}],"members":{"GUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5},"arguments":["GUID"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":25,"character":32},{"__symbolic":"reference","name":"ACCom"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"dofilter":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}],"openSubSite":[{"__symbolic":"method"}]}},"ACIotInstanceViewItem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ac-iot-instanceviewitem","template":"\n        <div *ngIf=\"Inst._hide!=true\">\n            <div fxLayout=\"row\" >\n                <div *ngIf=\"Inst.children&&Inst.children.length>0\">\n                    <div  (click)=\"toggleOpen(Inst)\" style=\"cursor:pointer;width:25px\">\n                    <mat-icon *ngIf=\"Inst._open!=true\" title=\"open\" class=\"name\" >play_arrow</mat-icon>\n                    <mat-icon *ngIf=\"Inst._open==true\" title=\"close\" class=\"name\" style=\"transform:rotate(90deg)\">play_arrow</mat-icon>    \n                    \n                    </div>\n                </div>  \n                <div *ngIf=\"!Inst.children\" style=\"min-width:25px;background-color=red\"></div>\n                <mat-icon style=\"margin-top: 5px;\" class=\"name\" style=\"cursor:auto\">adjust</mat-icon>\n                <div>\n                    <div class=\"name\" style=\"cursor:pointer\" title=\"Class: {{Inst.Class}}\" (click)=\"showInstance(Inst,$event)\">{{Inst._ShortName}} </div> \n                    <div style=\"margin-left:8px;font-size: 72%;color: #6f6f6f;margin-top: -6px;margin-bottom: 6px;\">{{Inst.Remark}} [{{Inst.Class}}]</div>\n                </div>\n            </div>  \n            <div *ngIf=\"Inst._open==true\">\n                <div style=\"margin-left:20px\" *ngFor=\"let sub of Inst.children\">\n                    <ac-iot-instanceviewitem [Site]=\"Site\" [Inst]=sub></ac-iot-instanceviewitem>\n                </div>\n            </div> \n        </div> \n    ","styles":[".name{color: #2196F3;padding:8px;font-weight:500;cursor:pointer}"]}]}],"members":{"Inst":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5},"arguments":["Inst"]}]}],"Site":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5},"arguments":["Site"]}]}],"toggleOpen":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"}]}],"showInstance":[{"__symbolic":"method"}]}},"ACIotInstanceViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":67,"character":1},"arguments":[{"selector":"ac-iot-instanceview","template":"<div class=\"main\">\r\n    <div class=\"search\">\r\n        <mat-icon class=\"searchicon\">search</mat-icon>\r\n        <mat-form-field class=\"search\">\r\n            <input matInput placeholder=\"Search\" [(ngModel)]=\"Filter\">\r\n        </mat-form-field>\r\n        <mat-icon class=\"searchicon\" style=\"cursor: pointer\" (click)=\"load()\">refresh</mat-icon>\r\n\r\n    </div>\r\n    <div class=\"msg\">{{msg}}</div>\r\n    <div class=output>\r\n        <div *ngIf=\"loading==true\" class=\"loading\">\r\n            <mat-spinner></mat-spinner>\r\n        </div>\r\n\r\n        <div class=\"result\">\r\n            <div *ngIf=\"loading==false\"> \r\n                <div *ngFor=\"let prog of progList\">\r\n                    <div *ngIf=\"prog._hide!=true\">\r\n                        <div class=\"prog\" (click)=\"prog._open = !prog._open\">+ {{prog.Name}}</div>\r\n                        <div *ngIf=\"prog._open==true\">\r\n                            <div *ngFor=\"let inst of prog.InstanceList\">\r\n                                <ac-iot-instanceviewitem [Site]=\"_guid\" [Inst]=\"inst\"></ac-iot-instanceviewitem>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>","styles":[".main{-ms-grid-rows:80px 20px 1fr;display:-ms-grid;display:grid;grid-template-rows:80px 20px 1fr;height:100%;width:100%}.search{-ms-grid-row:1;grid-row:1}.msg{-ms-grid-row:2;color:grey;font-size:10px;grid-row:2;padding:5px}.output{-ms-grid-row:3;grid-row:3;width:100%}.output,.result{overflow:auto}.prog{border-bottom:1px solid #c5c5c5;color:#2196f3;font-weight:700}.inst,.prog{cursor:pointer;padding:10px}.inst{color:#4e4f4e;white-space:nowrap}.standby{color:#ffa600}.instance{color:#03a9f4;margin-left:20px;margin-top:5px}.search,.searchicon{margin-left:10px}.searchicon{color:#5c5c5c;margin-top:22px}.loading mat-spinner{margin:50px auto}"]}]}],"members":{"Filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5},"arguments":["Filter"]}]}],"GUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":5},"arguments":["GUID"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":100,"character":80},{"__symbolic":"reference","name":"ACDBService"}]}],"getProg":[{"__symbolic":"method"}],"_filterInstance":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}]}},"IOTInstance":{"__symbolic":"class","members":{}},"IOTProgram":{"__symbolic":"class","members":{}},"ACIotTraceviewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ac-iot-traceview","template":"<div class=\"main\" freeze>\r\n    <div class=overview>\r\n        <div *ngFor=\"let tracemodule of traceOverviewList\" class=\"tracemodule\">\r\n                <div class=\"tracemodulename\" (click)=\"loadItems(tracemodule)\" title=\"{{tracemodule.Name}}\">{{tracemodule.Name}}</div>\r\n                <div class=\"tracemodulencnt\" [ngClass]=\"{'log': tracemodule.HighestType==1, 'warn': tracemodule.HighestType==2,'error': tracemodule.HighestType==3,'error blink': tracemodule.HighestType==4}\">{{tracemodule.ItemCnt}}</div>\r\n            </div>\r\n\r\n    </div>\r\n    <div class=\"detail\">\r\n            <div *ngFor=\"let trace of mytraceitem\">\r\n                    <div class=\"traceitem traceitemLog\" *ngIf=\"trace.Type==1\">\r\n                        <div class=\"time\">{{trace.TimeStr}}</div>\r\n                        <div class=\"group\" title=\"{{trace.Group}}\">{{trace.Group}}</div>\r\n                        <div class=\"message\">{{trace.Message}}</div>\r\n                    </div> \r\n                    <div class=\"traceitem traceitemWarning\" *ngIf=\"trace.Type==2\">\r\n                        <div class=\"time\">{{trace.TimeStr}}</div>\r\n                        <div class=\"group\" title=\"{{trace.Group}}\">{{trace.Group}}</div>\r\n                        <div class=\"message\">{{trace.Message}}</div>\r\n                    </div>\r\n                    <div class=\"traceitem traceitemError\" *ngIf=\"trace.Type==3\">\r\n                        <div class=\"time\">{{trace.TimeStr}}</div>\r\n                        <div class=\"group\" title=\"{{trace.Group}}\">{{trace.Group}}</div>\r\n                        <div class=\"message\">{{trace.Message}}</div>\r\n                    </div>\r\n                    <div class=\"traceitem traceitemFatalError\" *ngIf=\"trace.Type==4\">\r\n                        <div class=\"time\">{{trace.TimeStr}}</div>\r\n                        <div class=\"group blink\" title=\"{{trace.Group}}\">{{trace.Group}}</div>\r\n                        <div class=\"message\">{{trace.Message}}</div>\r\n                    </div>\r\n                </div>\r\n    </div>\r\n</div>\r\n","styles":[".main{-ms-grid-columns:250px 1fr;display:-ms-grid;display:grid;grid-template-columns:250px 1fr}.overview{-ms-grid-column:1;grid-column:1}.detail,.overview{height:100%;overflow:auto;padding:5px}.detail{-ms-grid-column:2;grid-column:2}.tracemodule{-ms-grid-columns:1fr 20px;display:-ms-grid;display:grid;grid-template-columns:1fr 20px}.tracemodulename{-ms-grid-column:1;-webkit-border-after:1px solid #e8e8e8;border-block-end:1px solid #e8e8e8;color:#464646;cursor:pointer;grid-column:1;overflow:hidden;padding:10px;text-overflow:ellipsis}.tracemodulencnt{-ms-grid-column:2;background-color:red;border-radius:100%;color:#fff;font-size:90%;grid-column:2;height:25px;line-height:25px;text-align:center;width:25px}.log{background-color:#03a9f4;color:#fff}.warn{background-color:#ff9800;color:#fff}.error{background-color:red;color:#fff}.traceitem{-ms-grid-columns:180px 180px 1fr;display:-ms-grid;display:grid;grid-template-columns:180px 180px 1fr;margin:5px}.traceitemLog{color:#03a9f4}.traceitemWarning{color:#ff9800}.traceitemError{color:red}.traceitemFatalError{color:red;font-weight:700}.time{-ms-grid-column:1;grid-column:1}.group,.time{margin-left:20px}.group{-ms-grid-column:2;grid-column:2;overflow:hidden;text-overflow:ellipsis}.message{-ms-grid-column:3;grid-column:3}.terminalmain{overflow:auto}"]}]}],"members":{"GUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5},"arguments":["GUID"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":19,"character":32},{"__symbolic":"reference","name":"ACCom"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}],"loadItems":[{"__symbolic":"method"}],"getOverview":[{"__symbolic":"method"}],"IsLoading":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}]}},"ACIotTerminalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ac-iot-terminal","template":"<div #scrollMe class=\"terminalmain\"  topoffsetheigth=\"120\">\r\n\r\n<div  class=\"onlinecontent\" style=\"background-color: #191919\">\r\n    <div *ngFor=\"let trace of onlineTrace\">\r\n        <div class=\"traceitem traceitemLog\" *ngIf=\"trace.Type==1\">\r\n            <div class=\"time\">{{trace.TimeStr}}</div>\r\n            <div class=\"group\" title=\"{{trace.Group}}\">{{trace.Group}}</div>\r\n            <div class=\"message\">{{trace.Message}}</div>\r\n        </div>\r\n        <div class=\"traceitem traceitemWarning\" *ngIf=\"trace.Type==2\">\r\n            <div class=\"time\">{{trace.TimeStr}}</div>\r\n            <div class=\"group\" title=\"{{trace.Group}}\">{{trace.Group}}</div>\r\n            <div class=\"message\">{{trace.Message}}</div>\r\n        </div>\r\n        <div class=\"traceitem traceitemError\" *ngIf=\"trace.Type==3\">\r\n            <div class=\"time\">{{trace.TimeStr}}</div>\r\n            <div class=\"group\" title=\"{{trace.Group}}\">{{trace.Group}}</div>\r\n            <div class=\"message\">{{trace.Message}}</div>\r\n        </div>\r\n        <div class=\"traceitem traceitemError blink\" *ngIf=\"trace.Type==4\">\r\n            <div class=\"time\">{{trace.TimeStr}}</div>\r\n            <div class=\"group\" title=\"{{trace.Group}}\">{{trace.Group}}</div>\r\n            <div class=\"message\">{{trace.Message}}</div>\r\n        </div>\r\n    </div>\r\n    <div style=\"height:50px\"></div>\r\n</div>\r\n    \r\n</div>","styles":[".main{-ms-grid-columns:250px 1fr;display:-ms-grid;display:grid;grid-template-columns:250px 1fr}.overview{-ms-grid-column:1;grid-column:1}.detail,.overview{height:100%;overflow:auto;padding:5px}.detail{-ms-grid-column:2;grid-column:2}.tracemodule{-ms-grid-columns:1fr 20px;display:-ms-grid;display:grid;grid-template-columns:1fr 20px}.tracemodulename{-ms-grid-column:1;-webkit-border-after:1px solid #e8e8e8;border-block-end:1px solid #e8e8e8;color:#464646;cursor:pointer;grid-column:1;overflow:hidden;padding:10px;text-overflow:ellipsis}.tracemodulencnt{-ms-grid-column:2;background-color:red;border-radius:100%;color:#fff;font-size:90%;grid-column:2;height:25px;line-height:25px;text-align:center;width:25px}.log{background-color:#03a9f4;color:#fff}.warn{background-color:#ff9800;color:#fff}.error{background-color:red;color:#fff}.traceitem{-ms-grid-columns:180px 180px 1fr;display:-ms-grid;display:grid;grid-template-columns:180px 180px 1fr;margin:5px}.traceitemLog{color:#03a9f4}.traceitemWarning{color:#ff9800}.traceitemError{color:red}.traceitemFatalError{color:red;font-weight:700}.time{-ms-grid-column:1;grid-column:1}.group,.time{margin-left:20px}.group{-ms-grid-column:2;grid-column:2;overflow:hidden;text-overflow:ellipsis}.message{-ms-grid-column:3;grid-column:3}.terminalmain{overflow:auto}"]}]}],"members":{"myScrollContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":5},"arguments":["scrollMe"]}]}],"GUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5},"arguments":["GUID"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"scrollToBottom":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}]},"statics":{"lastLogCnt":0,"lastWarningCnt":0,"lastErrorCount":0,"lastFatalErrorCnt":0,"sonlineTrace":[]}},"ACPivotComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"ac-pivot","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":21,"character":21},"member":"OnPush"},"template":"<div *ngIf=\"showFilter==true\" class=\"filterpoup\">\r\n        <div class=\"filtermain\">\r\n                <div style=\"height:20px\"></div>\r\n                <mat-checkbox class=\"selectitem\" [(ngModel)]=\"selectAll\" (change)=\"piSelectAll()\">All</mat-checkbox>\r\n                <div class=\"selectlist\">\r\n                        <div *ngFor=\"let pi of pivotItemsAll\">\r\n\r\n                                <mat-checkbox class=\"selectitem\" [(ngModel)]=\"pi.Visible\" (change)=\"piSelect(pi)\">{{pi.Name}}\r\n                                </mat-checkbox>\r\n                        </div>\r\n                </div>\r\n                <button mat-raised-button color=\"accent\" class=\"closebutton\" (click)=\"showFilter=false\">Close\r\n                </button>\r\n        </div>\r\n</div>\r\n\r\n<div class=\"main\">\r\n\r\n        <div class=\"pcolumns header\" [style.grid-template-columns]=\"columnswidth\">\r\n                <div class=\"search\">\r\n\r\n                        <div *ngIf=\"loading==true\" class=\"spinner\">\r\n                                <div class=\"bounce1\"></div>\r\n                                <div class=\"bounce2\"></div>\r\n                                <div class=\"bounce3\"></div>\r\n                        </div>\r\n\r\n\r\n                        <mat-icon *ngIf=\"loading==false\" class=\"searchicon\">search</mat-icon>\r\n\r\n\r\n                        <div *ngIf=\"_ShowSearch==true\" class=\"serachx\">\r\n                                <mat-form-field class=\"instanceserach\">\r\n                                        <input matInput placeholder=\"InstanceName\" [(ngModel)]=\"filter\">\r\n                                </mat-form-field>\r\n\r\n                                <mat-form-field class=\"remarkserach\">\r\n                                        <input matInput placeholder=\"Remark\" [(ngModel)]=\"remarkfilter\">\r\n                                </mat-form-field>\r\n                                <mat-form-field class=\"classerach\">\r\n                                        <input matInput placeholder=\"Class\" [(ngModel)]=\"classfilter\">\r\n                                </mat-form-field>\r\n\r\n\r\n                        </div>\r\n                </div>\r\n                <div *ngIf=\"DisplayPivotItems>0\" class=\"hcell pcol2\" (click)=\"pivotItems[0].DoShowFilter(true)\" title=\"{{pivotItems[0].Name}} | {{pivotItems[0].Remark}}\">\r\n                        <div class=\"hcelltext\">{{pivotItems[0].Name}}</div>\r\n                        <div *ngIf=\"pivotItems[0]._showFilter == false && pivotItems[0]._filterError==false\" click=\"pivotItems[0]._showFilter=true\"\r\n                                class=\"filtertext\" title=\"Value Filter\">{{pivotItems[0].Filter}}</div>\r\n                        <input *ngIf=\"pivotItems[0]._showFilter==true\" (focusout)=\"pivotItems[0].DoShowFilter(false)\"\r\n                                class=\"filterinput\" type=\"string\" [(ngModel)]=\"pivotItems[0].Filter\" matTooltip=\"Textfilter, for number values start with < or > for lower or greather, or just the value for exact match.For boolean use true or false.\">\r\n                </div>\r\n                <div *ngIf=\"DisplayPivotItems>1\" class=\"hcell pcol3\" (click)=\"pivotItems[1].DoShowFilter(true)\" title=\"{{pivotItems[1].Name}} | {{pivotItems[1].Remark}}\">\r\n                        <div class=\"hcelltext\">{{pivotItems[1].Name}}</div>\r\n                        <div *ngIf=\"pivotItems[1]._showFilter == false && pivotItems[1]._filterError==false\" class=\"filtertext\"\r\n                                title=\"Value Filter\">{{pivotItems[1].Filter}}</div>\r\n                        <input *ngIf=\"pivotItems[1]._showFilter==true\" (focusout)=\"pivotItems[1].DoShowFilter(false)\"\r\n                                class=\"filterinput\" type=\"string\" [(ngModel)]=\"pivotItems[1].Filter\" matTooltip=\"Textfilter, for number values start with < or > for lower or greather, or just the value for exact match.For boolean use true or false.\">\r\n                </div>\r\n                <div *ngIf=\"DisplayPivotItems>2\" class=\"hcell pcol4\" (click)=\"pivotItems[2].DoShowFilter(true)\" title=\"{{pivotItems[2].Name}} | {{pivotItems[2].Remark}}\">\r\n                        <div class=\"hcelltext\">{{pivotItems[2].Name}}</div>\r\n                        <div *ngIf=\"pivotItems[2]._showFilter == false && pivotItems[2]._filterError==false\" class=\"filtertext\"\r\n                                title=\"Value Filter\">{{pivotItems[2].Filter}}</div>\r\n                        <input *ngIf=\"pivotItems[2]._showFilter==true\" (focusout)=\"pivotItems[2].DoShowFilter(false)\"\r\n                                class=\"filterinput\" type=\"string\" [(ngModel)]=\"pivotItems[2].Filter\" matTooltip=\"Textfilter, for number values start with < or > for lower or greather, or just the value for exact match.For boolean use true or false.\">\r\n                </div>\r\n                <div *ngIf=\"DisplayPivotItems>3\" class=\"hcell pcol5\" (click)=\"pivotItems[3].DoShowFilter(true)\" title=\"{{pivotItems[3].Name}} | {{pivotItems[3].Remark}}\">\r\n                        <div class=\"hcelltext\">{{pivotItems[3].Name}}</div>\r\n                        <div *ngIf=\"pivotItems[3]._showFilter == false && pivotItems[3]._filterError==false\" class=\"filtertext\"\r\n                                title=\"Value Filter\">{{pivotItems[3].Filter}}</div>\r\n                        <input *ngIf=\"pivotItems[3]._showFilter==true\" (focusout)=\"pivotItems[3].DoShowFilter(false)\"\r\n                                class=\"filterinput\" type=\"string\" [(ngModel)]=\"pivotItems[3].Filter\" matTooltip=\"Textfilter, for number values start with < or > for lower or greather, or just the value for exact match.For boolean use true or false.\">\r\n                </div>\r\n                <div *ngIf=\"DisplayPivotItems>4\" class=\"hcell pcol6\" (click)=\"pivotItems[4].DoShowFilter(true)\" title=\"{{pivotItems[4].Name}} | {{pivotItems[4].Remark}}\">\r\n                        <div class=\"hcelltext\">{{pivotItems[4].Name}}</div>\r\n                        <div *ngIf=\"pivotItems[4]._showFilter == false && pivotItems[4]._filterError==false\" class=\"filtertext\"\r\n                                title=\"Value Filter\">{{pivotItems[4].Filter}}</div>\r\n                        <input *ngIf=\"pivotItems[4]._showFilter==true\" (focusout)=\"pivotItems[4].DoShowFilter(false)\"\r\n                                class=\"filterinput\" type=\"string\" [(ngModel)]=\"pivotItems[4].Filter\" matTooltip=\"Textfilter, for number values start with < or > for lower or greather, or just the value for exact match.For boolean use true or false.\">\r\n                </div>\r\n                <div *ngIf=\"DisplayPivotItems>5\" class=\"hcell pcol7\" (click)=\"pivotItems[5].DoShowFilter(true)\" title=\"{{pivotItems[5].Name}} | {{pivotItems[5].Remark}}\">\r\n                        <div class=\"hcelltext\">{{pivotItems[5].Name}}</div>\r\n                        <div *ngIf=\"pivotItems[5]._showFilter == false && pivotItems[5]._filterError==false\" class=\"filtertext\"\r\n                                title=\"Value Filter\">{{pivotItems[5].Filter}}</div>\r\n                        <input *ngIf=\"pivotItems[5]._showFilter==true\" (focusout)=\"pivotItems[5].DoShowFilter(false)\"\r\n                                class=\"filterinput\" type=\"string\" [(ngModel)]=\"pivotItems[5].Filter\" matTooltip=\"Textfilter, for number values start with < or > for lower or greather, or just the value for exact match.For boolean use true or false.\">\r\n                </div>\r\n                <div *ngIf=\"DisplayPivotItems>6\" class=\"hcell pcol8\" (click)=\"pivotItems[6].DoShowFilter(true)\" title=\"{{pivotItems[6].Name}} | {{pivotItems[6].Remark}}\">\r\n                        <div class=\"hcelltext\">{{pivotItems[6].Name}}</div>\r\n                        <div *ngIf=\"pivotItems[6]._showFilter == false && pivotItems[6]._filterError==false\" class=\"filtertext\"\r\n                                title=\"Value Filter\">{{pivotItems[6].Filter}}</div>\r\n                        <input *ngIf=\"pivotItems[6]._showFilter==true\" (focusout)=\"pivotItems[6].DoShowFilter(false)\"\r\n                                class=\"filterinput\" type=\"string\" [(ngModel)]=\"pivotItems[6].Filter\" matTooltip=\"Textfilter, for number values start with < or > for lower or greather, or just the value for exact match.For boolean use true or false.\">\r\n                </div>\r\n                <div *ngIf=\"DisplayPivotItems>7\" class=\"hcell pcol9\" (click)=\"pivotItems[7].DoShowFilter(true)\" title=\"{{pivotItems[7].Name}} | {{pivotItems[7].Remark}}\">\r\n                        <div class=\"hcelltext\">{{pivotItems[7].Name}}</div>\r\n                        <div *ngIf=\"pivotItems[7]._showFilter == false && pivotItems[7]._filterError==false\" class=\"filtertext\"\r\n                                title=\"Value Filter\">{{pivotItems[7].Filter}}</div>\r\n                        <input *ngIf=\"pivotItems[7]._showFilter==true\" (focusout)=\"pivotItems[7].DoShowFilter(false)\"\r\n                                class=\"filterinput\" type=\"string\" [(ngModel)]=\"pivotItems[7].Filter\" matTooltip=\"Textfilter, for number values start with < or > for lower or greather, or just the value for exact match.For boolean use true or false.\">\r\n                </div>\r\n                <div *ngIf=\"DisplayPivotItems>8\" class=\"hcell pcol10\" (click)=\"pivotItems[8].DoShowFilter(true)\" title=\"{{pivotItems[8].Name}} | {{pivotItems[8].Remark}}\">\r\n                        <div class=\"hcelltext\">{{pivotItems[8].Name}}</div>\r\n                        <div *ngIf=\"pivotItems[8]._showFilter == false && pivotItems[8]._filterError==false\" class=\"filtertext\"\r\n                                title=\"Value Filter\">{{pivotItems[8].Filter}}</div>\r\n                        <input *ngIf=\"pivotItems[8]._showFilter==true\" (focusout)=\"pivotItems[8].DoShowFilter(false)\"\r\n                                class=\"filterinput\" type=\"string\" [(ngModel)]=\"pivotItems[8].Filter\" matTooltip=\"Textfilter, for number values start with < or > for lower or greather, or just the value for exact match.For boolean use true or false.\">\r\n                </div>\r\n                <div *ngIf=\"DisplayPivotItems>9\" class=\"hcell pcol11\" (click)=\"pivotItems[9].DoShowFilter(true)\" title=\"{{pivotItems[9].Name}} | {{pivotItems[9].Remark}}\">\r\n                        <div class=\"hcelltext\">{{pivotItems[9].Name}}</div>\r\n                        <div *ngIf=\"pivotItems[9]._showFilter == false && pivotItems[9]._filterError==false\" class=\"filtertext\"\r\n                                title=\"Value Filter\">{{pivotItems[9].Filter}}</div>\r\n                        <input *ngIf=\"pivotItems[9]._showFilter==true\" (focusout)=\"pivotItems[9].DoShowFilter(false)\"\r\n                                class=\"filterinput\" type=\"string\" [(ngModel)]=\"pivotItems[9].Filter\" matTooltip=\"Textfilter, for number values start with < or > for lower or greather, or just the value for exact match.For boolean use true or false.\">\r\n                </div>\r\n                <div *ngIf=\"ShowFilterAndExport==true\" class=\"iconright\">\r\n                        <!-- <mat-icon class=\"icon\" (click)=\"exportCSV()\" title=\"download .csv\">file_download</mat-icon>\r\n                        <mat-icon class=\"iconselect\" (click)=\"showFilter=!showFilter\" title=\"select column's\">view_column</mat-icon> -->\r\n                        <mat-menu #menupivot xPosition=\"before\" yPosition=\"above\">\r\n                                <button mat-menu-item (click)=\"showFilter=!showFilter\"> Setup Colums's</button>\r\n                                <button mat-menu-item (click)=\"exportCSV()\"> Export CSV </button>\r\n                                <button mat-menu-item (click)=\"loadPivot()\"> Load pivot </button>\r\n                                <button mat-menu-item (click)=\"savePivot()\"> Save pivot </button>\r\n                        </mat-menu>\r\n                        <button class=\"morebutton\" mat-icon-button [matMenuTriggerFor]=\"menupivot\">\r\n                                <mat-icon class=\"icon\">more_horiz</mat-icon>\r\n                        </button>\r\n                        <!-- <div ngbDropdown class=\"d-inline-block\">\r\n                                <button class=\"btn btn-outline-primary\" id=\"dropdownBasic1\" ngbDropdownToggle>Toggle dropdown</button>\r\n                                <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                                  <button class=\"dropdown-item\">Action - 1</button>\r\n                                  <button class=\"dropdown-item\">Another Action</button>\r\n                                  <button class=\"dropdown-item\">Something else is here</button>\r\n                                </div>\r\n                              </div> -->\r\n                </div>\r\n        </div>\r\n\r\n\r\n        <div class=\"content\" #dataContent>\r\n                <cdk-virtual-scroll-viewport itemSize=\"50\" style=\"height: 100%;width: 100%\">\r\n                        <!-- <div *ngFor=\"let inst of instanceListFiltered\"> -->\r\n                        <div *cdkVirtualFor=\"let inst of instanceListFiltered\"> \r\n                                <div class=\"pcolumns\" [style.grid-template-columns]=\"columnswidth\">\r\n                                        <div class=\"institem\">\r\n                                                <div class=\"institemname\" title=\"{{inst.Name}}  [{{inst.Class}}]\">{{inst.Name}}</div>\r\n                                                <div class=\"institemremark\" title=\"{{inst.Remark}}  [{{inst.Class}}]\">{{inst.Remark}}</div>\r\n                                        </div>\r\n\r\n                                        <ac-pivotvalue *ngIf=\"DisplayPivotItems>0\" class=\"cell pcol2\" [Value]=\"inst.Value[0]\"></ac-pivotvalue>\r\n                                        <ac-pivotvalue *ngIf=\"DisplayPivotItems>1\" class=\"cell pcol3\" [Value]=\"inst.Value[1]\"></ac-pivotvalue>\r\n                                        <ac-pivotvalue *ngIf=\"DisplayPivotItems>2\" class=\"cell pcol4\" [Value]=\"inst.Value[2]\"></ac-pivotvalue>\r\n                                        <ac-pivotvalue *ngIf=\"DisplayPivotItems>3\" class=\"cell pcol5\" [Value]=\"inst.Value[3]\"></ac-pivotvalue>\r\n                                        <ac-pivotvalue *ngIf=\"DisplayPivotItems>4\" class=\"cell pcol6\" [Value]=\"inst.Value[4]\"></ac-pivotvalue>\r\n                                        <ac-pivotvalue *ngIf=\"DisplayPivotItems>5\" class=\"cell pcol7\" [Value]=\"inst.Value[5]\"></ac-pivotvalue>\r\n                                        <ac-pivotvalue *ngIf=\"DisplayPivotItems>6\" class=\"cell pcol8\" [Value]=\"inst.Value[6]\"></ac-pivotvalue>\r\n                                        <ac-pivotvalue *ngIf=\"DisplayPivotItems>7\" class=\"cell pcol9\" [Value]=\"inst.Value[7]\"></ac-pivotvalue>\r\n                                        <ac-pivotvalue *ngIf=\"DisplayPivotItems>8\" class=\"cell pcol10\" [Value]=\"inst.Value[8]\"></ac-pivotvalue>\r\n                                        <ac-pivotvalue *ngIf=\"DisplayPivotItems>9\" class=\"cell pcol11\" [Value]=\"inst.Value[9]\"></ac-pivotvalue>\r\n\r\n                                </div>\r\n                        </div>\r\n                </cdk-virtual-scroll-viewport>\r\n        </div>\r\n\r\n\r\n</div>","styles":[".main{height:100%;width:100%}.pcolumns{display:-ms-grid;display:grid}.header{background-color:#dedede}pcol2{-ms-grid-column:2;grid-column:2}pcol3{-ms-grid-column:3;grid-column:3}pcol4{-ms-grid-column:4;grid-column:4}pcol5{-ms-grid-column:5;grid-column:5}pcol6{-ms-grid-column:6;grid-column:6}pcol7{-ms-grid-column:7;grid-column:7}pcol8{-ms-grid-column:8;grid-column:8}pcol9{-ms-grid-column:9;grid-column:9}pcol10{-ms-grid-column:10;grid-column:10}pcol11{-ms-grid-column:11;grid-column:11}pcol12{-ms-grid-column:12;grid-column:12}.cell{border-bottom:1px solid #d6d6d6}.cell,.hcell{border-right:1px solid #d6d6d6}.hcell{cursor:pointer;overflow:hidden}.hcelltext{color:#717171;line-height:40px;margin-bottom:-10px;margin-left:5px;margin-right:5px;overflow:hidden;text-align:center;text-overflow:ellipsis}.filtererror{color:red}.filterinput{background-color:#f3f3f3;border:none;width:calc(100% - 10px)}.filterinput,.filtertext{font-size:80%;margin-left:5px;margin-right:5px;text-align:center}.filtertext{color:#ff9800;cursor:pointer;font-weight:700;margin-top:-10px;width:118px}.hcell:hover{border:1px solid #ff9800}.search{-ms-grid-column:1;-ms-grid-columns:40px 1fr;grid-column:1;grid-template-columns:40px 1fr}.search,.serachx{display:-ms-grid;display:grid}.serachx{-ms-grid-column:3;-ms-grid-columns:1fr .5fr .5fr;grid-column:3;grid-template-columns:1fr .5fr .5fr}.morebutton{margin:0}.searchicon{-ms-grid-column:1;color:#a9a9a9;grid-column:1;margin:15px}.iconright{-ms-grid-column:12;grid-column:12;margin-left:10px}.icon{margin-top:4px}.icon,.iconselect{color:#a9a9a9;cursor:pointer;max-height:20px}.iconselect{margin-top:-6px}.loading{height:20px!important;width:20px!important}.instanceserach{-ms-grid-column:1;color:#a9a9a9;grid-column:1;max-height:50px}.remarkserach{-ms-grid-column:2;grid-column:2;width:70px}.classerach,.remarkserach{color:#a9a9a9;margin-left:10px;max-height:50px}.classerach{-ms-grid-column:3;grid-column:3;width:65px}.instances{-ms-grid-column:1;grid-column:1}.content{background-color:#eaeaea;height:calc(100% - 54px);overflow:auto}.institem{border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6;height:50px}.institemname{color:#2196f3;font-size:100%;margin-top:10px;text-overflow:ellipsis}.institemname,.institemremark{margin-left:10px;margin-right:5px;overflow:hidden}.institemremark{color:#717171;font-size:80%;margin-top:1px}.filterpoup{-ms-grid-columns:1fr 300px 50px;display:-ms-grid;display:grid;grid-template-columns:1fr 300px 50px;position:absolute;top:150px;width:95%;z-index:100}.filtermain{-ms-grid-column:2;background-color:#eaeaea;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);grid-column:2;height:500px}.selectitem{margin:10px}.selectlist{height:400px;margin-top:10px;overflow:auto}.closebutton{margin-left:50px;margin-top:5px;width:200px}.spinner{-ms-grid-column:1;grid-column:1;margin:0 auto;text-align:center;width:20px}.spinner>div{-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both;background-color:#ff9800;border-radius:100%;display:inline-block;height:8px;width:8px}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}"]}]}],"members":{"columnswidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5},"arguments":["columnswidth"]}]}],"ngDoCheck":[{"__symbolic":"method"}],"ioTName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5},"arguments":["ioTName"]}]}],"GUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5},"arguments":["GUID"]}]}],"xfile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5},"arguments":["file"]}]}],"pivot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5},"arguments":["pivot"]}]}],"json":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":5},"arguments":["json"]}]}],"instances":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":5},"arguments":["instances"]}]}],"Variables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5},"arguments":["variables"]}]}],"ShowSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5},"arguments":["showSearch"]}]}],"ShowTools":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":5},"arguments":["showTools"]}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":5},"arguments":["filter"]}]}],"remarkfilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":5},"arguments":["remarkfilter"]}]}],"classfilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":5},"arguments":["classfilter"]}]}],"contentHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":5},"arguments":["contentHeight"]}]}],"dataContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":161,"character":5},"arguments":["dataContent",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":161,"character":38}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":196,"character":32},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":196,"character":99}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"loadInstances":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"piSelect":[{"__symbolic":"method"}],"piSelectAll":[{"__symbolic":"method"}],"setupPath":[{"__symbolic":"method"}],"setupFilter":[{"__symbolic":"method"}],"fillItems":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"setupProperties":[{"__symbolic":"method"}],"setupPropFilter":[{"__symbolic":"method"}],"valueFilter":[{"__symbolic":"method"}],"loadPivot":[{"__symbolic":"method"}],"doLoadPivot":[{"__symbolic":"method"}],"setJSON":[{"__symbolic":"method"}],"savePivot":[{"__symbolic":"method"}],"exportCSV":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"proc":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}],"VarFilterChanged":[{"__symbolic":"method"}]},"statics":{"MaxPivotItems":10,"classDictLoaded":{}}},"ACIotStatusComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ac-iot-status","template":"\r\n<div class=\"root\">\r\n    <div [ngClass]=\"{'header': rdmode!=2, 'headerSecondary': rdmode==2}\"  fxLayout=\"row\">\r\n\r\n            <div class=\"material-icons sitename\">language</div>\r\n            <div fxFlex class=\"headertitle\">{{title}}</div>\r\n            <div class=\"plcstate\" [ngClass]=\"{'standalone': plsRunningMode==0,'server': plsRunningMode==1, 'standby': plsRunningMode==2, 'deaktivated': plsRunningMode==3, 'offline': plsRunningMode==4}\">\r\n                <div>{{runningAsText}}</div>\r\n            </div>\r\n    </div>\r\n\r\n    <!-- https://github.com/bootsoon/ng-circle-progress/blob/master/src/circle-progress.component.ts -->\r\n\r\n        <div class=\"dashroot\">\r\n\r\n            <div class=\"dasheader\">Status:</div>\r\n\r\n            <!-- <circle-progress [outerStrokeColor]=\"'#78C000'\" [subtitle]=\"'Cycle Time'\" [percent]=\"CycleTimeLast\" [animation]=\"false\" [units]=\"'msec'\" [maxPercent]=\"CycleMax\" [radius]=\"30\"></circle-progress>\r\n            \r\n            <circle-progress [outerStrokeColor]=\"'#FF0000'\"  [subtitle]=\"'Used Time'\" [percent]=\"ExecTime\" [animation]=\"false\" [units]=\"'msec'\" [maxPercent]=\"CycleMax\" [radius]=\"30\"></circle-progress>\r\n            \r\n \r\n            <circle-progress [outerStrokeColor]=\"'#ffa600'\" [subtitle]=\"sMemoryStartup\" [percent]=\"MemoryNow\" [animation]=\"false\" [units]=\"'MByte'\" [maxPercent]=\"MemoryMax\" [radius]=\"30\"></circle-progress>\r\n \r\n            <circle-progress [outerStrokeColor]=\"'#363636'\" [subtitle]=\"'SHM usage'\" [percent]=\"SHMSizeUsed\" [animation]=\"false\" [units]=\"'MByte'\" [maxPercent]=\"SHMSize\" [radius]=\"30\"></circle-progress>\r\n            \r\n            <circle-progress [outerStrokeColor]=\"'#d6d6d6'\" [subtitle]=\"'Instances'\" [percent]=\"InstanceCount\" [animation]=\"false\" [units]=\"'i'\" [maxPercent]=\"InstanceMax\" [radius]=\"30\"></circle-progress>\r\n\r\n            <circle-progress [outerStrokeColor]=\"'#dddddd'\" [subtitle]=\"'Variables'\" [percent]=\"VariableCount\" [animation]=\"false\" [units]=\"'v'\" [maxPercent]=\"VariableMax\" [radius]=\"30\"></circle-progress>\r\n             -->\r\n        </div> \r\n\r\n        <div class=dashroot>\r\n                <div class=\"dasheader\">Trace:</div>\r\n                <div class=\"traceroot\">\r\n                    <div *ngFor=\"let trace of onlineTrace\" fxLayout=\"row\">\r\n                            <div class=\"tracitem\">{{trace.Time}}</div>\r\n                            <div class=\"tracitem\">{{trace.message}}</div>\r\n                            \r\n                        </div>     \r\n                    <div style=\"height: 20px\">.</div>        \r\n\r\n                </div>\r\n\r\n        </div>\r\n\r\n</div>","styles":[".root{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);height:100%;margin:5px}.header{background-color:#607d8b;height:40px;padding:5px}.headerSecondary{background-color:#cddc39;height:40px;padding:5px}.headertitle{color:#fff;font-size:20px;line-height:30px;margin-left:10px}.sitename{color:#fff;margin-top:4px}.server,.standalone{background-color:green}.server,.standalone,.standby{border:1px solid grey;color:#fff;line-height:30px;text-align:center;width:150px}.standby{background-color:#ffd900}.deaktivated{background-color:#2bb1ff}.deaktivated,.offline{border:1px solid grey;color:#fff;line-height:30px;text-align:center;width:150px}.offline{background-color:red}.dashboard1,.dashroot{padding:10px}.dashroot{border-bottom:1px solid #d3d3d3}.dasheader{background-color:#f5f5f5;color:#888;font-weight:700;padding:5px;width:99%}.traceroot{border:1px solid grey;height:500px;margin:10px;overflow:auto}.tracitem{font-size:14px;margin-left:10px}"]}]}],"members":{"guid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5},"arguments":["guid"]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5},"arguments":["name"]}]}],"_rdmode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5},"arguments":["rdmode"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":52,"character":32},{"__symbolic":"reference","name":"ACCom"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_getValues":[{"__symbolic":"method"}],"_getOnlineTrace":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}]},"statics":{"lastLogCnt":0,"lastWarningCnt":0,"lastErrorCount":0,"lastFatalErrorCnt":0}},"ACIotReportComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ac-iot-report","template":"<div topoffsetheigth=\"104\" style=\"margin-top: 2px;\">\r\n    <as-split direction=\"horizontal\">\r\n        <as-split-area [size]=\"20\" class=\"overview\">\r\n            <mat-progress-bar *ngIf=\"overviewloading==true\" mode=\"indeterminate\" style=\"height: 4px\"></mat-progress-bar>\r\n            <div *ngIf=\"overviewloading==false\" style=\"height: 4px\"></div>\r\n            <div *ngFor=\"let g of reportList\">\r\n                <div class=\"groupmain\">\r\n                    <div class=\"group\">{{g.Name}}</div> \r\n                    <div *ngFor=\"let r of g.Reports\">\r\n                        <div fxLayout=\"row\" class=\"reportcontaincer\" (click)=\"downloadAsPDF(r)\">\r\n                            <mat-icon class=\"reporticon\">description</mat-icon>\r\n                            <div>\r\n                                <div *ngIf=\"!r.DisplayName\" class=\"reportname\">{{r.Name}}</div>\r\n                                <div *ngIf=\"r.DisplayName\" class=\"reportname\">{{r.DisplayName}}</div>\r\n                                <div class=\"reportremark\">{{r.Remark}}</div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <!-- <div *ngFor=\"let rp of r.Properties\">\r\n                            <div>{{rp.Name}}</div>\r\n                            <div>{{rp.Class}}</div>\r\n                        </div> -->\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </as-split-area>\r\n        <as-split-area [size]=\"80\">\r\n                <mat-progress-bar *ngIf=\"pdfloading==true\" mode=\"indeterminate\" style=\"height: 4px\"></mat-progress-bar>\r\n                <div *ngIf=\"pdfloading==false\" style=\"height: 4px\"></div>\r\n                 \r\n                <div *ngIf=\"showPdf==true\" class=pdfviewer >\r\n                    <object #pdfobject   type=\"application/pdf\" class=\"pdfviewer\" [data]=\"pdfUrl\">\r\n                        <p>\r\n                            <b>Error</b>: This browser does not support PDFs. Please download the PDF to view it:\r\n                            <a [href]=\"pdfUrl\">Download PDF</a>.</p>\r\n                    </object> \r\n                </div>\r\n                \r\n             \r\n        </as-split-area>\r\n    </as-split>\r\n</div>","styles":[".overview{background-color:#464b4e}.group{background-color:#272727;color:#b1b1b1;padding:5px}.reportcontaincer{cursor:pointer}.reporticon{color:#d4d4d4;margin:15px}.reportname{color:#d4d4d4;font-size:130%;margin-top:10px}.reportremark{color:#969696;font-size:90%}.pdfviewer{height:calc(100% - 11px);width:100%}"]}]}],"members":{"pdfobject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":5},"arguments":["pdfobject"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":22,"character":77},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":22,"character":108}]}],"load":[{"__symbolic":"method"}],"_load":[{"__symbolic":"method"}],"_getReportGroup":[{"__symbolic":"method"}],"exec":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"loadClass":[{"__symbolic":"method"}],"downloadAsPDF":[{"__symbolic":"method"}],"_do_downloadAsPDF":[{"__symbolic":"method"}]}},"ACIotConfigComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ac-iot-config","template":"<!-- <div *ngIf=\"loading==true\" class=\"loading\">\r\n        <mat-spinner></mat-spinner>\r\n</div> -->\r\n<div *ngIf=\"loading==false\" class=\"main\">\r\n        <div class=\"header\">\r\n                <button class=\"button\" mat-raised-button (click)=\"reload()\">Reload</button>\r\n\r\n                <button *ngIf=\"canSave==false\" class=\"button\" mat-raised-button (click)=\"save()\" disabled color=\"accent\">Save</button>\r\n                <button *ngIf=\"canSave==true\" class=\"button\" mat-raised-button (click)=\"save()\" color=\"accent\">Save</button>\r\n                <div class=\"guid\">{{plcGuid}}</div>\r\n\r\n        </div>\r\n\r\n        <div class=\"editorpanel\">\r\n                <ac-editor   [language]=\"'json'\" [(ngModel)]=\"configData\" (onSave)=\"save()\"></ac-editor>\r\n        </div>\r\n</div>","styles":[".main{-ms-grid-rows:50px 1fr;grid-template-rows:50px 1fr;height:100%;width:100%}.header,.main{display:-ms-grid;display:grid}.header{-ms-grid-columns:220px 220px 1fr;-ms-grid-row:1;grid-row:1;grid-template-columns:220px 220px 1fr;max-height:45px;padding:1px}.editorpanel{-ms-grid-row:2;background-color:#fffffe;grid-row:2;height:100%}.button{margin:5px;width:200px}.guid{color:#a9a9a9;margin:15px}.loading mat-spinner{margin:200px auto}"]}]}],"members":{"configData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5},"arguments":["configData"]}]}],"GUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5},"arguments":["GUID"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":52,"character":32},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"reload":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}]}},"ACIotSiteConfigComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ac-iotsite-config","template":"<!-- <div *ngIf=\"loading==true\" class=\"loading\">\r\n        <mat-spinner></mat-spinner>\r\n</div> -->\r\n<div *ngIf=\"loading==false\" class=\"main\">\r\n        <div class=\"header\">\r\n                <button class=\"button\" mat-raised-button (click)=\"reload()\">Reload</button>\r\n\r\n                <button *ngIf=\"canSave==false\" class=\"button\" mat-raised-button (click)=\"save()\" disabled color=\"accent\">Save</button>\r\n                <button *ngIf=\"canSave==true\" class=\"button\" mat-raised-button (click)=\"save()\" color=\"accent\">Save</button>\r\n                <div class=\"guid\">{{plcGuid}}</div>\r\n\r\n        </div>\r\n\r\n        <div class=\"editorpanel\">\r\n                <ac-editor  (keypress)=\"keyPress($event)\" [language]=\"'json'\" [(ngModel)]=\"configData\"></ac-editor>\r\n        </div>\r\n</div>","styles":[".main{-ms-grid-rows:50px 1fr;grid-template-rows:50px 1fr;height:100%;width:100%}.header,.main{display:-ms-grid;display:grid}.header{-ms-grid-columns:220px 220px 1fr;-ms-grid-row:1;grid-row:1;grid-template-columns:220px 220px 1fr;max-height:45px;padding:1px}.editorpanel{-ms-grid-row:2;background-color:#fffffe;grid-row:2;height:100%}.button{margin:5px;width:200px}.guid{color:#a9a9a9;margin:15px}.loading mat-spinner{margin:200px auto}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5},"arguments":["name"]}]}],"guid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5},"arguments":["guid"]}]}],"configData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5},"arguments":["configData"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":50,"character":32},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"keyPress":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"reload":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}]}},"ACIotProcessListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ac-processlist","template":"\r\n    <div class=\"search\" *ngIf=\"showFilter==true\">\r\n        <mat-icon class=\"searchicon\">search</mat-icon>\r\n        <mat-form-field class=\"search\">\r\n            <input matInput placeholder=\"Search\" [(ngModel)]=\"filter\">\r\n        </mat-form-field>\r\n        <mat-icon class=\"searchicon\" style=\"cursor: pointer\" (click)=\"load()\">refresh</mat-icon>\r\n\r\n    </div>\r\n    \r\n<div class=\"procitem header\">\r\n        <div class=\"header1\">State</div>\r\n        <div class=\"header2\">Name</div>\r\n        <div class=\"header3\">Pid</div>\r\n        <div class=\"header4\">Start Memory (MB)</div>\r\n        <div class=\"header5\">Memory (MB)</div>\r\n        <div class=\"header6\">CPU (%)</div>\r\n        <div class=\"header7\">Hold</div>\r\n        <div class=\"header8\">Kill</div>\r\n        <div class=\"header9\">Restart Cnt</div>\r\n        <div class=\"header10\">StartTime</div>\r\n</div>\r\n<div class=\"list\" topoffsetheigth=\"150\"> \r\n\r\n\r\n        <div *ngFor=\"let proc of processList\">\r\n                <div class=\"procitem\">\r\n\r\n                        <mat-icon class=\"running\" *ngIf=\"proc.Running==true\" style=\"cursor: pointer\" (click)=\"load()\">play_circle_filled</mat-icon>\r\n                        <mat-icon class=\"stopped\" *ngIf=\"proc.Running!=true\" style=\"cursor: pointer\" (click)=\"load()\">pause_circle_filled</mat-icon>\r\n                        <div *ngIf=\"proc.hasInstance==true\" title=\"Open Instance: {{proc.RealInstanceName}}\" (click)=\"openInstance(proc)\" style=\"cursor: pointer;font-weight: 700\" class=\"name\">{{proc.DisplayName}}</div>\r\n                        <div *ngIf=\"proc.hasInstance!=true\" class=\"name\">{{proc.DisplayName}}</div>\r\n                        \r\n                        <div class=\"pid\">{{proc.Pid}}</div>\r\n                        <div class=\"memorystart\">{{proc.StartupMemory}}</div>\r\n                        <div class=\"memory\">{{proc.ActualMemory}}</div>\r\n                        <div class=\"cpu\">{{proc.CPUUsage}}</div>\r\n                        <mat-checkbox class=\"hold\" *ngIf=\"proc.HoldRestart==true|| proc.HoldRestart==false\" class=\"hold\" [(ngModel)]=\"proc.HoldRestart\"\r\n                                (click)=\"setHold(proc)\"></mat-checkbox>\r\n                        <button *ngIf=\"proc.KillProcess==true||proc.KillProcess==false\" class=\"kill\" mat-raised-button (click)=\"kill(proc)\" color=\"accent\">Kill</button>\r\n                        <div class=\"restartcnt\">{{proc.RestartCount}}</div>\r\n                        <div class=\"starttime\">{{proc.StartTime}}</div>\r\n                </div>\r\n\r\n\r\n        </div>\r\n\r\n</div>","styles":[".procitem{-ms-grid-columns:70px 1fr 80px 150px 150px 100px 50px 80px 120px 200px;border-bottom:1px solid #dedede;display:-ms-grid;display:grid;grid-template-columns:70px 1fr 80px 150px 150px 100px 50px 80px 120px 200px;padding:10px}.header{color:grey;font-weight:700;text-align:center}.header1{-ms-grid-column:1;grid-column:1}.header1,.header2{-ms-grid-row:1;grid-row:1}.header2{-ms-grid-column:2;grid-column:2}.header3{-ms-grid-column:3;grid-column:3}.header3,.header4{-ms-grid-row:1;grid-row:1}.header4{-ms-grid-column:4;grid-column:4}.header5{-ms-grid-column:5;grid-column:5}.header5,.header6{-ms-grid-row:1;grid-row:1}.header6{-ms-grid-column:6;grid-column:6}.header7{-ms-grid-column:7;grid-column:7}.header7,.header8{-ms-grid-row:1;grid-row:1}.header8{-ms-grid-column:8;grid-column:8}.header9{-ms-grid-column:9;grid-column:9}.header9,.header10{-ms-grid-row:1;grid-row:1}.header10{-ms-grid-column:10;grid-column:10}.running{color:#4caf50;text-align:center}.running,.stopped{-ms-grid-column:1;-ms-grid-row:1;grid-column:1;grid-row:1;margin-left:20px}.stopped{color:red}.search{height:50px;margin:5px}.name{-ms-grid-column:2;-ms-grid-row:1;color:#6b6b6b;grid-column:2;grid-row:1;line-height:25px}.pid{-ms-grid-column:3;grid-column:3}.memorystart,.pid{-ms-grid-row:1;color:#6b6b6b;grid-row:1;line-height:25px;text-align:center}.memorystart{-ms-grid-column:4;grid-column:4}.memory{-ms-grid-column:5;grid-column:5}.cpu,.memory{-ms-grid-row:1;color:#6b6b6b;grid-row:1;line-height:25px;text-align:center}.cpu{-ms-grid-column:6;grid-column:6}.hold{-ms-grid-column:7;grid-column:7;margin:2px 2px 2px 15px}.hold,.kill{-ms-grid-row:1;grid-row:1}.kill{-ms-grid-column:8;color:#fff;grid-column:8;height:24px;line-height:27px}.restartcnt{-ms-grid-column:9;grid-column:9;text-align:center}.restartcnt,.starttime{-ms-grid-row:1;grid-row:1}.starttime{-ms-grid-column:10;color:#6b6b6b;grid-column:10}.list{overflow:auto}"]}]}],"members":{"GUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5},"arguments":["GUID"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":29,"character":32},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","name":"ACDBService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"openInstance":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"dofilter":[{"__symbolic":"method"}],"setHold":[{"__symbolic":"method"}],"kill":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}]}},"ACIotParameterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ac-parameter","template":"\r\n<div fxLayout=\"row\" style=\"width: 98%\"> \r\n    <div class=\"search\" fxFlex>\r\n        <mat-icon class=\"searchicon\">search</mat-icon>\r\n        <mat-form-field class=\"search\">\r\n            <input matInput placeholder=\"Search\" [(ngModel)]=\"filter\">\r\n        </mat-form-field>\r\n        <mat-icon class=\"searchicon\" style=\"cursor: pointer\" (click)=\"load()\">refresh</mat-icon>\r\n \r\n    </div>\r\n    <button *ngIf=\"hasChanged==false\"  class=\"genbutton\" mat-raised-button (click)=\"createCode()\" acRole=\"Admin\"  color=\"accent\">Create code</button>\r\n    <button *ngIf=\"hasChanged==false\"  class=\"button\" mat-raised-button (click)=\"save()\" disabled color=\"accent\">Set Parameter</button>\r\n    <button *ngIf=\"hasChanged==true\" title=\"Set Parameter on Server\" class=\"button\" mat-raised-button (click)=\"save()\" color=\"accent\">Set Parameter</button>\r\n\r\n</div>\r\n    \r\n<div class=\"paramitem header\">\r\n        <div class=\"header1\">Nr</div>\r\n        <div class=\"header2\">Name</div>\r\n        <div class=\"header3\">Remark</div>\r\n        <div class=\"header4\">Class</div>\r\n        <div class=\"header5\">Type</div>\r\n        <div class=\"header6\">Value</div>\r\n        \r\n</div>\r\n<div *ngIf=\"loading==true\" class=\"loading\">\r\n                <mat-spinner></mat-spinner>\r\n </div>\r\n<div class=\"list\" *ngIf=\"loading==false\" topoffsetheigth=\"210\"> \r\n \r\n\r\n        <div  *ngFor=\"let item of varlist\">\r\n                <div class=\"paramitem\">\r\n\r\n                        <div class=\"nr\">{{item._Count}}</div>\r\n                        <div *ngIf=\"item._Changed!=true\" class=\"name\">{{item.Name}}</div>\r\n                        <div *ngIf=\"item._Changed==true\" class=\"name changed\">{{item.Name}}*</div>\r\n                         \r\n                        <div class=\"remark\">{{item.Remark}}</div>\r\n                        <div class=\"class\">{{item.Class}}</div>\r\n                        <div class=\"type\">{{item.Type}}</div>\r\n                        <div [ngSwitch]=\"item.Type\">\r\n                                <input *ngSwitchCase=\"'Number'\" class=\"numberinput\" type=\"number\" [(ngModel)]=\"item.Value\" (ngModelChange)=\"changed(item)\">\r\n                                <input *ngSwitchCase=\"'DateTime'\" class=\"numberinput\" type=\"number\" [(ngModel)]=\"item.Value\" (ngModelChange)=\"changed(item)\">\r\n                                <input *ngSwitchCase=\"'String'\" class=\"numberinput\" type=\"text\" [(ngModel)]=\"item.Value\" (ngModelChange)=\"changed(item)\">\r\n                                <div *ngSwitchCase=\"'Boolean'\">\r\n                                        <button *ngIf=\"item.Value!=true\" class=\"boolbutton\" mat-raised-button (click)=\"setOn(item)\" >false</button>\r\n                                        <button *ngIf=\"item.Value==true\" class=\"boolbutton\" mat-raised-button (click)=\"setOff(item)\" color=\"accent\">true</button>\r\n                                                \r\n                                         \r\n                                </div>\r\n                        </div>\r\n                       \r\n                         \r\n                        \r\n                        \r\n                </div>\r\n\r\n\r\n        </div>\r\n\r\n</div>","styles":[".paramitem{-ms-grid-columns:4% 26% 30% 10% 10% 20%;border-bottom:1px solid #dedede;display:-ms-grid;display:grid;grid-template-columns:4% 26% 30% 10% 10% 20%}.search{margin-left:10px}.button{width:300px}.button,.genbutton{height:40px;margin-left:20px;margin-top:12px}.genbutton{width:200px}.list{font-size:80%;overflow:auto}.header{color:grey;font-weight:700;text-align:center}.header1{-ms-grid-column:1;grid-column:1}.header1,.header2{-ms-grid-row:1;grid-row:1}.header2{-ms-grid-column:2;grid-column:2}.header3{-ms-grid-column:3;grid-column:3}.header3,.header4{-ms-grid-row:1;grid-row:1}.header4{-ms-grid-column:4;grid-column:4}.header5{-ms-grid-column:5;grid-column:5}.header5,.header6{-ms-grid-row:1;grid-row:1}.header6{-ms-grid-column:6;grid-column:6}.nr{-ms-grid-column:1;grid-column:1}.name,.nr{height:30px;line-height:30px;margin-left:5px}.name{-ms-grid-column:2;font-weight:700;grid-column:2;overflow:hidden}.changed{color:#2196f3}.boolbutton{height:24px;line-height:22px;margin-left:2px;margin-top:3px;width:98%}.remark{-ms-grid-column:3;grid-column:3}.class,.remark{height:30px;line-height:30px;margin-left:5px;overflow:hidden}.class{-ms-grid-column:4;grid-column:4;text-align:center}.type{-ms-grid-column:5;grid-column:5;text-align:center}.type,.value{height:30px;line-height:30px;margin-left:5px}.value{-ms-grid-column:6;grid-column:6}.numberinput{height:22px;margin-top:1px;text-align:center;width:98%}.loading mat-spinner{margin:50px auto}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":23,"character":32},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","name":"ACDBService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"changed":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"match":[{"__symbolic":"method"}],"createCode":[{"__symbolic":"method"}],"dofilter":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}],"setOn":[{"__symbolic":"method"}],"setOff":[{"__symbolic":"method"}]}},"VariableListItem":{"__symbolic":"class","members":{}},"ACIotBinVersionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ac-binversion","template":"<div style=\"margin: 30px\">\r\n\r\n\r\n\r\n        <div class=\"programinfo\">Update System binary</div>\r\n        <div class=\"programdownload\">Download binary from Server:</div>\r\n\r\n        <div class=\"search\">\r\n                <mat-icon class=\"searchicon\">cloud</mat-icon>\r\n                <mat-form-field class=\"search\">\r\n                        <input matInput placeholder=\"Server:\" [(ngModel)]=\"UpdateServer\">\r\n                </mat-form-field>\r\n                <mat-icon class=\"searchicon\" style=\"cursor: pointer\" (click)=\"load()\">refresh</mat-icon>\r\n        </div>\r\n        <mat-progress-bar *ngIf=\"download==true\" mode=\"indeterminate\" style=\"height: 2px\"></mat-progress-bar>\r\n        <div class=table>\r\n                <div class=\"scolumn1\">The local installed binary version:</div>\r\n                <div class=\"scolumn2\" fxLayout=row>\r\n                        <div>{{BinVersion}} (Date: {{BinBuildVersion}} Major:{{BinMajorVersion}})</div>\r\n                        <div style=\"    margin-left: 10px;\" (click)=\"downloadbinFromLocalServer()\"> (Download </div>\r\n                        <div style=\"    margin-left: 10px;color: #2196F3;cursor: pointer;\"\r\n                                (click)=\"downloadbinFromLocalServer()\" title=\"Download bin/\"> bin</div>\r\n                        <div style=\"margin-left: 3px;\" (click)=\"downloadbinFromLocalServer()\"> / </div>\r\n                        <div style=\"margin-left: 3px; color: #2196F3;cursor: pointer;\"\r\n                                (click)=\"downloadnodemodulesFromLocalServer()\" title=\"Download node_modules/\">\r\n                                node_modules </div>\r\n                        <div (click)=\"downloadbinFromLocalServer()\"> ) </div>\r\n                </div>\r\n        </div>\r\n\r\n        <div class=table>\r\n                <div class=\"scolumn1\">Update Server binary version:</div>\r\n                <div class=\"scolumn2\">{{UpdateServerBinVersion}} (Date: {{UpdateBinBuildVersion}}\r\n                        Major:{{UpdateBinMajorVersion}})</div>\r\n        </div>\r\n\r\n        <div fxLayout=row>\r\n                <button *ngIf=\"canUpdate==0\" class=\"updatebutton\" disabled mat-raised-button\r\n                        color=\"accent\">...contacting update\r\n                        server...</button>\r\n                <button *ngIf=\"canUpdate==1\" class=\"updatebutton\" mat-raised-button color=\"accent\"\r\n                        (click)=\"downloadbinZip() \">Download and install Version: {{UpdateServerBinVersion}}\r\n                        now!</button>\r\n                <button *ngIf=\"canUpdate==2\" class=\"updatebutton\" disabled mat-raised-button color=\"accent\">Your system\r\n                        is up to\r\n                        date!</button>\r\n                <button *ngIf=\"canUpdate==3\" class=\"updatebutton\" disabled mat-raised-button color=\"accent\">Upgrade to\r\n                        other\r\n                        major Version not possible!</button>\r\n                <button *ngIf=\"canUpdate==4\" class=\"updatebutton\" disabled mat-raised-button color=\"accent\">Your\r\n                        installed\r\n                        Version is newer!</button>\r\n                <div class=\"downloadanyway\" *ngIf=\"canUpdate>1\" (click)=\"downloadbinZip()\">...download anyway!</div>\r\n        </div>\r\n        \r\n \r\n        <div class=\"programdownload\">Upload binary:</div>\r\n        <div class=\"dropzone\" acDnd (filesChangeEmiter)=\"onFilesChange($event)\"\r\n                (filesBase64DataEmiter)=\"onfilesBase64DataEmiter($event)\" [allowed_extensions]=\"['zip']\">\r\n                Drop <b>bin&lt;Version&gt;.zip</b> or <b>node_modules.zip</b> archive here..\r\n        </div>\r\n        <div *ngIf=\"dropupload\" class=drop_hide>\r\n                <mat-progress-bar mode=\"indeterminate\" style=\"height: 2px\"></mat-progress-bar>              \r\n        </div>\r\n        <div class=\"programdownload\">Messages:</div>\r\n        <mat-progress-bar *ngIf=\"running==true\" mode=\"indeterminate\" style=\"height: 4px\"></mat-progress-bar>\r\n        <div *ngIf=\"running==false\" style=\"height: 4px\"></div>\r\n        <div *ngFor=\"let m of msg\">\r\n                <div class=\"msg\">{{m}}</div>\r\n        </div>\r\n\r\n</div>","styles":[".programinfo{color:grey;font-size:150%;margin:10px}.programdownload{color:grey;font-size:120%;margin:10px}.msg{color:#03a9f4;font-family:monospace;font-size:90%;margin:10px}.updateserver{font-size:120%;margin:10px;width:400px}.updatebutton{color:#fff;font-size:100%;margin:10px;width:330px}.searchicon{color:grey;margin-left:10px;margin-right:20px}.table{-ms-grid-columns:350px auto;display:-ms-grid;display:grid;grid-template-columns:350px auto}.scolumn1{-ms-grid-column:1;grid-column:1}.scolumn1,.scolumn2{color:grey;font-size:80%;margin:10px}.scolumn2{-ms-grid-column:2;grid-column:2}.scolumn3{-ms-grid-column:3;color:grey;font-size:80%;grid-column:3;margin:10px}.column1{-ms-grid-column:1;grid-column:1}.column1,.column2{color:grey;font-size:120%;margin:10px}.column2{-ms-grid-column:2;grid-column:2}.downloadanyway{color:#ff9800;cursor:pointer;font-size:80%;margin:20px}.dropzone{border:3px dotted #d3d3d3;color:#ff9800;font-size:110%;height:70px;line-height:70px;margin:20px;text-align:center;width:500px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":41,"character":32},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","name":"ACDBService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"saveServerCfg":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"downloadbinFromLocalServer":[{"__symbolic":"method"}],"downloadnodemodulesFromLocalServer":[{"__symbolic":"method"}],"fileOverBase":[{"__symbolic":"method"}],"fileOverAnother":[{"__symbolic":"method"}],"onFilesChange":[{"__symbolic":"method"}],"uploadNodeModules":[{"__symbolic":"method"}],"onfilesBase64DataEmiter":[{"__symbolic":"method"}],"_GetMessages":[{"__symbolic":"method"}],"GetMessages":[{"__symbolic":"method"}],"downloadbinZip":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ACIotDatagridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ac-iot-datagrid","template":"<div class=\"main\">\r\n    <div *ngFor=\"let inst of instanceList\">\r\n        <div [ngClass]=\"{'instancecard': inst.active==false, 'instancecard_activ': inst.active==true}\" (click)=\"setActiv(inst)\">\r\n            <div [ngClass]=\"{'headerrow': inst.displayStandby==false, 'headerrowStby': inst.displayStandby==true}\"  fxLayout=row>\r\n                    <mat-icon class=\"headerinstance\" >adjust</mat-icon>\r\n                    <div class=\"headerinstance\"  style=\"margin-top:5px\">{{inst.instanceName}} </div>\r\n                <div style=\"margin-top:5px;margin-left:10px\" fxFlex> [{{inst.remark}}]</div>\r\n                <mat-icon class=\"headericon\" title=\"Open Popup\" (click)=\"inst.openPopup('',600,500)\">eject</mat-icon>\r\n                <mat-icon title=\"Expand View\" *ngIf=\"expand==true\" class=\"headericon\"  (click)=\"doexpand()\">format_line_spacing\r\n                </mat-icon>\r\n                <mat-icon title=\"Expand View\" *ngIf=\"expand==false\" class=\"headericon disable\"  (click)=\"doexpand()\">format_line_spacing\r\n                </mat-icon>\r\n                <mat-icon class=\"headericon\" title=\"Close\" (click)=\"closeInstance(inst)\">clear</mat-icon>\r\n            </div>\r\n            <div class=\"content\" [ngClass]=\"{'contentmax': expand==false}\">\r\n                <ac-dataview [dataModel]=\"inst.vm\" [bigView]=true></ac-dataview>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","styles":[".headerrow{color:#2196f3;padding:10px}.headerrowStby{background-color:#ff9800;color:#000;padding:10px}.main{overflow:auto}.headerinstance{font-weight:700;margin-left:10px}.instancecard,.instancecard_activ{background-color:#f7f7f7;margin:10px}.instancecard_activ{border:1px solid #ff9800}.content{overflow:auto}.contentmax{max-height:500px}.headericon{cursor:pointer;margin-right:10px}.disable{color:#d3d3d3}"]}]}],"members":{"doexpand":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"}]}],"setInstanceNameDeleyed":[{"__symbolic":"method"}],"setActiv":[{"__symbolic":"method"}],"closeInstance":[{"__symbolic":"method"}],"_createVm":[{"__symbolic":"method"}],"setupProperties":[{"__symbolic":"method"}],"loadProperties":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]},"statics":{"ClassCacheDict":{}}},"InstanceItem":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ACBaseComponent"},"members":{}},"ACIotMainComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"ac-iot-main","template":"<!DOCTYPE html>\r\n\r\n<div class=\"maincontainer\">\r\n    <div class=\"header\" [ngStyle]=\"{'background-color': headerColor}\" fxLayout=\"row\">\r\n\r\n        <div class=\"aclogo\" [acSvg]=\"logo\" title=\"Version: {{Version}}\"></div>\r\n        <!-- <img class=\"aclogo\" width=\"200\" src=\"/assets/images/logo.png\" alt=\"\" /> -->\r\n\r\n        <span class=\"example-spacer\"></span>\r\n        <!-- <div *ngIf=\"isSubPLC==false && LicenseOK!=true\" class=\"headertitle blink\" style=\"color:red\"\r\n            header=\"No valid License found!\">\r\n            PLC Site: {{sitename}} (no License!)\r\n        </div> -->\r\n        <div *ngIf=\"isSubPLC==false && LicenseOK!=true\" class=\"headertitle\" style=\"color:#ff9800\"\r\n            header=\"No valid License found!\">\r\n            PLC Site: {{sitename}}\r\n        </div>\r\n        <div *ngIf=\"isSubPLC==false  && LicenseOK==true\" class=\"headertitle\">\r\n            PLC Site: {{sitename}}\r\n        </div>\r\n        <div *ngIf=\"isSubPLC==true\" class=\"headertitle\">\r\n            SUB-PLC Site: {{sitename}}\r\n        </div>\r\n        <div fxFlex>\r\n            <div class=\"host\">Host: {{hostname}} - IP: {{ipAddress}}</div>\r\n            <div class=\"guid\" title=\"{{VersionTitle}}\">GUID: {{hostguid}}</div>\r\n        </div>\r\n        <div class=\"nocon\" *ngIf=\"notConnected\">\r\n            not connected!\r\n        </div>\r\n        <div>\r\n            <div class=\"shm\" title='{{PLCProgR}}'>{{PLCProgV}}</div>\r\n            <div class=\"version\" title=\"{{VersionTitle}}\">{{VersionInfo}}</div>\r\n\r\n        </div>\r\n\r\n        <div *ngIf=\"isRedundant==true&&isPrimary==true\" class=\"primary\" title=\"Primary\">P</div>\r\n        <div *ngIf=\"isRedundant==true&&isPrimary==false\" class=\"primary\" title=\"Primary\">S</div>\r\n        <div title=\"Local status (Click=open PLCRuntime Data)\" style=\"cursor: pointer;\" (click)=\"openPLC()\">\r\n\r\n            <div *ngIf=\"plcError==true\" class=\"plc error blink\">PLC-Error</div>\r\n            <div *ngIf=\"plcError==false&&isMain==true\" class=\"plc server\">Main [{{version}}]</div>\r\n            <div *ngIf=\"plcError==false&&isStandBy==true&&isDeactivated==false\" class=\"plc standby\">Standby\r\n                [{{version}}]</div>\r\n            <div *ngIf=\"plcError==false&&isStandBy==true&&isDeactivated==true\" class=\"plc deactivated blink\">Deactivated\r\n                [{{version}}]</div>\r\n        </div>\r\n        <div *ngIf=\"isRedundant==true && serviceLevel<254\" class=\"servicelevel\" title=\"Local Service Level\">\r\n            <div class=\"serviceleveltext\">{{serviceLevel}}</div>\r\n        </div>\r\n        <div *ngIf=\"isRedundant==true&& serviceLevel==254\" class=\"servicelevel254\" title=\"Local Service Level\">\r\n            <div class=\"serviceleveltext\">{{serviceLevel}}</div>\r\n        </div>\r\n        <div *ngIf=\"isRedundant==true&& serviceLevel==255\" class=\"servicelevel255\" title=\"Local Service Level\">\r\n            <div class=\"serviceleveltext\">{{serviceLevel}}</div>\r\n        </div>\r\n\r\n\r\n        <div *ngIf=\"isRedundant==true\" title=\"Remote status (Click=open RDArbitorService Data)\" style=\"cursor: pointer;\"\r\n            (click)=\"openRD()\">\r\n            <div *ngIf=\"rdplcError==true\" class=\"rdplc error blink\">Err</div>\r\n            <div *ngIf=\"rdplcError==false&&rdisMain==true\" class=\"rdplc server\">M[{{rdversion}}]</div>\r\n            <div *ngIf=\"rdplcError==false&&rdisStandBy==true&&rdisDeactivated==false\" class=\"rdplc standby\">\r\n                S[{{rdversion}}]</div>\r\n            <div *ngIf=\"rdplcError==false&&rdisStandBy==true&&rdisDeactivated==true\" class=\"rdplc deactivated blink\">D\r\n                [{{rdversion}}]</div>\r\n        </div>\r\n        <div *ngIf=\"isRedundant==true&& rdserviceLevel<254\" class=\"servicelevel\" title=\"Local Service Level\">\r\n            <div class=\"serviceleveltext\">{{rdserviceLevel}}</div>\r\n        </div>\r\n        <div *ngIf=\"isRedundant==true&& rdserviceLevel==254\" class=\"servicelevel254\" title=\"Local Service Level\">\r\n            <div class=\"serviceleveltext\">{{rdserviceLevel}}</div>\r\n        </div>\r\n        <div *ngIf=\"isRedundant==true&& rdserviceLevel==255\" class=\"servicelevel255\" title=\"Local Service Level\">\r\n            <div class=\"serviceleveltext\">{{rdserviceLevel}}</div>\r\n        </div>\r\n\r\n        <button mat-icon-button class=\"menu\">\r\n            <mat-icon class=\"example-icon\" title=\"{{actUser}}\" (click)=\"login()\">account_circle</mat-icon>\r\n        </button>\r\n        <div *ngIf=\"accom.PLCMode==false\">\r\n            <button *ngIf=\"accom.ExpandView==false\" mat-icon-button class=\"menu\">\r\n                <mat-icon class=\"example-icon\" title=\"Expand\" (click)=\"accom.ExpandView=true\">call_made</mat-icon>\r\n            </button>\r\n            <button *ngIf=\"accom.ExpandView==true\" mat-icon-button class=\"menu\">\r\n                <mat-icon class=\"example-icon\" title=\"Expand\" (click)=\"accom.ExpandView=false\">call_received</mat-icon>\r\n            </button>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"sidebar\">\r\n\r\n        <mat-icon *ngIf=\"accom.HasCloudDB==true\" [ngClass]=\"{'sideiconselect': activTab==12, 'sideicon': activTab!=12 }\"\r\n            (click)=\"this.activTab=12\" title=\"Cloud DB\">cloud</mat-icon>\r\n\r\n        <mat-icon [ngClass]=\"{'sideiconselect': activTab==0, 'sideicon': activTab!=0 }\" (click)=\"selectdataview()\"\r\n            title=\"Dataview\">adjust</mat-icon>\r\n        <mat-icon [ngClass]=\"{'sideiconselect': activTab==11, 'sideicon': activTab!=11 }\" (click)=\"selectcode()\"\r\n            title=\"PLC Program\">code</mat-icon>\r\n\r\n\r\n        <mat-icon [ngClass]=\"{'sideiconselect': activTab==1, 'sideicon': activTab!=1 }\" (click)=\"selectprocesslist()\"\r\n            title=\"Process list\">apps</mat-icon>\r\n        <mat-icon [ngClass]=\"{'sideiconselect': activTab==2, 'sideicon': activTab!=2 }\" (click)=\"selectconfig()\"\r\n            title=\"Configuration\">settings</mat-icon>\r\n        <mat-icon [ngClass]=\"{'sideiconselect': activTab==3, 'sideicon': activTab!=3 }\" (click)=\"selectterminal()\"\r\n            title=\"Terminal\">remove_from_queue</mat-icon>\r\n        <mat-icon [ngClass]=\"{'sideiconselect': activTab==4, 'sideicon': activTab!=4 }\" (click)=\"selectsubsites()\"\r\n            title=\"Sub Sites\">language</mat-icon>\r\n        <mat-icon [ngClass]=\"{'sideiconselect': activTab==5, 'sideicon': activTab!=5 }\" (click)=\"selectalarm()\"\r\n            title=\"Alarms\">add_alert</mat-icon>\r\n        <mat-icon [ngClass]=\"{'sideiconselect': activTab==51, 'sideicon': activTab!=51 }\" (click)=\"selecttrend()\"\r\n            title=\"Trend\">timeline</mat-icon>\r\n        <mat-icon [ngClass]=\"{'sideiconselect': activTab==52, 'sideicon': activTab!=52 }\" (click)=\"selectreport()\"\r\n            title=\"Reports\">description</mat-icon>\r\n        <mat-icon [ngClass]=\"{'sideiconselect': activTab==6, 'sideicon': activTab!=6 }\" (click)=\"selectuser()\"\r\n            title=\"Users\">supervisor_account</mat-icon>\r\n\r\n        <div (click)=\"selectinfo()\">\r\n            <mat-icon *ngIf=\"haveSysInfo==true\" [matBadge]=\"'!'\" matBadgePosition=\"above after\" matBadgeColor=\"warn\"\r\n                [ngClass]=\"{'sideiconselect': activTab==7, 'sideicon': activTab!=7 }\" (click)=\"selectinfo()\"\r\n                title=\"Systeminfo - Warning!\" class=\"blink\">info</mat-icon>\r\n            <mat-icon *ngIf=\"haveSysInfo!=true\" [ngClass]=\"{'sideiconselect': activTab==7, 'sideicon': activTab!=7 }\"\r\n                title=\"Systeminfo\">info</mat-icon>\r\n        </div>\r\n\r\n    </div>\r\n    <div class=\"main\" topoffsetheigth=52>\r\n        <div *ngIf=\"activTab==0\" topoffsetheigth=52>\r\n\r\n            <div class=\"main\">\r\n                <div class=\"subtitle\">\r\n                    <div class=\"tabcontainer\">\r\n                        <div class=\"tab1\" [ngClass]=\"{'tabOn': dataActivtab==0, 'tabOff': dataActivtab!=0}\"\r\n                            (click)=\"dataActivtab=0\">Dataview</div>\r\n                        <div class=\"tab2\" [ngClass]=\"{'tabOn': dataActivtab==1, 'tabOff': dataActivtab!=1}\"\r\n                            (click)=\"dataActivtab=1\">Pivot</div>\r\n                        <div class=\"tab3\" [ngClass]=\"{'tabOn': dataActivtab==2, 'tabOff': dataActivtab!=2}\"\r\n                            (click)=\"dataActivtab=2\">Parameter</div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"containerdata\" *ngIf=\"dataActivtab==0\" [topoffsetheigth]=\"110\">\r\n\r\n                    <as-split direction=\"horizontal\">\r\n                        <as-split-area [size]=\"25\">\r\n                            <ac-iot-instanceview class=\"instanceview\" [GUID]=\"GUID\"></ac-iot-instanceview>\r\n                        </as-split-area>\r\n                        <as-split-area [size]=\"75\">\r\n                            <ac-iot-datagrid class=\"dataview\"></ac-iot-datagrid>\r\n                        </as-split-area>\r\n                    </as-split>\r\n\r\n\r\n\r\n                </div>\r\n                <div class=\"containerpivot\" *ngIf=\"dataActivtab==1\">\r\n                    <ac-pivot [columnswidth]=\"pivotwidth\" [GUID]=\"GUID\" [showSearch]=true [showTools]=true\r\n                        [topoffsetheigth]=\"110\" style=\"height: 500px\"></ac-pivot>\r\n                </div>\r\n                <div class=\"containerpivot\" *ngIf=\"dataActivtab==2\">\r\n                    <ac-parameter [GUID]=\"GUID\"></ac-parameter>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"activTab==11\" class=\"processlistcontainer\">\r\n            <ac-iot-programming [topoffsetheigth]=\"110\"></ac-iot-programming>\r\n        </div>\r\n        <div *ngIf=\"activTab==12\" class=\"processlistcontainer\">\r\n            <cloud_db_main [topoffsetheigth]=\"110\"></cloud_db_main>\r\n        </div>\r\n        <div *ngIf=\"activTab==1\">\r\n            <div class=\"processlistcontainer\">\r\n\r\n                <div class=\"subtitle\">\r\n                    <div class=\"tabcontainer\">\r\n                        <div class=\"tab1\" [ngClass]=\"{'tabOn': processActivtab==0, 'tabOff': processActivtab!=0}\"\r\n                            (click)=\"processActivtab=0\">ProcessList</div>\r\n\r\n                    </div>\r\n                </div>\r\n                <ac-processlist class=\"content\" [GUID]=\"GUID\"></ac-processlist>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div *ngIf=\"activTab==2\" topoffsetheigth=52>\r\n            <div class=\"configcontainer\">\r\n\r\n                <div class=\"subtitle\">\r\n                    <div class=\"tabcontainer\">\r\n                        <div class=\"tab1\" [ngClass]=\"{'tabOn': startupActivtab==0, 'tabOff': startupActivtab!=0}\"\r\n                            (click)=\"startupActivtab=0\">StartupConfig</div>\r\n                        <div class=\"tab2\" [ngClass]=\"{'tabOn': startupActivtab==1, 'tabOff': startupActivtab!=1}\"\r\n                            (click)=\"startupActivtab=1\">PLC-Program</div>\r\n                        <div class=\"tab3\" [ngClass]=\"{'tabOn': startupActivtab==2, 'tabOff': startupActivtab!=2}\"\r\n                            (click)=\"startupActivtab=2\">Updates</div>\r\n                        <div class=\"tab4\" [ngClass]=\"{'tabOn': startupActivtab==3, 'tabOff': startupActivtab!=3}\"\r\n                            (click)=\"startupActivtab=3\">SCADA App</div>\r\n                    </div>\r\n                </div>\r\n\r\n                <ac-iot-config [GUID]=\"GUID\" *ngIf=\"startupActivtab==0\" class=\"content\"></ac-iot-config>\r\n\r\n                <div *ngIf=\"startupActivtab==1\" style=\"margin: 30px\">\r\n\r\n                    <div class=\"programinfo\">This PLC is actuall running with the Version: {{version}}</div>\r\n                    <div class=\"programdownload\">Do update the binary please:</div>\r\n                    <div class=\"instructionlist\">\r\n                        <div class=\"instructionlist1\">1</div>\r\n                        <div class=\"instructionlist2\">If not installed, download and install:</div>\r\n                        <a class=\"instructionlist3\" href=\"https://code.visualstudio.com/\" target=\"_blank\">Visual Studio\r\n                            Code</a>\r\n                    </div>\r\n                    <div class=\"instructionlist\">\r\n                        <div class=\"instructionlist1\">2</div>\r\n                        <div class=\"instructionlist2\">If not installed, download and install:</div>\r\n                        <a class=\"instructionlist3\" href=\"https://nodejs.org\" target=\"_blank\">node.js</a>\r\n                    </div>\r\n                    <div class=\"instructionlist\">\r\n                        <div class=\"instructionlist1\">3</div>\r\n                        <div class=\"instructionlist2\">Download the PLC-program, unzipt it and run: start.bat (take care\r\n                            that the Pop-up is not blocked\r\n                            by the browser!)</div>\r\n\r\n                    </div>\r\n                    <button class=\"download\" mat-raised-button color=\"accent\" (click)=\"downloadAsZip() \">Download\r\n                        Program\r\n                        as .zip\r\n                    </button>\r\n\r\n                    <div class=\"instructionlist\">\r\n                        <div class=\"instructionlist1\">4</div>\r\n                        <div class=\"instructionlist2\">Change the program, build it with the task/execute task: tsc:\r\n                            build -\r\n                            tsconfig.json and deploy it\r\n                            with F5\r\n                        </div>\r\n\r\n                    </div>\r\n                    <div style=\"height: 50px;\"></div>\r\n                    <div class=\"programinfo\">Upload PLC Program:</div>\r\n                    <div class=\"programdownload\">Create a -zip download from other Plc and drop it here:</div>\r\n\r\n                    <mat-progress-bar *ngIf=\"plcprogramupload\" mode=\"indeterminate\" style=\"height: 2px;width: 500px;\">\r\n                    </mat-progress-bar>\r\n                    <div *ngIf=\"plcprogramupload!=true\" style=\"height: 2px;\"></div>\r\n                    <div class=\"dropzone\" acDnd (filesChangeEmiter)=\"onFilesChange($event)\"\r\n                        (filesBase64DataEmiter)=\"onPLCProgramZipBase64DataEmiter($event)\"\r\n                        [allowed_extensions]=\"['zip']\">\r\n                        Drop <b>PLC Program.zip</b> here..\r\n                    </div>\r\n                    <div *ngFor=\"let m of plcprogrammsg\">\r\n                        <div class=\"msg\">{{m}}</div>\r\n                    </div>\r\n\r\n\r\n                </div>\r\n                <div *ngIf=\"startupActivtab==2\">\r\n                    <ac-binversion></ac-binversion>\r\n                </div>\r\n                <div *ngIf=\"startupActivtab==3\">\r\n                    <div style=\"margin:20px\">\r\n                        <h1>SCADA app uploader:</h1>\r\n                        <div>This will install your SCADA app in the Web-Root directory ('./webroot/') </div>\r\n                        <div>Build your SCADA app with ng build --prod and zip your dist/ folder. Drag the .zip file\r\n                            here:\r\n                        </div>\r\n                    </div>\r\n                    <div *ngIf=\"webapploading>0\" class=drop_hide>\r\n                        <mat-progress-bar mode=\"indeterminate\" style=\"height: 5px\"></mat-progress-bar>\r\n                        <div>...uploading! (this may take several minutes)</div>\r\n                    </div>\r\n\r\n                    <div class=\"well my-drop-zone\" acDnd (filesChangeEmiter)=\"onFilesChange($event)\"\r\n                        (filesBase64DataEmiter)=\"onfilesBase64DataEmiter($event)\" [allowed_extensions]=\"['zip']\">\r\n                        drag your Web app .zip here!\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"configcontainer\" topoffsetheigth=52 *ngIf=\"activTab==3\">\r\n\r\n            <div class=\"subtitle\">\r\n                <div class=\"tabcontainer\">\r\n                    <div class=\"tab1\" [ngClass]=\"{'tabOn': traceActivtab==0, 'tabOff': traceActivtab!=0}\"\r\n                        (click)=\"traceActivtab=0\">Terminal</div>\r\n                    <div class=\"tab2\" [ngClass]=\"{'tabOn': traceActivtab==1, 'tabOff': traceActivtab!=1}\"\r\n                        (click)=\"traceActivtab=1\">Trace</div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"tracecontent\" *ngIf=\"traceActivtab==0\">\r\n                <ac-iot-terminal [GUID]=\"GUID\"></ac-iot-terminal>\r\n\r\n\r\n            </div>\r\n\r\n            <div class=\"tracecontenttrace\" *ngIf=\"traceActivtab==1\">\r\n                <ac-iot-traceview [GUID]=\"GUID\"></ac-iot-traceview>\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n        <div class=\"configcontainer\" topoffsetheigth=52 *ngIf=\"activTab==4\">\r\n\r\n            <div class=\"subtitle\">\r\n                <div class=\"tabcontainer\">\r\n                    <div class=\"tab1\" [ngClass]=\"{'tabOn': subsiteActivtab==0, 'tabOff': subsiteActivtab!=0}\"\r\n                        (click)=\"subsiteActivtab=0\">Sub\r\n                        Sites</div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <ac-iot-list [GUID]=\"GUID\"></ac-iot-list>\r\n\r\n        </div>\r\n\r\n        <div class=\"configcontainer\" topoffsetheigth=52 *ngIf=\"activTab==5\">\r\n\r\n            <div class=\"subtitle\">\r\n                <div class=\"tabcontainer\">\r\n                    <div class=\"tab1\" [ngClass]=\"{'tabOn': alarmActivtab==0, 'tabOff': alarmActivtab!=0}\"\r\n                        (click)=\"alarmActivtab=0\">{{'ALARMHEADER.ALARMS' | translate}}</div>\r\n                    <div class=\"tab2\" [ngClass]=\"{'tabOn': alarmActivtab==1, 'tabOff': alarmActivtab!=1}\"\r\n                        (click)=\"alarmActivtab=1\">{{'ALARMHEADER.JOURNAL' | translate}}</div>\r\n                    <!-- <div class=\"tab3\" [ngClass]=\"{'tabOn': alarmActivtab==2, 'tabOff': alarmActivtab!=2}\" (click)=\"alarmActivtab=2\">Trend</div> -->\r\n                    <!-- <div class=\"tab3\" [ngClass]=\"{'tabOn': alarmActivtab==3, 'tabOff': alarmActivtab!=3}\"\r\n                        (click)=\"alarmActivtab=3\">{{'ALARMHEADER.LOGBOOK' | translate}}</div> -->\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"alarmActivtab==0\" topoffsetheigth=102>\r\n                <ac-alarmview [GUID]=\"GUID\" [Menu]=true [Filter]=\"true\"></ac-alarmview>\r\n            </div>\r\n\r\n            <div *ngIf=\"alarmActivtab==1\" topoffsetheigth=102>\r\n                <ac-journalmain></ac-journalmain>\r\n            </div>\r\n\r\n            <!-- <div *ngIf=\"alarmActivtab==2\" topoffsetheigth=102>\r\n                <ac-trendmain></ac-trendmain>\r\n            </div> -->\r\n\r\n            <div *ngIf=\"alarmActivtab==3\" topoffsetheigth=102>\r\n                <ac-logbookmain></ac-logbookmain>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"configcontainer\" topoffsetheigth=52 *ngIf=\"activTab==51\">\r\n\r\n            <div class=\"subtitle\">\r\n                <div class=\"tabcontainer\">\r\n                    <div class=\"tab1\" [ngClass]=\"{'tabOn': trendActivtab==0, 'tabOff': trendActivtab!=0}\"\r\n                        (click)=\"trendActivtab=0\">Trend</div>\r\n                    <div class=\"tab2\" [ngClass]=\"{'tabOn': trendActivtab==1, 'tabOff': trendActivtab!=1}\"\r\n                        (click)=\"trendActivtab=1\">Consumption</div>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"trendActivtab==0\" topoffsetheigth=102>\r\n                <ac-trendmain></ac-trendmain>\r\n            </div>\r\n            <div *ngIf=\"trendActivtab==1\" topoffsetheigth=102>\r\n                <ac-consumptionmain></ac-consumptionmain>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"configcontainer\" topoffsetheigth=52 *ngIf=\"activTab==52\">\r\n\r\n            <div class=\"subtitle\">\r\n                <div class=\"tabcontainer\">\r\n                    <div class=\"tab1\" [ngClass]=\"{'tabOn': reportActivtab==0, 'tabOff': reportActivtab!=0}\"\r\n                        (click)=\"reportActivtab=0\">Reports</div>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"reportActivtab==0\" topoffsetheigth=102>\r\n                <ac-iot-report></ac-iot-report>\r\n            </div>\r\n\r\n\r\n\r\n        </div>\r\n        <div *ngIf=\"activTab==6\" topoffsetheigth=52>\r\n            <div class=\"configcontainer\">\r\n\r\n                <div class=\"subtitle\">\r\n                    <div class=\"tabcontainer\">\r\n                        <div class=\"tab1\" [ngClass]=\"{'tabOn': userActivtab==0, 'tabOff': userActivtab!=0}\"\r\n                            (click)=\"userActivtab=0\">{{'USER.HEADER.USERHEADER' | translate}}</div>\r\n\r\n                    </div>\r\n                </div>\r\n                <ac-userrole [GUID]=\"GUID\"></ac-userrole>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"configcontainer\" topoffsetheigth=52 *ngIf=\"activTab==7\">\r\n\r\n            <div class=\"subtitle\">\r\n                <div class=\"tabcontainer\">\r\n                    <div class=\"tab1\" [ngClass]=\"{'tabOn': infoActivtab==0, 'tabOff': infoActivtab!=0}\"\r\n                        (click)=\"infoActivtab=0\">License</div>\r\n                    <div class=\"tab2\" [ngClass]=\"{'tabOn': infoActivtab==1, 'tabOff': infoActivtab!=1}\"\r\n                        (click)=\"infoActivtab=1\">SHM</div>\r\n                    <div class=\"tab3\" [ngClass]=\"{'tabOn': infoActivtab==2, 'tabOff': infoActivtab!=2}\"\r\n                        (click)=\"infoActivtab=2\">PLC</div>\r\n                    <div class=\"tab4\" [ngClass]=\"{'tabOn': infoActivtab==3, 'tabOff': infoActivtab!=3}\"\r\n                        (click)=\"setHardwareInfo()\">Hardware Info</div>\r\n                    <!-- <div class=\"tab3\" [ngClass]=\"{'tabOn': infoActivtab==2, 'tabOff': infoActivtab!=2}\" (click)=\"infoActivtab=2\">Trend</div>\r\n                    <div class=\"tab4\" [ngClass]=\"{'tabOn': infoActivtab==3, 'tabOff': infoActivtab!=3}\" (click)=\"infoActivtab=3\">Logbuch</div> -->\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"infoActivtab==0\">\r\n                <div class=\"licenseinfo\" style=\"background-color: green\" *ngIf=\"LicenseOK==true\">License OK</div>\r\n                <div *ngIf=\"LicenseOK==true\" class=\"deviceid\">DeviceID: {{deviceId}}</div>\r\n                <div *ngIf=\"LicenseOK!=true\">\r\n                    <div class=\"licenseinfo blink\">No valid License found!</div>\r\n                    <div class=\"deviceid\">DeviceID: {{deviceId}}</div>\r\n                    <div class=\"deviceidinfo\">Please send the DevideID to: office@acurade.com to request a license!\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div *ngIf=\"infoActivtab==1\">\r\n                <div class=\"infotitle\">SHM Memory</div>\r\n                <ngx-charts-advanced-pie-chart [label]=\"'Bytes total'\" [view]=\"SHMVarInfoview\"\r\n                    [scheme]=\"SHMVarInfocolorScheme2\" [results]=\"SHMMemoryInfodata\">\r\n                </ngx-charts-advanced-pie-chart>\r\n                <div class=\"infotitle\">Variables</div>\r\n                <ngx-charts-advanced-pie-chart [label]=\"'Variables total'\" [view]=\"SHMVarInfoview\"\r\n                    [scheme]=\"SHMVarInfocolorScheme\" [results]=\"SHMVarInfodata\">\r\n                </ngx-charts-advanced-pie-chart>\r\n                <div class=\"infotitle\">Instances</div>\r\n                <ngx-charts-advanced-pie-chart [label]=\"'Instances total'\" [view]=\"SHMVarInfoview\"\r\n                    [scheme]=\"SHMVarInfocolorScheme3\" [results]=\"SHMInstancesInfodata\">\r\n                </ngx-charts-advanced-pie-chart>\r\n                <div class=\"infotitle\">Classes</div>\r\n                <ngx-charts-advanced-pie-chart [label]=\"'Classes total'\" [view]=\"SHMVarInfoview\"\r\n                    [scheme]=\"SHMVarInfocolorScheme4\" [results]=\"SHMClassesInfodata\">\r\n                </ngx-charts-advanced-pie-chart>\r\n            </div>\r\n\r\n            <div *ngIf=\"infoActivtab==2\">\r\n                <div class=\"infotitle\">CycleTime</div>\r\n                <ngx-charts-advanced-pie-chart [animations]=\"false\" [label]=\"'CycleTime last (ms)'\"\r\n                    [view]=\"SHMVarInfoview\" [scheme]=\"SHMVarInfocolorScheme2\" [results]=\"SHMPLCInfodata\">\r\n                </ngx-charts-advanced-pie-chart>\r\n                <div class=\"infotitle\">Memory</div>\r\n                <ngx-charts-advanced-pie-chart [label]=\"'MBytes'\" [view]=\"SHMVarInfoview\"\r\n                    [scheme]=\"SHMVarInfocolorScheme5\" [results]=\"SHMPLCMemInfodata\">\r\n                </ngx-charts-advanced-pie-chart>\r\n            </div>\r\n            <div *ngIf=\"infoActivtab==3\">\r\n                <div class=\"infoarea\">Memory:</div>\r\n                <table>\r\n                    <tr>\r\n                        <th>\r\n                            <div class=\"theader\">Name</div>\r\n                        </th>\r\n                        <th>\r\n                            <div class=\"theader\">Wert</div>\r\n                        </th>\r\n                    </tr>\r\n                    <tr *ngFor=\"let i of memInfo\">\r\n                        <td>\r\n                            <div class=\"trow1\">{{i.name}}</div>\r\n                        </td>\r\n                        <td>\r\n                            <div class=\"trow2\">{{i.val}}</div>\r\n                        </td>\r\n                    </tr>\r\n                </table>\r\n                <div class=\"infoarea\">Network:</div>\r\n                <table>\r\n                    <tr>\r\n                        <th>\r\n                            <div class=\"theader\">Name</div>\r\n                        </th>\r\n                        <th>\r\n                            <div class=\"theader\">Wert</div>\r\n                        </th>\r\n                    </tr>\r\n                    <div *ngFor=\"let net of networkInfo\">\r\n                        <tr *ngFor=\"let i of net\">\r\n\r\n                            <td>\r\n                                <div class=\"trow1\">{{i.name}}</div>\r\n                            </td>\r\n                            <td>\r\n                                <div class=\"trow2\">{{i.val}}</div>\r\n                            </td>\r\n                        </tr>\r\n\r\n                    </div>\r\n                    <div></div>\r\n                    <!-- <div class=\"trow1\">Connections:</div>\r\n                    <div *ngFor=\"let net of networkConnectionsInfo\">\r\n                        <tr *ngFor=\"let i of net\">\r\n\r\n                            <td>\r\n                                <div class=\"trow1\">{{i.name}}</div>\r\n                            </td>\r\n                            <td>\r\n                                <div class=\"trow2\">{{i.val}}</div>\r\n                            </td>\r\n                        </tr>\r\n\r\n                    </div> -->\r\n\r\n\r\n\r\n                </table>\r\n                <div class=\"infoarea\">CPU:</div>\r\n                <table>\r\n                    <tr>\r\n                        <th>\r\n                            <div class=\"theader\">Name</div>\r\n                        </th>\r\n                        <th>\r\n                            <div class=\"theader\">Wert</div>\r\n                        </th>\r\n                    </tr>\r\n                    <tr *ngFor=\"let i of cpuTempInfo\">\r\n                        <td>\r\n                            <div class=\"trow1\">{{i.name}}</div>\r\n                        </td>\r\n                        <td>\r\n                            <div class=\"trow2\">{{i.val}}</div>\r\n                        </td>\r\n                    </tr>\r\n                    <tr *ngFor=\"let i of cpuInfo\">\r\n                        <td>\r\n                            <div class=\"trow1\">{{i.name}}</div>\r\n                        </td>\r\n                        <td>\r\n                            <div class=\"trow2\">{{i.val}}</div>\r\n                        </td>\r\n                    </tr>\r\n                </table>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n\r\n</div>","styles":[".maincontainer{-ms-grid-columns:70px 1fr;-ms-grid-rows:50px 1fr;display:-ms-grid;display:grid;grid-template-columns:70px 1fr;grid-template-rows:50px 1fr;height:100%;width:100%}.host{margin-top:8px}.guid,.host{color:grey;font-size:14px;margin-right:5px;text-align:left}.guid{margin-top:4px}.shm{color:#ff9800;font-weight:700;margin-top:8px}.shm,.version{font-size:14px;margin-right:5px;text-align:right}.version{color:grey;margin-top:4px}.header{-ms-grid-column-span:2;background-color:#eaeaea;border-bottom:1px solid rgba(3,169,244,.35);grid-column:span 2;min-height:50px;width:100%}.sidebar{-ms-grid-column:1;background-color:#272727;grid-column:1;height:100%;width:70px}.main,.sidebar{-ms-grid-row:2;grid-row:2}.main{-ms-grid-column:2;background-color:#eaeaea;grid-column:2;max-height:100%;overflow:auto}.sideicon{color:#a1a1a1}.sideicon,.sideiconselect{cursor:pointer;font-size:225%;margin:12px}.sideicon:hover,.sideiconselect{color:#fff}.aclogo{height:33px;margin:8px}.headertitle{color:#4c4c4c;font-size:130%;margin:15px}.plc{border:1px solid grey;line-height:30px;margin:10px;text-align:center;width:200px}.nocon{color:red;font-size:150%;margin:11px 30px 11px 11px}.rdplc{border:1px solid grey;line-height:30px;margin:10px;text-align:center;width:100px}.servicelevel{background-color:grey}.servicelevel,.servicelevel254{border:1px solid #000;font-size:95%;height:30px;margin-left:-9px;margin-right:20px;margin-top:10px;text-align:center;width:15px}.servicelevel254{background-color:#ffd902}.servicelevel255{background-color:#4caf50;border:1px solid #000;font-size:95%;height:30px;margin-left:-9px;margin-right:20px;margin-top:10px;text-align:center;width:15px}.serviceleveltext{color:#fff;margin-left:-2px;margin-top:2px;text-align:center;transform:rotate(90deg)}.menu{color:#ff9800;margin-top:5px}.menu,.primary{line-height:30px}.primary{margin:10px;text-align:center;width:5px}.error{background-color:red;color:#fff}.standby{background-color:#ffd000;color:#fff}.server{background-color:#4caf50;color:#fff}.deactivated{background-color:#09f;color:#fff}.main{-ms-grid-rows:52px 1fr;display:-ms-grid;display:grid;grid-template-rows:52px 1fr;height:100%;width:100%}.header{-ms-grid-row:1;grid-row:1}.container{-ms-grid-columns:30% 70%;-ms-grid-row:2;-ms-grid-rows:100%;display:-ms-grid;display:grid;grid-row:2;grid-template-columns:30% 70%;grid-template-rows:100%}.configcontainer,.processlistcontainer{-ms-grid-rows:50px 1fr;display:-ms-grid;display:grid;grid-template-rows:50px 1fr;height:100%;width:100%}.content,.tracecontent{-ms-grid-row:2;grid-row:2}.tracecontent{background-color:#fff}.tracecontenttrace{-ms-grid-row:2;grid-row:2;height:100%;overflow:auto}.instanceview{-ms-grid-column:1;grid-column:1;height:100%}.dataview,.instanceview{-ms-grid-row:1;grid-row:1}.dataview{-ms-grid-column:2;grid-column:2;overflow:auto}.viewport{-webkit-animation:fadein .5s;animation:fadein .5s;background:rgba(29,29,29,.35);color:#fff;height:100%;margin:0 auto;position:absolute;width:100%;z-index:500}.logintext{color:#fff;font-size:150%;margin-top:59px;text-align:center;width:auto}.headerbg{background:#9a9a9a;height:50px;margin-left:-30px;margin-top:-30px;width:360px}.center-block{background:#afafaf;border-radius:10px;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);margin:100px auto;padding:30px;width:300px}.mat-form-field-flex{background:#ff0;border-radius:2px;padding:6px}.logo{float:right;margin:10px align-self;text-align:center}.mat-form-field{width:100%}.text-center,.text-center-small{text-align:center}.login{font-size:22px;width:250px}.message{color:red;font-size:80%;font-weight:700;height:20px;margin-top:-30px}.subtitle{-ms-grid-row:1;border-bottom:1px solid rgba(255,152,0,.48);color:grey;font-size:150%;grid-row:1;height:40px;margin:10px}.tabcontainer{-ms-grid-columns:180px 180px 180px 180px;display:-ms-grid;display:grid;grid-template-columns:180px 180px 180px 180px}.tab1{-ms-grid-column:1;grid-column:1}.tab2{-ms-grid-column:2;grid-column:2}.tab3{-ms-grid-column:3;grid-column:3}.tab4{-ms-grid-column:4;grid-column:4}.tabOn{background-color:#d8d8d8;border-bottom:2px solid #ff9800;color:#5a8cb3}.tabOff,.tabOn{cursor:pointer;padding:5px;text-align:center;width:160px}.tabOff{color:grey}.download{color:#fff;margin-left:70px;width:300px}.programinfo{color:grey;font-size:150%;margin:10px}.programdownload{color:grey;font-size:120%;margin:10px}.instructionlist{-ms-grid-columns:auto auto auto 1fr;display:-ms-grid;display:grid;grid-template-columns:auto auto auto 1fr}.instructionlist1{-ms-grid-column:1;background-color:#2196f3;border-radius:100%;color:#fff;font-size:150%;grid-column:1;height:40px;line-height:40px;margin:10px;text-align:center;width:40px}.instructionlist2{-ms-grid-column:2;color:grey;grid-column:2;line-height:40px;margin:10px}.instructionlist3{-ms-grid-column:3;grid-column:3;line-height:60px}.infotitle{color:grey;font-size:150%;margin:5px 5px 5px 30px}.dragNDrop{width:100%}.drop_hide{color:#aaa}.drop_hide,.my-drop-zone{border:3px dotted #d3d3d3;font-size:150%;height:200px;line-height:180px;margin:20px;text-align:center}.my-drop-zone{color:#ff9800}.nv-file-over{border:3px dotted red}.another-file-over-class{border:3px dotted green}.licenseinfo{background-color:red;border:1px solid #000;color:#fff;font-size:150%;height:40px;line-height:45px;margin:10px;text-align:center;width:300px}.deviceid{font-size:120%}.deviceid,.deviceidinfo{color:#a9a9a9;margin:10px}.deviceidinfo{font-size:80%}.infoarea{color:#ff9800;font-size:150%;margin:10px}.theader{min-width:300px}.trow1{color:grey;text-align:right;width:300px}.trow2{color:#2d3234;font-weight:700;text-align:left}.dropzone{border:3px dotted #d3d3d3;color:#ff9800;font-size:110%;height:70px;line-height:70px;margin:20px;text-align:center;width:500px}.msg{color:grey;font-family:monospace}"]}]}],"members":{"GUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3},"arguments":["GUID"]}]}],"login":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"changePassword":[{"__symbolic":"method"}],"doLogin":[{"__symbolic":"method"}],"setTitle":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":146,"character":29},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":146,"character":52},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":146,"character":131},{"__symbolic":"reference","name":"ACLanguageService"}]}],"openPLC":[{"__symbolic":"method"}],"openRD":[{"__symbolic":"method"}],"KeyPress":[{"__symbolic":"method"}],"selectdataview":[{"__symbolic":"method"}],"selectconfig":[{"__symbolic":"method"}],"selectprocesslist":[{"__symbolic":"method"}],"selectterminal":[{"__symbolic":"method"}],"selectsubsites":[{"__symbolic":"method"}],"selectalarm":[{"__symbolic":"method"}],"selecttrend":[{"__symbolic":"method"}],"selectreport":[{"__symbolic":"method"}],"selectuser":[{"__symbolic":"method"}],"selectcode":[{"__symbolic":"method"}],"selectinfo":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}],"setHardwareInfo":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"convertDataURIToBinary":[{"__symbolic":"method"}],"downloadAsZip":[{"__symbolic":"method"}],"onFilesChange":[{"__symbolic":"method"}],"onfilesBase64DataEmiter":[{"__symbolic":"method"}],"_GetMessages":[{"__symbolic":"method"}],"GetMessages":[{"__symbolic":"method"}],"GetInstallMessages":[{"__symbolic":"method"}],"onPLCProgramZipBase64DataEmiter":[{"__symbolic":"method"}],"fileOverBase":[{"__symbolic":"method"}],"fileOverAnother":[{"__symbolic":"method"}]}},"ACUserRoleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"ac-userrole","template":"<div>\r\n    \r\n    <div *ngIf=\"loading==true\" class=\"loading\">\r\n        <mat-spinner></mat-spinner>\r\n    </div>\r\n\r\n    <div *ngIf=\"loading==false\">\r\n        <div fxLayout=\"row\">\r\n            <div class=\"headerleft\">{{'USER.HEADER.USERHEADER' | translate}}</div>\r\n            <div *ngFor=\"let role of roles\" fxLayout=row>\r\n                <div class=\"header\" fxLayout=\"row\">\r\n                    <div class=\"headertext\" fxFlex>{{role.Name}}</div>\r\n                    <div *ngIf=\"role.Name!='Admin'&&role.Name!='Operator'&&role.Name!='Maintenace'&&role.Name!='Maintenance'&&role.Name!='Guest'\" class=\"material-icons deleterole\" title=\"{{'USER.TOOLTIP.DELETEROLE' | translate}}\" (click)=\"deleteRole(role)\">delete</div>\r\n                </div>\r\n\r\n            </div>\r\n            <div class=\"addgroup\">\r\n                <button mat-mini-fab color=\"primary\" title=\"{{'USER.TOOLTIP.NEWROLE' | translate}}\" (click)=\"addRole()\">+</button>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <div style=\"margin-top:-5px\">\r\n            <div *ngFor=\"let user of users\">\r\n\r\n                <div style=\"height:50px\" fxLayout=\"row\">\r\n\r\n                    <div class=\"field\" fxLayout=\"row\">\r\n                        <div *ngIf=\"user.IsSysAdmin==true\" style=\"font-weight:700\" class=\"usertext\" fxFlex>{{user.Name}}</div>\r\n                        <div *ngIf=\"user.IsSysAdmin!=true\" class=\"usertext\" fxFlex>{{user.Name}}</div>\r\n                        <div  class=\"material-icons deleteuser\" (click)=\"changePassword(user)\" title=\"{{'USER.TOOLTIP.CHANGEPASS' | translate}}\">create</div>\r\n                        <div *ngIf=\"user.IsSysAdmin!=true\" class=\"material-icons deleteuser\" (click)=\"deleteUser(user)\" title=\"{{'USER.TOOLTIP.DELUSER' | translate}}\">delete</div>\r\n                        <div *ngIf=\"user.IsSysAdmin==true\" class=\"material-icons deleteuser\"  title=\"{{'USER.TOOLTIP.SYSADMIN' | translate}}\">block</div> \r\n                    </div>\r\n                    <div *ngFor=\"let role of roles\">\r\n                        <div *ngIf=\"user.IsSysAdmin==true\" class=\"selectorYes material-icons\" style=\"color:lightgray\">done</div>\r\n                        <div *ngIf=\"user[role.Name]==true && user.IsSysAdmin!=true\" class=\"selectorYes material-icons\" (click)=\"removeUserRole(user.Name,role.Name)\">done</div>\r\n                        <div *ngIf=\"user[role.Name]==!true && user.IsSysAdmin!=true\" class=\"selectorNo material-icons\" (click)=\"setUserRole(user.Name,role.Name)\">clear</div>\r\n\r\n                    </div>\r\n                </div>\r\n               \r\n\r\n            </div>\r\n            <div class=\"adduser\">\r\n                <button mat-fab color=\"primary\" title=\"{{'USER.TOOLTIP.ADDUSER' | translate}}\" (click)=\"addUser()\">+</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","styles":[".title{background-color:#bfbfbf;color:#444;font-size:200%;padding:10px}.header{background-color:#ddd;height:30px}.header,.headertext{cursor:pointer;text-align:center;width:140px}.headerleft,.headertext{height:20px;padding:5px}.headerleft{background-color:#ddd;text-align:center;width:290px}.adduser{width:300px}.addgroup,.adduser{margin-top:-5px;text-align:center}.addgroup{width:50px}.addgroup .mat-mini-fab.mat-primary{background-color:#2196f3}.selectorYes{color:#28a700}.selectorNo,.selectorYes{cursor:pointer;height:50px;line-height:50px;text-align:center;width:140px}.selectorNo{color:red}.field{background-color:#afafaf;border-bottom:1px solid #d3d3d3;color:#fff;font-size:100%;height:50px;line-height:50px;text-align:center;width:300px}.header:hover{background-color:#2196f3}.header:hover .deleterole{display:block}.field:hover{background-color:#ff9800}.field:hover .deleteuser{display:block}.deleteuser{margin-right:10px;margin-top:12px}.deleterole,.deleteuser{color:#ddd;cursor:pointer;display:none}.deleterole{margin-right:5px;margin-top:3px}.usertext{margin-left:10px}.my-centered-dialog{max-width:80vw}.my-centered-dialog .mat-dialog-container{max-width:none}.loading{height:100%;width:100%}.loading mat-spinner{margin:200px auto}"]}]}],"members":{"users":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"roles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"GUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5},"arguments":["GUID"]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":37,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":39,"character":77},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":39,"character":108},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":39,"character":144}]}],"load":[{"__symbolic":"method"}],"setUserRole":[{"__symbolic":"method"}],"removeUserRole":[{"__symbolic":"method"}],"changePassword":[{"__symbolic":"method"}],"deleteUser":[{"__symbolic":"method"}],"deleteRole":[{"__symbolic":"method"}],"addUser":[{"__symbolic":"method"}],"addRole":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"StringListItem":{"__symbolic":"interface"},"ACDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ac-dialog","template":"<div>\r\n\r\n    <div *ngFor=\"let dialog of DialogData\" fxLayout=row>\r\n\r\n        <div class=\"main\" (click)=\"closeOutside(dialog)\">\r\n\r\n            <div class=\"center-block\" [ngStyle]=\"{'width': dialog.width, 'margin': dialog.Margin}\" (click)=\"catch()\"\r\n                fxLayout=column>\r\n                <div *ngIf=\"dialog.HasData==true\" style=\"height:50px\">\r\n                    <div class=headerbg [ngStyle]=\"{'background-color': dialog.headerColor}\"></div>\r\n                    <div fxLayout=row class=\"header\">\r\n                        <div *ngIf=\"dialog.icon\" class=\"material-icons icon\">{{dialog.icon}}</div>\r\n                        <div class=\"title\">{{dialog.titel}}</div>\r\n                    </div>\r\n                    <div class=\"message\" style=\"white-space: pre-line;\">{{dialog.message}}</div>\r\n                </div>\r\n                <div *ngIf=\"dialog.HasData!=true\">\r\n                    <div class=headerbg [ngStyle]=\"{'background-color': dialog.headerColor}\"></div>\r\n                    <div fxLayout=row class=\"header\">\r\n                        <div *ngIf=\"dialog.icon\" class=\"material-icons icon\">{{dialog.icon}}</div>\r\n                        <div class=\"title\">{{dialog.titel}}</div>\r\n                    </div>\r\n                    <div class=\"message\" style=\"white-space: pre-line;\">{{dialog.message}}</div>\r\n                </div>\r\n                <div fxFlex>\r\n                    <div style=\"overflow: auto;max-height: 680px;\">\r\n\r\n\r\n                        <div *ngFor=\"let data of dialog.Data\" fxLayout=row class=\"dataview\" title=\"{{data.title}}\">\r\n                            <mat-form-field *ngIf=\"data.type=='string'\">\r\n\r\n                                <input *ngIf=\"data.disable==true\" disabled matInput\r\n                                    placeholder=\"{{data._displayString}}\" [(ngModel)]=\"data.value\">\r\n                                <input *ngIf=\"data.disable!=true\" matInput placeholder=\"{{data._displayString}}\"\r\n                                    [(ngModel)]=\"data.value\">\r\n                            </mat-form-field>\r\n                            <mat-form-field *ngIf=\"data.type=='password'\">\r\n                                <input matInput type=\"password\" placeholder=\"{{data._displayString}}\"\r\n                                    [(ngModel)]=\"data.value\">\r\n                            </mat-form-field>\r\n                            <mat-form-field *ngIf=\"data.type=='email'\">\r\n                                <input matInput type=\"email\" placeholder=\"{{data._displayString}}\"\r\n                                    [(ngModel)]=\"data.value\">\r\n                            </mat-form-field>\r\n                            <mat-form-field *ngIf=\"data.type=='number'\">\r\n                                <input matInput type=\"number\" placeholder=\"{{data._displayString}}\"\r\n                                    [(ngModel)]=\"data.value\">\r\n                            </mat-form-field>\r\n                            <div *ngIf=\"data.type=='ip'\">\r\n                                <div class=\"datetimelabel\" style=\"    margin-top: 10px;margin-bottom: 10px;\">\r\n                                    {{data._displayString}}</div>\r\n                                <div fxLayout=\"row\" style=\"    margin-top: 10px;margin-bottom: 10px;\">\r\n                                    <input matInput type=\"number\" min=\"0\" max=\"255\"\r\n                                        style=\"text-align: center;font-size: 130%;\" [(ngModel)]=\"data.IP1\"\r\n                                        (keypress)=\"ipchange(data,$event)\">\r\n                                    <div>.</div>\r\n                                    <input matInput type=\"number\" min=\"0\" max=\"255\"\r\n                                        style=\"text-align: center;font-size: 130%;\" [(ngModel)]=\"data.IP2\"\r\n                                        (keypress)=\"ipchange(data,$event)\">\r\n                                    <div>.</div>\r\n                                    <input matInput type=\"number\" min=\"0\" max=\"255\"\r\n                                        style=\"text-align: center;font-size: 130%;\" [(ngModel)]=\"data.IP3\"\r\n                                        (keypress)=\"ipchange(data,$event)\">\r\n                                    <div>.</div>\r\n                                    <input matInput type=\"number\" min=\"0\" max=\"255\"\r\n                                        style=\"text-align: center;font-size: 130%;\" [(ngModel)]=\"data.IP4\"\r\n                                        (keypress)=\"ipchange(data,$event)\">\r\n                                </div>\r\n                            </div>\r\n                            <div *ngIf=\"data.type=='bool'\">\r\n                                <!-- <mat-checkbox color='primary'   [(ngModel)]=\"data.value\">{{data.name}}</mat-checkbox> -->\r\n\r\n                                <mat-slide-toggle [(ngModel)]=\"data.value\">{{data._displayString}}</mat-slide-toggle>\r\n                            </div>\r\n\r\n\r\n                            <div *ngIf=\"data.type=='stringarraylist'\" class=\"stringlistarray\">\r\n                                <div *ngFor=\"let item of data.value\">\r\n                                    <div *ngIf=\"item._selected==true\" class=\"stringlistitem selected\"\r\n                                        (click)=\"select(dialog,data.value,item,false)\">{{item.Name}}</div>\r\n                                    <div *ngIf=\"item._selected!=true\" class=\"stringlistitem\"\r\n                                        (click)=\"select(dialog,data.value,item,true)\">{{item.Name}}</div>\r\n                                </div>\r\n                            </div>\r\n                            <div *ngIf=\"data.type=='text'\" class=\"text\">\r\n                                <ac-editor [language]=\"'typescript'\" [(ngModel)]=\"data.value\"></ac-editor>\r\n\r\n                            </div>\r\n                            <div *ngIf=\"data.type=='html'\" class=\"text\">\r\n                                <ac-editor [language]=\"'html'\" [(ngModel)]=\"data.value\"></ac-editor>\r\n\r\n                            </div>\r\n                            <div *ngIf=\"data.type=='date'\" class=\"date\">\r\n                                <mat-form-field title=\"{{data.name}}\" class=\"date\">\r\n                                    <input #QueryDpValue matInput [matDatepicker]=\"myDatepicker\"\r\n                                        [placeholder]=\"data._displayString\" [value]=\"data.date.value\">\r\n                                    <mat-datepicker-toggle matSuffix [for]=\"myDatepicker\"></mat-datepicker-toggle>\r\n                                    <mat-datepicker #myDatepicker></mat-datepicker>\r\n                                </mat-form-field>\r\n                            </div>\r\n                            <div *ngIf=\"data.type=='datetime1'\" class=\"date\">\r\n                                <div class=\"datetimelabel\">{{data._displayString}}</div>\r\n                                <input class=\"datetimeinput\" [owlDateTimeTrigger]=\"dt\" [owlDateTime]=\"dt\"\r\n                                    [(ngModel)]=\"data.value\">\r\n                                <owl-date-time #dt hour12Timer=\"true\"></owl-date-time>\r\n                                <!-- https://danielykpan.github.io/date-time-picker/   -->\r\n\r\n                            </div>\r\n                            <div *ngIf=\"data.type=='datetime'\" class=\"date\">\r\n                                <div class=\"datetimelabel\">{{data._displayString}}</div>\r\n                                <div fxLayout=\"row\">\r\n                                    <input class=\"datetimeinput\" [matDatepicker]=\"picker\" [(ngModel)]=\"data.value\">\r\n                                    <mat-datepicker-toggle matSuffix [for]=\"picker\">\r\n                                        <mat-icon matDatepickerToggleIcon>keyboard_arrow_down</mat-icon>\r\n                                    </mat-datepicker-toggle>\r\n                                    <mat-datepicker #picker></mat-datepicker>\r\n                                    <!-- <input class=\"time\">{{getHours(data.value)}}</input>   -->\r\n                                    <!-- <input matInput type=\"string\" placeholder=\"{{data.hours}}\" [(ngModel)=\"data.hours\"> -->\r\n                                    <div class=\"time\" [matMenuTriggerFor]=\"menuHour\">{{data.hours}}</div>\r\n\r\n                                    <mat-menu #menuHour=\"matMenu\">\r\n                                        <button mat-menu-item style=\"height: 30px;line-height: 30px\"\r\n                                            *ngFor=\"let h of hours\" value=\"m\" (click)=\"data.hours=h\">{{h}}</button>\r\n                                    </mat-menu>\r\n\r\n                                    <div class=\"time\">:</div>\r\n                                    <div class=\"time\" [matMenuTriggerFor]=\"menuMinute\" style=\"margin-right: 10px\">\r\n                                        {{data.minutes}}</div>\r\n\r\n                                    <mat-menu #menuMinute=\"matMenu\">\r\n                                        <button mat-menu-item style=\"height: 30px;line-height: 30px\"\r\n                                            *ngFor=\"let m of minutes\" (click)=\"data.minutes=m\" value=\"m\">{{m}}</button>\r\n                                    </mat-menu>\r\n                                </div>\r\n\r\n\r\n                            </div>\r\n\r\n\r\n                            <div *ngIf=\"data.type=='time'\" class=\"date\">\r\n\r\n                            </div>\r\n\r\n                            <div *ngIf=\"data.type=='stringlist'\" class=\"enumlistarray\">\r\n                                <div fxLayout=row>\r\n                                    <mat-form-field class=\"stringlistval\">\r\n                                        <input matInput placeholder=\"{{data.value.title}}\" type=\"text\"\r\n                                            [(ngModel)]=\"data.value.value\" [formControl]=\"stringlistControl\"\r\n                                            [matAutocomplete]=\"auto\">\r\n                                        <mat-autocomplete #auto=\"matAutocomplete\">\r\n                                            <mat-option style=\"font-size: 80%;\" *ngFor=\"let item of filteredValues\"\r\n                                                [value]=\"item.name\">\r\n                                                <div style=\"height: 30px;\">{{item.name}}</div>\r\n                                                <div style=\"height: 25px;font-size: 75%;color: gray;line-height: 25px;\">\r\n                                                    [{{item.remark}}]</div>\r\n                                            </mat-option>\r\n                                        </mat-autocomplete>\r\n                                    </mat-form-field>\r\n\r\n                                    <!-- <mat-form-field class=\"search\" style=\"width:  100px\">\r\n                                <input type=\"text\" matInput placeholder=\"Class\" [(ngModel)]=\"ClassFilter\" [matAutocomplete]=\"auto\"\r\n                                    [formControl]=\"myControl\">\r\n                                <mat-autocomplete #auto=\"matAutocomplete\">\r\n                                    <mat-option style=\"font-size: 80%;\" *ngFor=\"let class of classList\" [value]=\"class\">{{class}}</mat-option>\r\n                                </mat-autocomplete>\r\n                            </mat-form-field> -->\r\n\r\n\r\n                                    <button class=\"stringlistbutton\" [matMenuTriggerFor]=\"menuSL\">\r\n                                        <mat-icon>play_arrow</mat-icon>\r\n                                    </button>\r\n                                </div>\r\n\r\n                                <mat-menu #menuSL=\"matMenu\">\r\n                                    <div *ngFor=\"let item of data.value.values\">\r\n                                        <button mat-menu-item style=\"height: 30px;line-height: 30px;font-size: 120%;\"\r\n                                            (click)=\"data.value.value=item.name\">{{item.name}}</button>\r\n                                        <div style=\"font-size: 72%;\r\n                                    color: #2196f3;\r\n                                    margin-left: 17px;margin-bottom: 5px;\r\n                                    margin-right: 15px;\"> {{item.remark}}</div>\r\n                                    </div>\r\n                                </mat-menu>\r\n\r\n                            </div>\r\n\r\n                            <div *ngIf=\"data.type=='stringenum'\" class=\"enumlistarray\">\r\n                                <div class=\"enumlistarrayheader\">\r\n                                    {{data.name}}\r\n                                </div>\r\n                                <mat-select placeholder=\"Type\" [(value)]=\"data.value.selectedId\">\r\n                                    <mat-option *ngFor=\"let item of data.value.items\" [value]=\"item.valueId\">\r\n                                        {{item.viewValue}}\r\n                                    </mat-option>\r\n                                </mat-select>\r\n\r\n                            </div>\r\n\r\n                            <mat-checkbox *ngIf=\"data.type=='boolean'\" class=\"checkbox\" matInput\r\n                                [(ngModel)]=\"data.value\">\r\n                                {{data.name}}</mat-checkbox>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div style=\"height: 65px;\">\r\n                    <p fxLayout=row style=\"margin-bottom:-5px;\">\r\n                        <button *ngIf=\"dialog.ButtonLocked!=true\" class=\"button\" mat-raised-button fxFlex\r\n                            (click)=\"yes(dialog)\">{{dialog.YES}}</button>\r\n                        <button *ngIf=\"dialog.ButtonLocked==true\" class=\"button\" mat-raised-button fxFlex\r\n                            disabled>{{dialog.YES}}</button>\r\n                        <button class=\"button\" *ngIf=\"dialog.NO\" fxFlex mat-raised-button\r\n                            (click)=\"no(dialog)\">{{dialog.NO}}</button>\r\n                        <button class=\"button\" *ngIf=\"dialog.CANCEL\" fxFlex mat-raised-button\r\n                            (click)=\"cancel(dialog)\">{{dialog.CANCEL}}</button>\r\n                    </p>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","styles":[".main{-webkit-animation:fadein .5s;animation:fadein .5s;background:rgba(29,29,29,.35);height:100%;position:absolute;width:100%;z-index:900}.headerbg{background-color:#ff9800;height:35px;margin-left:-20px;margin-right:-20px;margin-top:-20px}.header{color:#fff;margin-top:-29px}.stringlistarray{max-height:200px;min-height:200px}.stringlistarray,.text{border:1px solid #c7c7c7;overflow:auto;width:100%}.text{max-height:400px;min-height:400px}.stringlistitem{color:grey;cursor:pointer;padding:5px}.selected{background-color:#2196f3;color:#fff}.center-block{background:#fff;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);max-height:90%;padding:20px;width:400px}.icon,.title{color:#fff}.title{padding:4px}.message{margin-top:20px}.checkbox,.message{color:grey}.date{width:100%}.button{color:grey;margin-right:5px}.button,.dataview{margin-top:10px}mat-form-field{width:100%}.time{cursor:pointer;line-height:25px;margin:10px 3px 3px}.datetimeinput{border:none;border-bottom:1px solid #b9b9b9;font-size:100%;height:20px;margin-bottom:10px;margin-top:10px;width:100%}.datetimelabel{color:#bbb;font-size:80%}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}.enumlistarrayheader{margin-bottom:5px}.enumlistarray{color:grey;margin-top:10px;min-height:50px;width:100%}.mat-select{color:grey;z-index:99999}.mat-select-value{color:#000;min-height:30px;z-index:99999}.mat-select-trigger{border-color:grey;border-width:0;min-height:30px}.mat-select-trigger,.mat-select-value-text{color:grey;margin-top:15px}.mat-option{color:#89abca;z-index:99999}.mat-select-menu-container{z-index:99999!important}.mat-select-menu mat-option:focus[selected]{background-color:#ff9800}.stringlistval{border:none}.stringlistbutton{background-color:transparent;border:none;color:grey;transform:rotate(90deg)}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}"]}]}],"members":{"DialogData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"m_dpQueryValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":5},"arguments":["QueryDpValue"]}]}],"_toFix2":[{"__symbolic":"method"}],"getMinutes":[{"__symbolic":"method"}],"getHours":[{"__symbolic":"method"}],"ipchange":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACUtils"}]}],"ngOnInit":[{"__symbolic":"method"}],"filterValues":[{"__symbolic":"method"}],"clearDialog":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"yes":[{"__symbolic":"method"}],"no":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"closeOutside":[{"__symbolic":"method"}],"catch":[{"__symbolic":"method"}]}},"ACInstancePopupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ac-instancepopup","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":21},"member":"OnPush"},"template":"<div class=\"main\" style=\"min-width: 500px\" [ngStyle]=\"{'left': popup.sleft,'top': popup.stop,'z-index':popup.zindex}\">\r\n    <div class=\"center-block\" [ngStyle]=\"{'width': popup.swidth, 'height':popup.sheight}\">\r\n        <div class=headerbg fxLayout=row [ngStyle]=\"{'background-color': popup.headerColor, 'height':headerBGHeight}\"\r\n            (mousedown)=\"mousedown(popup,$event)\">\r\n\r\n\r\n            <button class=\"header\" *ngIf=\"smallView==true\" style=\"margin-top: 5px;\" mat-icon-button title=\"Close\" (click)=\"closePopup(popup)\">\r\n                <div class=\"material-icons deleteuser\">arrow_back</div>\r\n            </button>\r\n\r\n            <div class=\"header\" *ngIf=\"smallView==true\" style=\"white-space: nowrap;cursor:move;width:100%;    font-size: 150%;\r\n            line-height: 45px;\">{{popup.title}}</div>\r\n            <div class=\"header\" *ngIf=\"smallView==false\" style=\"white-space: nowrap;cursor:move;width:100%\">{{popup.title}}</div>\r\n\r\n            <!-- <button mat-mini-fab color=\"primary\" class=\"headerclose\" title=\"Schließen\" (click)=\"closePopup(popup)\">X</button> -->\r\n            <button class=\"header\" style=\"margin-top: -5px;\" *ngIf=\"smallView==false\" mat-icon-button title=\"Close\" (click)=\"closePopup(popup)\">\r\n                <div class=\"material-icons deleteuser\">close</div>\r\n            </button>\r\n\r\n\r\n        </div>\r\n        <div class=\"remark\" title=\"{{popup.instanceRemark}}\">\r\n            {{popup.instanceRemark}}\r\n        </div>\r\n       \r\n        <div fxLayout=\"row\" class=\"tabroot\">\r\n            <div *ngIf=\"noComp==false\" [ngClass]=\"{'tabOn': activtab==0, 'tabOff': activtab!=0}\" (click)=\"activtab=0\">\r\n                {{ 'POPUP.MAIN' | translate }}</div>\r\n            <div acRole=\"Admin;Maintenance\" [ngClass]=\"{'tabOn': activtab==1, 'tabOff': activtab!=1}\"\r\n                (click)=\"activtab=1\">{{ 'POPUP.DATA' | translate }}</div>\r\n            <div acRole=\"Admin;Maintenance;Operator\" [ngClass]=\"{'tabOn': activtab==2, 'tabOff': activtab!=2}\"\r\n                (click)=\"activtab=2\">{{ 'POPUP.TREND' | translate }}</div>\r\n            <div acRole=\"Admin;Maintenance;Operator\" [ngClass]=\"{'tabOn': activtab==3, 'tabOff': activtab!=3}\"\r\n                (click)=\"activtab=3\">{{ 'POPUP.LOGBOOK' | translate }}</div>\r\n        </div>\r\n        <div class=\"content\">\r\n            <div *ngIf=\"activtab==0\">\r\n                <ac-dynamic-component [componentData]=\"popup.compData\"></ac-dynamic-component>\r\n\r\n            </div>\r\n            <div *ngIf=\"activtab==1\">\r\n                <!--<ac-dataview [dataModel]=\"getViewModeFromInstanceName(popup.instanceName)\"></ac-dataview>-->\r\n                <div fxLayout=\"row\" class=\"tabroot\"\r\n                    style=\"background-color: #c7c7c7;border-top: 1px solid #03A9F4;margin-top: 0px;\">\r\n\r\n                    <div [ngClass]=\"{'tabOn': dataActive==0, 'tabOff': dataActive!=0}\" (click)=\"dataActive=0\">\r\n                        {{ 'POPUP.ALARM' | translate }}</div>\r\n                    <div [ngClass]=\"{'tabOn': dataActive==1, 'tabOff': dataActive!=1}\" (click)=\"dataActive=1\">\r\n                        {{ 'POPUP.JOURNAL' | translate }}</div>\r\n                    <div [ngClass]=\"{'tabOn': dataActive==2, 'tabOff': dataActive!=2}\" (click)=\"dataActive=2\">\r\n                        {{ 'POPUP.PROPERTIES' | translate }}</div>\r\n\r\n\r\n                </div>\r\n\r\n                <div *ngIf=\"dataActive==0\">\r\n                    <ac-alarm-instance [dataModel]=\"getViewModeFromInstanceName(popup.instanceName)\">\r\n                    </ac-alarm-instance>\r\n                </div>\r\n                <div *ngIf=\"dataActive==1\">\r\n                    <ac-journalmain [Instance]=\"popup.instanceName\" [ViewMode]=1></ac-journalmain>\r\n                </div>\r\n                <div *ngIf=\"dataActive==2\" class=\"trendwindow\">\r\n                    <ac-dataview [dataModel]=\"getViewModeFromInstanceName(popup.instanceName)\"></ac-dataview>\r\n                </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n            </div>\r\n            <div *ngIf=\"activtab==2\">\r\n                <div fxLayout=\"row\" class=\"tabroot\"\r\n                    style=\"background-color: #c7c7c7;border-top: 1px solid #03A9F4;margin-top: 0px;\">\r\n                    <div [ngClass]=\"{'tabOn': trendConfigActive==0, 'tabOff': trendConfigActive!=0}\"\r\n                        (click)=\"trendConfigActive=0\">{{ 'POPUP.CHART' | translate }}</div>\r\n                    <div [ngClass]=\"{'tabOn': trendConfigActive==1, 'tabOff': trendConfigActive!=1}\"\r\n                        (click)=\"trendConfigActive=1\">{{ 'POPUP.SETTINGS' | translate }}</div>\r\n\r\n                </div>\r\n                <div *ngIf=\"trendConfigActive==0\" class=\"trendwindow\">\r\n                    <ac-trend [instanceName]=\"popup.instanceName\"></ac-trend>\r\n                </div>\r\n                <div *ngIf=\"trendConfigActive==1\">\r\n                    <ac-trendconfig [dataModel]=\"getViewModeFromInstanceName(popup.instanceName)\"></ac-trendconfig>\r\n                </div>\r\n            </div>\r\n            <div *ngIf=\"activtab==3\">\r\n                <ac-logbook [instanceName]=\"popup.instanceName\"></ac-logbook>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","styles":[".main{-webkit-animation:fadein .5s;animation:fadein .5s;position:absolute;z-index:400}.headerbg{background-color:#6a8187;height:35px;width:100%}.header{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;color:#fff;line-height:25px;margin:5px;text-decoration:none;user-select:none}.remark{background-color:#ddd;color:#848484;height:18px;margin-top:-2px;min-height:18px;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap}.center-block{background:#fff;background-color:#fff;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.content{height:calc(100% - 92px);overflow:auto}mat-tab-label{height:20px}.icon,.title{color:#fff}.title{padding:4px}.message{margin-top:20px}.button,.checkbox,.message{color:grey}.button{margin-right:5px}.button,.dataview{margin-top:10px}mat-form-field{width:100%}.tabroot{background-color:#ddd;margin-top:-2px}.tabOn{background-color:#ececec;border-bottom:2px solid #ff9800;color:#5a8cb3}.tabOff,.tabOn{cursor:pointer;padding:5px;text-align:center;width:80px}.tabOff{color:grey}.trendwindow{height:calc(100% - 124px)}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}"]}]}],"members":{"popup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5},"arguments":["popup"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":36},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":48,"character":61}]}],"exec":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"mousedown":[{"__symbolic":"method"}],"_killBaseComponent":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}],"sethighestZindex":[{"__symbolic":"method"}],"getViewModeFromInstanceName":[{"__symbolic":"method"}]}},"ACPopupControlerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ac-popup-controler","template":"<div>\r\n    <div *ngFor=\"let popup of PopupList\" fxLayout=row>\r\n         <ac-instancepopup [popup]=popup></ac-instancepopup>\r\n</div>\r\n \r\n "}]}],"members":{"PopupList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":23,"character":5},"arguments":["window:resize",["$event"]]}]}],"matsidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":5},"arguments":["matsidenav"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":38,"character":62}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"closePopupName":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}],"sethighestZindex":[{"__symbolic":"method"}],"mousedown":[{"__symbolic":"method"}],"mouseup":[{"__symbolic":"method"}],"mousemove":[{"__symbolic":"method"}]},"statics":{"sACPopupComponent":{"__symbolic":"reference","name":"undefined"}}},"ACRootComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"ac-root","template":"<!-- all neccessary acurade core components -->\r\n<!-- <div class=\"root\" (click)=\"rootClick()\"></div> -->\r\n<ac-dialog></ac-dialog>\r\n<ac-popup-controler></ac-popup-controler>\r\n<ac-alarmmain></ac-alarmmain>\r\n<ac-login *ngIf=\"showLogin\"></ac-login>\r\n<div class=\"errorpopup\" *ngIf=\"showErrorMsgBox\">\r\n    <div class=\"errorroot\">\r\n        <div fxLayout=\"row\" class=\"header\">\r\n            <mat-icon>error</mat-icon>\r\n            <div style=\"margin-left:10px\">System exception:</div>\r\n        </div>\r\n        <div class=content>\r\n            <div class=\"row\" *ngFor=\"let error of ErrorList\" fxLayout=row>\r\n\r\n                <div fxFlex>{{error.Message}}</div>\r\n                <div style=\"text-align:right;margin-right:5px\">{{error.Component}}</div>\r\n\r\n            </div>\r\n        </div>\r\n        <div fxLayout=\"row\">\r\n            <button class=\"restartbutton\" mat-raised-button (click)=\"restart()\">Restart</button>\r\n            <button class=\"closebutton\" mat-raised-button (click)=\"close()\">OK</button>\r\n        </div>\r\n\r\n    </div>\r\n\r\n\r\n</div>\r\n<div *ngIf=\"NoConnection==true\" class=\"noconnectionframe\">\r\n    <div class=\"noconnection blink_alarm\">No connection to PLC!</div>\r\n</div>\r\n\r\n<div *ngIf=\"showInfo==true\" class=\"noconnectionframe\">\r\n    <div class=\"info\">\r\n        <div class=\"infoheader\">SYSINFO (press F9 to close)</div><br>\r\n        <div class=\"infoline\">Server: {{aCCom.TenantInfo.ServerIP}} * SiteName: {{aCCom.TenantInfo.SiteName}}</div>\r\n        <div class=\"infoline\">User: {{aCCom.TenantInfo.UserName}} | [SysAdmin:{{aCCom.TenantInfo.IsSysAdmin}}]</div>\r\n\r\n        <div *ngIf=\"aCCom.isRedundant!=true\">\r\n            <div>Host: {{aCCom.loginHost}} : {{aCCom.loginMessageHost}}</div>\r\n            <div>ServerInfo HostA: T:{{aCCom.ServerInfo.ServerTimeStr}} SL:{{aCCom.ServerInfo.ServiceLevel}}</div>\r\n        </div>\r\n\r\n        <div *ngIf=\"aCCom.isRedundant\">\r\n            <div>HostA: {{aCCom.loginHost}} : {{aCCom.loginMessageHost}}</div>\r\n            <div>HostB: {{aCCom.loginHostSecondary}} : {{aCCom.loginMessageHostSecondary}}</div>\r\n            <div *ngIf=\"aCCom.SecondaryHostIsMain==false\"\r\n                style=\"background-color:green;margin-left: 10px;margin-right: 10px;\">ServerInfo\r\n                HostA: T:{{aCCom.ServerInfo.ServerTimeStr}} | RD:{{aCCom.ServerInfo.Redundant}} | Main:\r\n                {{aCCom.ServerInfo.IsMain}} | SL:{{aCCom.ServerInfo.ServiceLevel}}</div>\r\n            <div *ngIf=\"aCCom.SecondaryHostIsMain==true\">ServerInfo HostA: T:{{aCCom.ServerInfo.ServerTimeStr}} |\r\n                RD:{{aCCom.ServerInfo.Redundant}} | Main: {{aCCom.ServerInfo.IsMain}} |\r\n                SL:{{aCCom.ServerInfo.ServiceLevel}}</div>\r\n\r\n            <div *ngIf=\"aCCom.SecondaryHostIsMain==true\"\r\n                style=\"background-color:green;margin-left: 10px;margin-right: 10px;\">ServerInfo\r\n                HostB: T:{{aCCom.ServerInfoSecondary.ServerTimeStr}} | RD:{{aCCom.ServerInfoSecondary.Redundant}} |\r\n                Main: {{aCCom.ServerInfoSecondary.IsMain}} | SL:{{aCCom.ServerInfoSecondary.ServiceLevel}}</div>\r\n            <div *ngIf=\"aCCom.SecondaryHostIsMain==false\">ServerInfo HostB:\r\n                T:{{aCCom.ServerInfoSecondary.ServerTimeStr}} | RD:{{aCCom.ServerInfoSecondary.Redundant}} | Main:\r\n                {{aCCom.ServerInfoSecondary.IsMain}} | SL:{{aCCom.ServerInfoSecondary.ServiceLevel}}</div>\r\n        </div>\r\n        <div class=\"settings\">Settings</div>\r\n\r\n        <div fxLayout=\"row\">\r\n            <div style=\"margin-left: 30%;margin-right: 5px\">Language:</div>\r\n            <select #langSelect (change)=\"ACLanguageService.translate.use(langSelect.value)\">\r\n                <option *ngFor=\"let lang of ACLanguageService.translate.getLangs()\" [value]=\"lang\"\r\n                    [selected]=\"lang === ACLanguageService.translate.currentLang\">{{ lang }}</option>\r\n            </select>\r\n\r\n        </div>\r\n\r\n        <mat-checkbox color='primary' class=\"col2 doner\" [(ngModel)]=\"aCCom.checkVars\"\r\n            title=\"Please reload after change!\">Check\r\n            if Variables exist's on Server</mat-checkbox>\r\n        <button mat-raised-button color=\"accent\" style=\"width: 150px;color: white;\r\n        font-size: 100%;    margin: 5px;\r\n    margin-left: 20px;\" (click)=\"doLoout()\">Logout</button>\r\n\r\n    </div>\r\n\r\n</div>\r\n\r\n<!-- <img *ngIf=\"arrowOn==true\" #alarmArrowElm class=\"alarmArrow blink_alarm\" width=\"100\" src=\"/assets/images/arrow.png\"/>  -->\r\n<!-- <img #alarmArrowElm class=\"alarmArrow blink_alarm\" width=\"100\" src=\"/assets/images/arrow.png\" /> -->\r\n\r\n<div *ngIf=\"AlarmStyleArrow==false\" #alarmArrowElm class=\"lds-ripple\"><div></div><div></div></div>\r\n\r\n<div *ngIf=\"AlarmStyleArrow==true\" class=\"alarmArrow blink_alarm\">\r\n    <svg style=\"    transform: scale(0.4);\r\n    margin-left: -40px;\r\n    margin-top: -40px;\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:cc=\"http://creativecommons.org/ns#\"\r\n        xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:svg=\"http://www.w3.org/2000/svg\"\r\n        xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n        xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"\r\n        xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\" version=\"1.1\" id=\"svg2\" width=\"200\" height=\"200\"\r\n        viewBox=\"0 0 200 200\" sodipodi:docname=\"arrow.svg\" inkscape:version=\"0.92.3 (2405546, 2018-03-11)\">\r\n       \r\n         \r\n        <image width=\"200\" height=\"200\" preserveAspectRatio=\"none\" xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAABmJLR0QA/wD/AP+gvaeTAAAACXBI\r\n     WXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QwbDhEACmNRAgAAA4hJREFUeNrt3b1SE1EAhuGPgGNr\r\n     78VwBxba8FM4Q6V3RGNhIV6B16WthcTCZIaBAFnckz0/zzuzw0DCZtl9krNszkBSXydJfiS5TbK2\r\n     PLncbvbVSfRsn4GZvHyu7SCuKoT11nOr/X1WI6w1J+3vs+rH5vU1Nbs6+lT39q0cIoElsASWBJbA\r\n     ElgSWAJLYElgCSyBJYElsASWBJbAElgSWAJLYElgCSyBJYElsASWBJbAElgSWAJLYElgCSyBJYEl\r\n     sASWBJbAElgSWAJLYElgCSyBJYElsASWBJbAElgSWAJLYElgCSyBJYElsASWBJbAEljSw042H4+S\r\n     vK5ge/7c2SZNO46vkhxXsC2/k6yPkrxL8jXJmyTrCjbs6O4n62tqdu6kTw++VMux+5Xk48kdVA8O\r\n     qtqyVsl2vEny1TmWip28Xz166/HmebDEskpymi8O0SOd5ktWCx6fp8/mrrYvn+dJbh4M2s5vNO08\r\n     L0kukny/Oy7DpVlQ7Trhg0v/jeqx3yTg0n+h2p683+/75o77rFBQXd5H9RisLa5LuLQHqpud939m\r\n     fRdJvhkWoZqCah9YcEE1GdW+sOCCahKqKbDggmpvVFNhwQXVzd7reMHjus41HqqLXZcU5oYFF1TF\r\n     YMEFVTFYcEFVDBZcUBWDBRdUxWDBBVUxWHBBVQwWXFAVgwXX4KhKwoJrYFSlYcE1KKqk/B8FMc25\r\n     TlSXJVEdAtYWl2nOdaG6Kf7YB/w5TbkZBNWhYcE1CKolYME1AKqlYMHVOaolYcHVMaqlYSWuc5VE\r\n     VfQ6Ve2w4OoQVS2w4OoMVU2w4OoIVW2w4OoEVY2w4OoAVa2w4GocVc2w4GoYVe2w4GoUVQuwhsfV\r\n     IqpWYA2Lq1VUSTv/Vm64mahLzfwcDdYW1xAzUWt7Q7nnofD+UNDtrIgeULUKq1tcvaBqGVZ3uHpC\r\n     1TqsbnD1hqoHWM3j6hFVL7CSRq9z9YqqJ1jN4Wr54udosJrB1TuqHmFVj2sEVL3CqhbXKKh6hlUd\r\n     rpFQ9Q6rGlyjoRoB1uK4RkQ1CqzFcI2KaiRYB8c1MqrRYB0M1+ioRoRVHBdU/1oNCKvYNOfWpxOD\r\n     NQ+uWac59/yGsqFwerNMuYEKrNlxQQXW7LigAmt2XFCBNTsuqPSSzpOs7y/r63/Lrts23yO9DBdU\r\n     mqOzPVCd2U2aG5dXKs0+LEKlWXqf5Odm+WB3PN9f0LXd/8Kv52kAAAAASUVORK5CYII=\r\n     \" id=\"image10\" x=\"0\" y=\"0\" />\r\n    </svg>\r\n\r\n</div>","styles":[".errorpopup{position:absolute;width:100%;z-index:500}.errorroot{background-color:rgba(255,17,0,.83);border-bottom:1px solid #000;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-left:1px solid #000;border-right:1px solid #000;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);margin:0 auto;width:600px}.noconnectionframe{position:absolute;width:100%;z-index:600}.noconnection{background-color:red;height:30px;line-height:30px;width:500px}.info,.noconnection{border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);color:#fff;margin:0 auto;text-align:center}.info{background-color:#2196f3;padding:5px;width:600px}.infoheader{color:#d8d8d8}.infoline{font-size:80%;margin-bottom:5px}.settings{background:#607d8b;margin:10px}.row{border-bottom:1px solid #ff6161;color:#fff;padding:10px}.restartbutton{margin-bottom:10px;margin-left:330px;margin-top:10px;width:200px}.closebutton{margin:10px;width:200px}.header{border-bottom:1px solid #ff6161;color:#fff;font-size:20px;margin-bottom:5px;padding:10px}.content{max-height:200px;overflow:auto}.alarmArrow{position:absolute;visibility:hidden;z-index:400}.root{height:100%;position:absolute;width:100%}.blink_alarm{-webkit-animation:blink-blink_alarm 1s steps(2,start) infinite;animation:blink-blink_alarm 1s steps(2,start) infinite}@keyframes blink-blink_alarm{to{visibility:hidden}}@-webkit-keyframes blink-blink_alarm{to{visibility:hidden}}.lds-ripple{display:inline-block;height:64px;position:absolute;transform:scale(2);transform-origin:center;visibility:hidden;width:64px;z-index:400}.lds-ripple div{-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;background-color:hsla(0,0%,100%,.04);border:4px solid #ff9800;border-radius:50%;opacity:1;position:absolute}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{height:0;left:28px;opacity:.9;top:28px;width:0}to{height:58px;left:-1px;opacity:0;top:-1px;width:58px}}@keyframes lds-ripple{0%{height:0;left:28px;opacity:.9;top:28px;width:0}to{height:58px;left:-1px;opacity:0;top:-1px;width:58px}}"]}]}],"members":{"plcmode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5},"arguments":["plcmode"]}]}],"alarmArrowElm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":57,"character":5},"arguments":["alarmArrowElm"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":59,"character":80},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":59,"character":107},{"__symbolic":"reference","name":"ACDBService"},{"__symbolic":"reference","name":"ACLanguageService"}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":106,"character":5},"arguments":["window:resize",["$event"]]}]}],"KeyPress":[{"__symbolic":"method"}],"MouseBodyMove":[{"__symbolic":"method"}],"MouseBodyUp":[{"__symbolic":"method"}],"MouseBodyDown":[{"__symbolic":"method"}],"doLoout":[{"__symbolic":"method"}],"Message":[{"__symbolic":"method"}],"restart":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"showArrow":[{"__symbolic":"method"}],"_showArrow":[{"__symbolic":"method"}],"rootClick":[{"__symbolic":"method"}],"checkVars":[{"__symbolic":"method"}]},"statics":{"sACRootComponent":{"__symbolic":"reference","name":"undefined"}}},"ErrorMsg":{"__symbolic":"class","members":{}},"acRootErrorHandler":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/core","name":"ErrorHandler","line":270,"character":40},"members":{"__ctor__":[{"__symbolic":"constructor"}],"handleError":[{"__symbolic":"method"}]}},"ACAlarmViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ac-alarmview","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":21},"member":"OnPush"},"template":"<div class=\"main\">\r\n  <div class=\"leftpanel\">\r\n    <div class=\"totalalarms\">{{totalaAlarms}}</div>\r\n    <mat-icon class=\"ackall\" (click)=\"ackAll()\" title=\"{{'ALARM.SIDEBAR.ACKALL' | translate}}\">done</mat-icon>\r\n\r\n    <mat-menu #menupalarm>\r\n\r\n      <button mat-menu-item (click)=\"export()\">{{'ALARM.SIDEBAR.EXPORT' | translate}}</button>\r\n\r\n    </mat-menu>\r\n    <button *ngIf=\"_MenuEnabled==true\" style=\"text-align:center;color: gray; margin-top: 5px;\" mat-icon-button\r\n      [matMenuTriggerFor]=\"menupalarm\">\r\n      <mat-icon class=\"icon\">more_horiz</mat-icon>\r\n    </button>\r\n    <button *ngIf=\"_FilterEnabled==true\" style=\"text-align:center;color: gray; margin-top: 5px;\" mat-icon-button\r\n      (click)=\"_FilterEnabled=false\" title=\"{{'ALARM.SIDEBAR.FILTER' | translate}}\">\r\n      <mat-icon style=\"background-color: #9c9c9c;color: #e8e7e7;\" class=\"icon\">filter_list</mat-icon>\r\n    </button>\r\n    <button *ngIf=\"_FilterEnabled!=true\" style=\"text-align:center;color: gray; margin-top: 5px;\" mat-icon-button\r\n      (click)=\"_FilterEnabled=true\" title=\"{{'ALARM.SIDEBAR.FILTER' | translate}}\">\r\n      <mat-icon class=\"icon\">filter_list</mat-icon>\r\n    </button>\r\n\r\n\r\n  </div>\r\n  <div class=\"rightpanel\">\r\n    <div *ngIf=\"_HeaderEnabled==true\" class=\"rowHeader\">\r\n      <div class=\"item nameHeader\">{{'ALARM.TABLE.NAME' | translate}}</div>\r\n      <div class=\"item remarkHeader\">{{'ALARM.TABLE.REMARK' | translate}}</div>\r\n      <div class=\"item ontimeHeader\">{{'ALARM.TABLE.ONTIME' | translate}}</div>\r\n      <div class=\"item offtimeHeader\">{{'ALARM.TABLE.OFFTIME' | translate}}</div>\r\n      <div class=\"item prioHeader\">{{'ALARM.TABLE.PRIO' | translate}}</div>\r\n      <div class=\"item groupHeader\">{{'ALARM.TABLE.GROUP' | translate}}</div>\r\n    </div>\r\n    <div *ngIf=\"_FilterEnabled==true\" class=\"row filter\">\r\n      <div fxLayout=\"row\">\r\n          <button *ngIf=\"filtervalue1.length!=0\" style=\"text-align:center;color: gray;margin:-10px \" mat-icon-button\r\n          (click)=\"onClearFilter1($event)\" title=\"{{'ALARM.TABLE.CLEARFILTER' | translate}}\">\r\n          <mat-icon class=\"icon\">delete</mat-icon>\r\n          <div *ngIf=\"filtervalue1.length==0\" style=\"width: 25px\">\r\n  \r\n          </div>\r\n        </button>\r\n        <input #FilterName matInput placeholder=\"{{'ALARM.TABLE.NAME' | translate}}\" class=\"filteritem name\" [(ngModel)]=\"filtervalue1\"\r\n          (keyup.enter)=\"onFilter1($event)\" (dblclick)=\"onClearFilter1($event)\">\r\n      </div>\r\n      <div fxLayout=\"row\">\r\n          <button *ngIf=\"filtervalue2.length!=0\" style=\"text-align:center;color: gray;margin:-10px \" mat-icon-button\r\n          (click)=\"onClearFilter2($event)\" title=\"{{'ALARM.TABLE.CLEARFILTER' | translate}}\">\r\n          <mat-icon class=\"icon\">delete</mat-icon>\r\n          <div *ngIf=\"filtervalue2.length==0\" style=\"width: 25px\">\r\n  \r\n          </div>\r\n        </button>\r\n        <input #FilterRemark matInput placeholder=\"{{'ALARM.TABLE.REMARK' | translate}}\" class=\"filteritem remark\" [(ngModel)]=\"filtervalue2\"\r\n          (dblclick)=\"onClearFilter2($event)\">\r\n      </div>\r\n \r\n      <div fxLayout=\"row\">\r\n          <button *ngIf=\"filtervalue3.length!=0\" style=\"text-align:center;color: gray;margin:-10px \" mat-icon-button\r\n          (click)=\"onClearFilter3($event)\" title=\"{{'ALARM.TABLE.CLEARFILTER' | translate}}\">\r\n          <mat-icon class=\"icon\">delete</mat-icon>\r\n          <div *ngIf=\"filtervalue3.length==0\" style=\"width: 25px\">\r\n   \r\n          </div>\r\n        </button>\r\n        <input #FilterRemark matInput placeholder=\"{{'ALARM.TABLE.ONTIME' | translate}}\" class=\"filteritem ontime\" [(ngModel)]=\"filtervalue3\"\r\n         (dblclick)=\"onClearFilter3($event)\">\r\n      </div>\r\n\r\n      <!-- <input #FilterOnTime matInput placeholder=\"OnTime\" class=\"filteritem ontime\" readonly> -->\r\n\r\n  \r\n      <input #FilterOffTime matInput placeholder=\"{{'ALARM.TABLE.OFFTIME' | translate}}\" class=\"filteritem offtime\" readonly>\r\n\r\n      <div fxLayout=\"row\">\r\n          <button *ngIf=\"filtervalue4.length!=0\" style=\"text-align:center;color: gray;margin:-10px \" mat-icon-button\r\n          (click)=\"onClearFilter4($event)\" title=\"{{'ALARM.TABLE.CLEARFILTER' | translate}}\">\r\n          <mat-icon class=\"icon\">delete</mat-icon>\r\n          <div *ngIf=\"filtervalue4.length==0\" style=\"width: 25px\">\r\n   \r\n          </div>\r\n        </button>\r\n        <input #FilterRemark matInput placeholder=\"{{'ALARM.TABLE.PRIO' | translate}}\" class=\"filteritem prio\" [(ngModel)]=\"filtervalue4\"\r\n         (dblclick)=\"onClearFilter4($event)\">\r\n      </div>\r\n      <!-- <input #FilterPrio matInput placeholder=\"Prio\" class=\"filteritem prio\" readonly> -->\r\n\r\n      <input #FilterGroup matInput placeholder=\"{{'ALARM.TABLE.GROUP' | translate}}\" class=\"filteritem group\" readonly>\r\n    </div>\r\n    <div *ngFor=\"let alarm of this.AlarmListTop50 trackBy:trackByFn\" [alarmcolor]=\"alarm.Prio\">\r\n\r\n      <div class=\"row ac_alarm_row_border\">\r\n        <div class=\"item name\" [ngClass]=\"{'blink_alarmlist':alarm.OnAckTime==0}\" (click)=\"getPics(alarm)\" [matMenuTriggerFor]=\"menu\">\r\n          {{alarm.Path}}</div>\r\n        <div class=\"item remark\" [ngClass]=\"{'blink_alarmlist':alarm.OnAckTime==0}\" (click)=\"getPics(alarm)\" [matMenuTriggerFor]=\"menu\">\r\n          {{alarm.Remark}}</div>\r\n        <div class=\"item ontime\" (click)=\"searchItem(alarm)\">{{toDateTimeString(alarm.OnTime)}}</div>\r\n        <div class=\"item offtime\" (click)=\"searchItem(alarm)\">{{toDateTimeString(alarm.OffTime)}}</div>\r\n        <div class=\"item prio\" (click)=\"searchItem(alarm)\">{{alarm.Prio}}</div>\r\n        <div class=\"item group\" (click)=\"searchItem(alarm)\">{{alarm.Group}}</div>\r\n\r\n        <!-- <mat-icon class=\"item search\" style=\"cursor: pointer;color:gray\" (click)=\"searchItem(alarm)\">search</mat-icon> -->\r\n        <div style=\"max-height: 20px;\">\r\n          <!-- <button class=\"searchbutton\" mat-button [matMenuTriggerFor]=\"menu\">\r\n                        <mat-icon class=\"icon\">search</mat-icon>\r\n                    </button>  -->\r\n          <mat-icon class=\"item search\" (click)=\"getPics(alarm)\" mat-button [matMenuTriggerFor]=\"menu\"\r\n            style=\"cursor: pointer;color:gray\">search</mat-icon>\r\n          <mat-menu #menu=\"matMenu\">\r\n            <div *ngFor=\"let pic of PicList\">\r\n              <button mat-menu-item (click)=\"go(alarm,pic)\">{{pic.Name}}</button>\r\n\r\n            </div>\r\n\r\n          </mat-menu>\r\n        </div>\r\n\r\n        <mat-icon class=\"item ack\" style=\"cursor: pointer;color:gray;max-height: 20px;\" (click)=\"ack(alarm)\">done</mat-icon>\r\n      </div>\r\n    </div>\r\n    <div fxLayout=\"row\">\r\n      <div *ngIf=\"truncated==true\" class=\"itemoverflow\" (click)=\"setFilter()\">too many Alarms! (max {{DisplayAlrCount}}\r\n        are displayed) - please set Filter!\"</div>\r\n      <div *ngIf=\"truncated==true\" class=\"filterbutton\" (click)=\"setFilter()\">{{'ALARM.TABLE.SHOWFILTER' | translate}}</div>\r\n      <div *ngIf=\"truncated==true && showAll==false\" class=\"showall\" (click)=\"setShowAll()\">{{'ALARM.TABLE.SHOWALL' | translate}}</div>\r\n\r\n    </div>\r\n    <div *ngIf=\"showAll==true\" class=\"reduce\" (click)=\"setShowAll()\">Reduce to {{DisplayAlrCount}} items</div>\r\n  </div>\r\n</div>","styles":[".main{-ms-grid-columns:40px 1fr;display:-ms-grid;display:grid;grid-template-columns:40px 1fr;height:100%;width:100%}.leftpanel{-ms-grid-column:1;border-right:1px solid #e4e4e4;grid-column:1}.rightpanel{-ms-grid-column:2;grid-column:2;margin-top:3px;overflow:auto}.totalalarms{background-color:red;color:#fff;font-size:80%}.ackall,.totalalarms{border-radius:100%;height:30px;line-height:30px;margin-left:5px;margin-top:10px;text-align:center;width:30px}.ackall{color:grey;cursor:pointer}.row{-ms-grid-columns:35% 35% 10% 10% 50px 50px 30px 30px;display:-ms-grid;display:grid;grid-template-columns:35% 35% 10% 10% 50px 50px 30px 30px;width:100%}.ac_alarm_row_border{border-bottom:1px solid #e4e4e4}.filter{height:20px}.filteritem{line-height:20px}.showall{width:100px}.reduce,.showall{background-color:#ff9800;border-radius:5px;color:#fff;cursor:pointer;line-height:22px;margin:3px;text-align:center}.reduce{width:200px}.filterbutton{background-color:#03a9f4;border-radius:5px;color:#fff;line-height:22px;text-align:center;width:100px}.filterbutton,.item{cursor:pointer;margin:3px}.name{-ms-grid-column:1;grid-column:1}.name,.remark{margin-left:5px}.remark{-ms-grid-column:2;grid-column:2}.ontime{-ms-grid-column:3;grid-column:3}.offtime{-ms-grid-column:4;grid-column:4}.prio{-ms-grid-column:5;grid-column:5}.group{-ms-grid-column:6;grid-column:6}.search,.searchbutton{-ms-grid-column:7;grid-column:7}.searchbutton{color:grey}.ack{-ms-grid-column:8;grid-column:8}.blink_alarmlist{-webkit-animation:blink-animation-alarmlist 1s steps(2,start) infinite;animation:blink-animation-alarmlist 1s steps(2,start) infinite}@keyframes blink-animation-alarmlist{to{visibility:hidden}}@-webkit-keyframes blink-animation-alarmlist{to{visibility:hidden}}.itemoverflow{color:#2196f3;cursor:pointer;margin:5px}.rowHeader{-ms-grid-columns:35% 35% 10% 10% 40px 40px 40px 40px;border-bottom:1px solid grey;display:-ms-grid;display:grid;grid-template-columns:35% 35% 10% 10% 40px 40px 40px 40px;width:100%}.nameHeader{-ms-grid-column:1;grid-column:1}.nameHeader,.remarkHeader{border-right:1px solid grey;margin-left:5px}.remarkHeader{-ms-grid-column:2;grid-column:2}.ontimeHeader{-ms-grid-column:3;border-right:1px solid grey;grid-column:3}.offtimeHeader{-ms-grid-column:4;grid-column:4}.offtimeHeader,.prioHeader{border-right:1px solid grey}.prioHeader{-ms-grid-column:5;grid-column:5}.groupHeader{-ms-grid-column:6;grid-column:6}"]}]}],"members":{"FilterName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":5},"arguments":["FilterName"]}]}],"FilterRemark":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":5},"arguments":["FilterRemark"]}]}],"GUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5},"arguments":["GUID"]}]}],"Header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5},"arguments":["Header"]}]}],"AlarmExtFilterList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5},"arguments":["AlarmExtFilterList"]}]}],"Menu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5},"arguments":["Menu"]}]}],"Filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5},"arguments":["Filter"]}]}],"PathFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5},"arguments":["PathFilter"]}]}],"DisplayAlrCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5},"arguments":["DisplayAlrCount"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"AlarmServer"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":68,"character":63},{"__symbolic":"reference","name":"InstanceLookupService"}]}],"export":[{"__symbolic":"method"}],"onFilter1":[{"__symbolic":"method"}],"onFilter2":[{"__symbolic":"method"}],"onClearFilter1":[{"__symbolic":"method"}],"onClearFilter2":[{"__symbolic":"method"}],"onClearFilter3":[{"__symbolic":"method"}],"onClearFilter4":[{"__symbolic":"method"}],"IsFilter":[{"__symbolic":"method"}],"toDateTimeString":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"ack":[{"__symbolic":"method"}],"ackAll":[{"__symbolic":"method"}],"searchItem":[{"__symbolic":"method"}],"getPics":[{"__symbolic":"method"}],"go":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setFilter":[{"__symbolic":"method"}],"setShowAll":[{"__symbolic":"method"}],"setupData":[{"__symbolic":"method"}],"timer":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}]}},"ACPopupInlineComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ac-popup","template":"<div *ngIf=\"_Open==true\" style=\"position: inherit;    width: inherit;height: inherit;z-index: 500\">\r\n    <div class=main *ngIf=\"_sidenav==false\" [ngStyle]=\"{'left': sleft,'top': stop,'z-index':zindex, 'background-color':bg}\">\r\n        <div class=header [ngStyle]=\"{'background-color': headerColor}\" (mousedown)=\"mousedown($event)\">\r\n\r\n            <div fxFlex class=\"headertitle\">{{header}}</div>\r\n            <button class=\"closebutton\" mat-icon-button title=\"Close\" (click)=\"closePopup()\">\r\n                <div class=\"material-icons deleteuser\">close</div>\r\n            </button>\r\n        </div> \r\n         \r\n        <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n    </div>\r\n\r\n    <mat-sidenav-container style=\"position: initial;\" *ngIf=\"_sidenav==true\" class=\"example-container\">\r\n        <mat-sidenav style=\"min-width:400px\" #matsidenav position=\"end\" mode=\"push\" opened>\r\n            <ng-container *ngTemplateOutlet=\"contentTpl\"></ng-container>\r\n        </mat-sidenav>\r\n    </mat-sidenav-container>\r\n    <ng-template #contentTpl> \r\n        <ng-content></ng-content>\r\n    </ng-template>\r\n</div>","styles":[".main{-webkit-animation:fadein .5s;animation:fadein .5s;background-color:#fff;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);height:inherit;pointer-events:all;position:fixed;width:inherit;z-index:400}.mainside{position:static}.header{-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;background-color:#ff9800;color:#fff;cursor:move;display:flex;user-select:none}.headertitle{margin-left:10px}.closebutton,.headertitle{color:#fff;height:30px;line-height:30px;width:30px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":48,"character":43},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":72},{"__symbolic":"reference","name":"ACUtils"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"sidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":5},"arguments":["sidenav"]}]}],"center":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":5},"arguments":["center"]}]}],"matsidenav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":127,"character":5},"arguments":["matsidenav"]}]}],"_getWH":[{"__symbolic":"method"}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":150,"character":5}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":5},"arguments":["open"]}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":5},"arguments":["header"]}]}],"bg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":5},"arguments":["bg"]}]}],"headerColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":212,"character":5},"arguments":["headerColor"]}]}],"removeMeFromList":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}],"mousedown":[{"__symbolic":"method"}],"sethighestZindex":[{"__symbolic":"method"}]},"statics":{"PopupList":{"__symbolic":"reference","name":"undefined"},"actPopUp":{"__symbolic":"reference","name":"undefined"},"zIndexStart":500,"DefaultHeaderColor":"#ff9800"}},"ACTrendMainComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ac-trendmain","template":"<div class=\"container\">\r\n    <as-split direction=\"horizontal\">\r\n        <as-split-area [size]=\"20\">\r\n            <ac-trendselector [IsConsumption]=false #TrendConfig class=\"trendconfig\"></ac-trendselector>\r\n        </as-split-area>\r\n        <as-split-area [size]=\"80\">\r\n            <ac-trenddata [instanceName]=\"_instanceName\" class=\"trenddata\"></ac-trenddata>\r\n        </as-split-area>\r\n    </as-split>  \r\n    <!-- <div fxLayout=\"row\">\r\n            <ac-trendselector #TrendConfig class=\"trendconfig\"></ac-trendselector>\r\n            <ac-trenddata class=\"trenddata\"></ac-trenddata>\r\n    </div> -->\r\n</div>","styles":[".container{height:calc(100% - 4px);margin-top:3px;width:100%}.trendconfig{-ms-grid-column:1;grid-column:1;height:100%}.trendconfig,.trenddata{-ms-grid-row:1;grid-row:1}.trenddata{-ms-grid-column:2;grid-column:2;overflow:auto}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACLanguageService"}]}],"instanceName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5},"arguments":["instanceName"]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ACConsumptionMainComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ac-consumptionmain","template":"<div class=\"container\">\r\n    <as-split direction=\"horizontal\">\r\n        <as-split-area [size]=\"20\">\r\n            <ac-trendselector [IsConsumption]=true #TrendConfig class=\"trendconfig\"></ac-trendselector>\r\n        </as-split-area>\r\n        <as-split-area [size]=\"80\">\r\n            <div *ngFor=\"let chart of ChartList\">\r\n                <div class=chartitem [style.border]=\"chart._border\" (click)=\"SelectChart(chart)\">\r\n                    <ac-consumption [Chart]=chart></ac-consumption>\r\n                    <mat-icon aria-hidden=\"true\" title=\"Close Chart\" style=\"position: absolute;top:5px;right: 5px;color: gray;cursor: pointer;;\" (click)=\"Close(chart)\">clear</mat-icon>\r\n                </div>\r\n            </div>\r\n        </as-split-area>\r\n    </as-split>  \r\n    <!-- <div fxLayout=\"row\">\r\n            <ac-trendselector #TrendConfig class=\"trendconfig\"></ac-trendselector>\r\n            <ac-trenddata class=\"trenddata\"></ac-trenddata>\r\n    </div> -->\r\n</div>","styles":[".container{height:calc(100% - 4px);margin-top:3px;width:100%}.chartitem{background-color:#fff;border-radius:10px;margin:10px;position:relative}"]}]}],"members":{"AddExisting":[{"__symbolic":"method"}],"AddNew":[{"__symbolic":"method"}],"_GetCharItem":[{"__symbolic":"method"}],"Close":[{"__symbolic":"method"}],"SelectChart":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACTrendService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ChartItemCfg":{"__symbolic":"class","members":{}},"ACTrendSelectorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ac-trendselector","template":"<div class=\"main\">\r\n    <div class=\"subtitle\">\r\n        <div class=\"tabcontainer\">\r\n            <div class=\"tab1\" [ngClass]=\"{'tabOn': dataActivtab==0, 'tabOff': dataActivtab!=0}\" (click)=\"dataActivtab=0\">{{'TREND.TRENDSELECTOR.SETS' | translate}}</div>\r\n            <div class=\"tab2\" [ngClass]=\"{'tabOn': dataActivtab==1, 'tabOff': dataActivtab!=1}\" (click)=\"dataActivtab=1\">{{'TREND.TRENDSELECTOR.VARIABLES' | translate}}</div>\r\n        </div>\r\n    </div>\r\n    <div class=\"container\" *ngIf=\"dataActivtab==0\">\r\n        <ac-trendsets [IsConsumption]=_IsConsumption></ac-trendsets>\r\n    </div>\r\n    <div class=\"container\" *ngIf=\"dataActivtab==1\">\r\n        <ac-trendlist [IsConsumption]=_IsConsumption class=\"trendvarlistview\"></ac-trendlist>\r\n    </div>\r\n</div>","styles":[".trend-content{background-color:#f5f5f5;height:calc(100% - 35px)}.trend-header{color:grey;margin-left:10px;margin-top:10px}.mat-option,.mat-select-value{color:grey}.main{height:calc(100% - 10px);width:100%}.search{-ms-grid-row:1;grid-row:1}.message{color:red;font-size:80%;font-weight:700;height:20px;margin-top:-30px}.subtitle{-ms-grid-row:1;border-bottom:1px solid rgba(255,152,0,.48);color:grey;grid-row:1;margin:5px}.tabcontainer{-ms-grid-columns:150px 150px;display:-ms-grid;display:grid;grid-template-columns:150px 150px}.tab1{-ms-grid-column:1;grid-column:1}.tab2{-ms-grid-column:2;grid-column:2}.trendvarlistview{-ms-grid-column:1;-ms-grid-row:1;grid-column:1;grid-row:1;height:100%}.tabOn{background-color:#d8d8d8;border-bottom:2px solid #ff9800;color:#5a8cb3}.tabOff,.tabOn{cursor:pointer;padding:5px;text-align:center;width:140px}.tabOff{color:grey}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACLanguageService"},{"__symbolic":"reference","name":"ACTrendService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"Chart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":2},"arguments":["IsConsumption"]}]}]}},"ACTrendListItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"ac-trendlistitem","template":"\n    <div fxLayout=\"row\" class=\"trenditem\">\n        <mat-checkbox class=\"trenditemsel\" [(ngModel)]=\"ListTrendVariable._selected\" (change)=\"OpFilterChanged($event.checked)\"></mat-checkbox>\n        <div class=\"name\" class=\"trenditemname\" title=\"Class: {{ListTrendVariable}}\" (click)=\"showInstance(ListTrendVariable,$event)\">{{ListTrendVariable.Name}} </div>    \n    </div> \n    ","styles":[".name{color:#2196f3;cursor:pointer;font-weight:500;padding:8px}.trendrow{-ms-grid-row:1;color:grey;font-size:150%;grid-row:1;height:40px;margin-bottom:15px;margin-left:15px;margin-top:15px}.trenditem{margin:10px}.trenditemsel{color:grey}.trenditemname{cursor:pointer;margin-left:5px}"]}]}],"members":{"ListTrendVariable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5},"arguments":["Var"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","name":"ACTrendService"}]}],"selectTrendVar":[{"__symbolic":"method"}],"showInstance":[{"__symbolic":"method"}],"OpFilterChanged":[{"__symbolic":"method"}]}},"ACTrendListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":81,"character":1},"arguments":[{"selector":"ac-trendlist","template":"<div class=\"main\">\r\n        <div class=\"search\">\r\n                <mat-icon class=\"searchicon\">search</mat-icon>\r\n                <mat-form-field class=\"search\">\r\n                        <input matInput placeholder=\"{{'TREND.TRENDLIST.SEARCH' | translate}}\" [(ngModel)]=\"Filter\">\r\n                </mat-form-field>\r\n                <mat-icon class=\"searchicon\" style=\"cursor: pointer\" (click)=\"refresh()\">refresh</mat-icon>\r\n        </div>\r\n\r\n        <div class=\"output\">\r\n                <div *ngIf=\"loading==true\" class=\"loading\">\r\n                        <mat-spinner></mat-spinner>\r\n                </div>\r\n                <div *ngFor=\"let varname of VarList\">\r\n                        <ac-trendlistitem *ngIf=\"varname._filtered==false\" [ngStyle]=\"{'color':varname._Color}\" [Var]=\"varname\"></ac-trendlistitem>\r\n                </div>\r\n        </div>\r\n</div>","styles":[".main{-ms-grid-rows:45px 20px 1fr;display:-ms-grid;display:grid;grid-template-rows:45px 20px 1fr;height:100%;width:100%}.search{-ms-grid-row:1;grid-row:1}.msg{-ms-grid-row:2;color:grey;font-size:10px;grid-row:2;padding:5px}.output{-ms-grid-row:3;grid-row:3;height:100%;width:100%}.result{overflow:auto}.prog{border-bottom:1px solid #c5c5c5;color:#2196f3;font-weight:700}.inst,.prog{cursor:pointer;padding:10px}.inst{color:#4e4f4e;white-space:nowrap}.standby{color:#ffa600}.instance{color:#03a9f4;margin-left:20px;margin-top:5px}.search,.searchicon{margin-left:10px}.searchicon{color:#5c5c5c;margin-top:22px}.loading mat-spinner{margin:50px auto}"]}]}],"members":{"Chart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":2},"arguments":["IsConsumption"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACLanguageService"},{"__symbolic":"reference","name":"ACTrendService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onTrendLoaded":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"getIotTrendVars":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}]}},"TrendItem":{"__symbolic":"class","members":{}},"ACLogbookMainComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ac-logbookmain","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":19},"member":"None"},"template":"<div class=\"main-logbookmain\" >\r\n    <div class=\"maincontainer\" >\r\n        <div class=\"subtitle\">\r\n            <div class=\"tabcontainer\">\r\n                <div class=\"tab1\" [ngClass]=\"{'tabOn': Activtab==0, 'tabOff': Activtab!=0}\" (click)=\"Activtab=0\">{{'LOGBOOK.LOGBOOKTAPS.LOGBOOK' | translate}}</div>\r\n                <div class=\"tab2\" [ngClass]=\"{'tabOn': Activtab==1, 'tabOff': Activtab!=1}\" (click)=\"Activtab=1\">{{'LOGBOOK.LOGBOOKTAPS.ADMIN' | translate}}</div>\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"Activtab==0\">\r\n            <ac-logbookview></ac-logbookview>\r\n        </div>\r\n        <div *ngIf=\"Activtab==1\">\r\n            <ac-logbookadmin></ac-logbookadmin>\r\n        </div>\r\n    </div>\r\n</div>","styles":[".main-logbookmain{height:calc(100% - 52px)}.maincontainer{-ms-grid-rows:50px 1fr;display:-ms-grid;display:grid;grid-template-rows:50px 1fr;height:100%;width:100%}.logbook-content{height:calc(100% - 52px)}.logbook-header{color:grey;margin-left:10px;margin-top:10px}.subtitle{-ms-grid-row:1;border-bottom:1px solid rgba(255,152,0,.48);color:grey;font-size:150%;grid-row:1;height:40px;margin:10px}.tabcontainer{-ms-grid-columns:200px 200px;display:-ms-grid;display:grid;grid-template-columns:200px 200px}.tab1{-ms-grid-column:1;grid-column:1}.tab2{-ms-grid-column:2;grid-column:2}.tabOn{background-color:#d8d8d8;border-bottom:2px solid #ff9800;color:#5a8cb3}.tabOff,.tabOn{cursor:pointer;padding:5px;text-align:center;width:200px}.tabOff{color:grey}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACLanguageService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"OnUpload":[{"__symbolic":"method"}],"OnDownload":[{"__symbolic":"method"}],"UploadFile":[{"__symbolic":"method"}],"DownloadFile":[{"__symbolic":"method"}]}},"ACLogbookAdminComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ac-logbookadmin","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":19},"member":"None"},"template":"<div class=\"main_logbookadmin\">\r\n        <mat-card>\r\n                <h1>{{'LOGBOOK.ADMINISTRATION.UPLOAD' | translate}}</h1>\r\n                <div class=\"upload\">\r\n                        <div class=\"upload_container\">\r\n                                <div>\r\n                                        <div>\r\n                                                <div>\r\n                                                        <label class=\"upload-button\">\r\n                                                                <input type=\"file\" ngFileSelect [options]=\"options\" (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\" multiple>\r\n                                                        </label>\r\n                                                </div>\r\n                                                <div class=\"drop-container\" ngFileDrop [options]=\"options\" (uploadOutput)=\"onUploadOutput($event)\" [uploadInput]=\"uploadInput\">\r\n                                                        <h5>Drag&Drop:</h5>\r\n                                                        <div>\r\n                                                                <div class=\"droparea\">\r\n                                                                        {{'LOGBOOK.ADMINISTRATION.PUTFILE' | translate}}\r\n                                                                </div>\r\n                                                                <hr>\r\n                                                                <div>\r\n                                                                        <h5>{{'LOGBOOK.ADMINISTRATION.CHOOSEFILE' | translate}} [Drag&Drop]:</h5>{{fname}}</div>\r\n                                                                <div>\r\n                                                                        <h5>{{'LOGBOOK.ADMINISTRATION.UPLOADSTATE' | translate}}</h5>{{uploadstatus}}</div>\r\n                                                        </div>\r\n                                                </div>\r\n                                        </div>\r\n                                        <hr>\r\n                                        <div>\r\n                                                <h5>{{'LOGBOOK.ADMINISTRATION.UPLOADPROG' | translate}}</h5>\r\n                                                <div class=\"upload-items\">\r\n                                                        <div class=\"upload-item\" *ngFor=\"let f of files; let i = index;\">\r\n                                                                <span class=\"filename\">\r\n                                                                        <span>{{ f.name }} ({{ f.id }}) - {{ f.progress?.data?.percentage\r\n                                                                                }}%\r\n                                                                        </span>\r\n                                                                        <span>{{'LOGBOOK.ADMINISTRATION.UPLOADINGWITH' | translate}} {{ f.progress?.data?.speedHuman }}\r\n                                                                        </span>\r\n                                                                        <span>ETA {{ f.progress?.data?.etaHuman }}</span>\r\n                                                                </span>\r\n                                                                <div class=\"progress\">\r\n                                                                        <span class=\"bar\" [style.width]=\"f?.progress?.data?.percentage + '%'\"></span>\r\n                                                                </div>\r\n                                                        </div>\r\n                                                </div>\r\n                                        </div>\r\n                                </div>\r\n                                <!-- <button *ngIf=\"hasAccess==true\" mat-raised-button color=\"accent\" class=\"lbbutton\" id=\"acbutton1 \" (click)=\"OnUpload()\">Upload\r\n                                                                </button>  -->\r\n\r\n                                <!-- <hr>\r\n                                                        <div class=\"uploadsel\">\r\n                                                                <h5>Uploadmodus:</h5>\r\n                                                                <mat-select style=\"color:grey\" #QueryRange placeholder=\"Uploadmodus\"  [(value)]=\"uploadoptionselection\">\r\n                                                                        <mat-option *ngFor=\"let opt of uploadoption\" [value]=\"opt.viewValue\">\r\n                                                                                {{ opt.viewValue }}\r\n                                                                        </mat-option>\r\n                                                                </mat-select>                               \r\n                                                        </div> -->\r\n\r\n                        </div>\r\n\r\n                </div>\r\n        </mat-card>\r\n        <div class=\"download-splitter\"></div>\r\n        <mat-card>\r\n                <h1>{{'LOGBOOK.ADMINISTRATION.DOWNLOAD' | translate}}</h1>\r\n                <div class=\"download\">\r\n                        <div>\r\n                                <h4>Filter:</h4>\r\n                                <mat-checkbox class=\"ac-checkbox\" [(ngModel)]=\"cbDownloadStateOpen\">{{'LOGBOOK.ADMINISTRATION.OPEN' | translate}}</mat-checkbox>\r\n                                <mat-checkbox class=\"ac-checkbox\" [(ngModel)]=\"cbDownloadStateClosed\">{{'LOGBOOK.ADMINISTRATION.FINISHED' | translate}}</mat-checkbox>\r\n                        </div>\r\n                        <div class=\"download_splitter\"></div>        \r\n                        <button *ngIf=\"hasAccess==true\" mat-raised-button color=\"accent\" class=\"lbbutton\" id=\"acbutton1 \" (click)=\"OnDownload($event)\">{{'LOGBOOK.ADMINISTRATION.DOWNLOAD' | translate}}\r\n                        </button>\r\n                </div>\r\n        </mat-card>\r\n        <div class=\"download-splitter\"></div>\r\n        <div>\r\n                 <div class=\"documentation\">\r\n                         <div>\r\n                                {{'LOGBOOK.ADMINISTRATION.LOGBOOKTYPE' | translate}}\r\n                                        Typ 000:{{'LOGBOOK.ADMINISTRATION.UNDEF' | translate}}\r\n                                        Typ 100:{{'LOGBOOK.ADMINISTRATION.IBN' | translate}}<b>IBN</b>; \r\n                                        Typ 200:{{'LOGBOOK.ADMINISTRATION.MM' | translate}}<b>MM</b>; \r\n                                        Typ 201:{{'LOGBOOK.ADMINISTRATION.ELM' | translate}}<b>ELM</b>;  \r\n                                        Typ 202:{{'LOGBOOK.ADMINISTRATION.SM' | translate}}<b>SM</b>; \r\n                                        Typ 300:{{'LOGBOOK.ADMINISTRATION.DOC' | translate}}<b>DOC</b>;  \r\n                         </div>\r\n                        <div>\r\n                                {{'LOGBOOK.ADMINISTRATION.LOGBOOKSTATE' | translate}}\r\n                                {{'LOGBOOK.ADMINISTRATION.ST0' | translate}}\r\n                                {{'LOGBOOK.ADMINISTRATION.ST1' | translate}}<b>{{'LOGBOOK.ADMINISTRATION.OPEN' | translate}}</b>;  \r\n                                {{'LOGBOOK.ADMINISTRATION.ST10' | translate}}<b>{{'LOGBOOK.ADMINISTRATION.FINISHED' | translate}}</b> \r\n                        </div>                                                                                                    \r\n                </div>               \r\n        </div>\r\n</div>","styles":[".main_logbookadmin{height:calc(50% - 100px);margin-left:10px;width:calc(100% - 50px)}.logbook-content{height:calc(100% - 35px)}.logbook-header{color:grey;margin-left:10px;margin-top:10px}.upload{border:1px;border-color:#000}.current{background-color:#d3d3d3;border:1px}.upload_container{background-color:#eee;border:1px;margin-left:10px;padding-bottom:5px;padding-left:5px;padding-top:5px}.uploadsel{background-color:grey;height:20px;width:300px}.download-splitter{padding:5px}.download_splitter{padding-top:50px}.download{border:1px;border-color:#000;margin-top:10px}.documentation,.download{margin-left:10px}.droparea{background-color:#fff;border:1px solid #ff9800;height:41px;line-height:40px;margin:-37px 1px 1px 86px;text-align:center;width:500px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACLanguageService"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"fileContent":[{"__symbolic":"method"}],"onUploadOutput":[{"__symbolic":"method"}],"startUpload":[{"__symbolic":"method"}],"cancelUpload":[{"__symbolic":"method"}],"removeFile":[{"__symbolic":"method"}],"removeAllFiles":[{"__symbolic":"method"}],"OnUpload":[{"__symbolic":"method"}],"OnDownload":[{"__symbolic":"method"}],"Upload":[{"__symbolic":"method"}],"Download":[{"__symbolic":"method"}],"getDateStringFromSqlDate":[{"__symbolic":"method"}]}},"ACLogbookViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"ac-logbookview","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":22,"character":19},"member":"None"},"template":"<div class=\"logbook-content\">\r\n\r\n        <div  class=\"logbook-header\">\r\n\r\n                <h3>Filter:</h3>\r\n                <button mat-raised-button mat-icon-button (mousedown)=\"OnRefresh($event)\">\r\n                    <mat-icon>cached</mat-icon>\r\n                </button>\r\n                <button mat-raised-button mat-icon-button (mousedown)=\"OnPrevDay($event)\">\r\n                    <mat-icon>navigate_before</mat-icon>\r\n                </button>\r\n                <button mat-raised-button mat-icon-button (mousedown)=\"OnNextDay($event)\">\r\n                    <mat-icon>navigate_next</mat-icon>\r\n                </button>\r\n                <mat-form-field>\r\n                    <input #QueryDpValue matInput [matDatepicker]=\"myDatepicker\" placeholder=\"{{'LOGBOOK.TOOLBAR.START' | translate}}\" (change)=\"DateChanged()\">\r\n                    <mat-datepicker-toggle matSuffix [for]=\"myDatepicker\"></mat-datepicker-toggle>\r\n                    <mat-datepicker #myDatepicker (selectedChanged)=\"onDate($event)\"></mat-datepicker>\r\n                </mat-form-field>\r\n                <mat-form-field>\r\n                    <mat-select style=\"color:grey\" #QueryRange placeholder=\"{{'LOGBOOK.TOOLBAR.RANGE' | translate}}\" [(value)]=\"QueryRangeSelected\" (selectionChange)=\"RangeChanged()\">\r\n                        <mat-option *ngFor=\"let range of querytimerange\" [value]=\"range.value\">\r\n                            {{ range.viewValue }}\r\n                        </mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n                <mat-form-field>\r\n                    <mat-select style=\"color:grey\" #QueryType placeholder=\"{{'LOGBOOK.TOOLBAR.TYPE' | translate}}\" [(value)]=\"QueryTypeSelected\" (selectionChange)=\"TypeChanged()\">\r\n                        <mat-option *ngFor=\"let type of querytype\" [value]=\"type.value\">\r\n                            {{ type.viewValue }}\r\n                        </mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n        \r\n                <mat-checkbox class=\"ac-checkbox\" [(ngModel)]=\"cbStateOffen\" (change)=\"OnFilterStateOffen($event.checked)\">{{'LOGBOOK.TOOLBAR.OPEN' | translate}}</mat-checkbox>\r\n                <mat-checkbox class=\"ac-checkbox\" [(ngModel)]=\"cbStateGeschl\" (change)=\"OnFilterStateGeschlossen($event.checked)\">{{'LOGBOOK.TOOLBAR.DONE' | translate}}</mat-checkbox> \r\n        </div>\r\n        <div>\r\n                <ngx-datatable #table class='material ac-datatable'  topoffsetheigth=\"350\"\r\n                 [headerHeight]=\"35\" [footerHeight]=\"50\" [rowHeight]=\"40\"\r\n                [rowClass]=\"\" [limit]=\"20\" [rows]='rows' [scrollbarV]=\"true\" [loadingIndicator]=\"loadingIndicator\">\r\n            \r\n                    <!-- Row Detail Template -->\r\n                    <ngx-datatable-row-detail [rowHeight]=\"250\" #myDetailRow (toggle)=\"onDetailToggle($event)\">\r\n                        <ng-template let-row=\"row\" let-expanded=\"expanded\" ngx-datatable-row-detail-template>\r\n                            \r\n                        <button *ngIf=\"row.status != 10\" mat-raised-button mat-icon-button (mousedown)=\"OnEditDetail(row)\">\r\n                            <mat-icon>mode_edit</mat-icon>\r\n                        </button>\r\n                        <div style=\"padding-left:40px;\">\r\n\r\n                            <div class=\"Detailtable\">\r\n                                    <div class=\"Detailcols\">\r\n                                            <div class=\"Detailheader Detailcol1\">Parameter</div>\r\n                                            <div class=\"Detailheader Detailcol2\">Value</div>\r\n                                    </div>\r\n                                    <div class=\"Detailcols\">\r\n                                            <div class=\"Detailrow Detailcol1\">Name</div>\r\n                                            <div class=\"Detailrow Detailcol2\">{{row.name}}</div>  \r\n                                    </div> \r\n                                    <div class=\"Detailcols\">\r\n                                            <div class=\"Detailrow Detailcol1\">Instancename</div>\r\n                                            <div class=\"Detailrow Detailcol2\">{{row.instancename}}</div>  \r\n                                    </div>\r\n                                    <div class=\"Detailcols\">\r\n                                            <div class=\"Detailrow Detailcol1\">Remark</div>\r\n                                            <div class=\"Detailrow Detailcol2\">{{row.remark}}</div>  \r\n                                    </div>                                                                                                                                     \r\n                                    <div class=\"Detailcols\">\r\n                                            <div class=\"Detailrow Detailcol1\">Variable</div>\r\n                                            <div class=\"Detailrow Detailcol2\">{{row.item}}</div>  \r\n                                    </div>\r\n                                     <div class=\"Detailcols\">\r\n                                            <div class=\"Detailrow Detailcol1\">Link</div>\r\n                                            <div class=\"Detailrow Detailcol2\">{{row.link}}</div>  \r\n                                    </div> \r\n                                    <div class=\"Detailcols\">\r\n                                            <div class=\"Detailrow Detailcol1\">Reference</div>\r\n                                            <div class=\"Detailrow Detailcol2\">{{row.reference}}</div>  \r\n                                    </div>                                                                     \r\n                            </div>\r\n                        </div>\r\n                        </ng-template>\r\n                    </ngx-datatable-row-detail>\r\n\r\n                    <!-- Column Templates -->\r\n                    <ngx-datatable-column\r\n                    [width]=\"50\"\r\n                    [resizeable]=\"false\"\r\n                    [sortable]=\"false\"\r\n                    [draggable]=\"false\"\r\n                    [canAutoResize]=\"false\">\r\n                    <ng-template let-row=\"row\" let-expanded=\"expanded\" ngx-datatable-cell-template>\r\n                        <div class=\"tableDetailA\">\r\n                            <a\r\n                                href=\"javascript:void(0)\"                   \r\n                                [class.datatable-icon-right]=\"!expanded\"\r\n                                [class.datatable-icon-down]=\"expanded\"\r\n                                title=\"Expand/Collapse Row\"\r\n                                (click)=\"toggleExpandRow(row)\">\r\n                            </a>\r\n                        </div>\r\n                        </ng-template>\r\n                    </ngx-datatable-column>\r\n                    <ngx-datatable-column [width]=\"200\" name=\"{{'LOGBOOK.TABLE.NAME' | translate}}\" >\r\n                        <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                            <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n                        </ng-template>\r\n                    </ngx-datatable-column>    \r\n                    <ngx-datatable-column [width]=\"300\" name=\"{{'LOGBOOK.TABLE.INSTANCENAME' | translate}}\">\r\n                        <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                            <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n                        </ng-template>\r\n                    </ngx-datatable-column> \r\n                    <ngx-datatable-column [width]=\"300\" name=\"{{'LOGBOOK.TABLE.REMARK' | translate}}\">\r\n                        <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                            <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n                        </ng-template>\r\n                    </ngx-datatable-column>\r\n                    <ngx-datatable-column [width]=\"80\" name=\"{{'LOGBOOK.TABLE.STATE' | translate}}\">\r\n                        <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                            <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n                        </ng-template>\r\n                    </ngx-datatable-column>\r\n                    <ngx-datatable-column [width]=\"100\" name=\"{{'LOGBOOK.TABLE.TYPE' | translate}}\">\r\n                        <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                            <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n                        </ng-template>\r\n                    </ngx-datatable-column>           \r\n                    <ngx-datatable-column [width]=\"200\" name=\"{{'LOGBOOK.TABLE.CREATION' | translate}}\">\r\n                        <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                            <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n                        </ng-template>\r\n                    </ngx-datatable-column>\r\n                    <ngx-datatable-column [width]=\"200\" name=\"{{'LOGBOOK.TABLE.CHANGED' | translate}}\">\r\n                        <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                            <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n                        </ng-template>\r\n                    </ngx-datatable-column>  \r\n                    <ngx-datatable-column [width]=\"250\" name=\"{{'LOGBOOK.TABLE.REFERENCE' | translate}}\">\r\n                        <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                            <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n                        </ng-template>\r\n                    </ngx-datatable-column>                                                         \r\n                </ngx-datatable>   \r\n        </div>\r\n\r\n</div>\r\n","styles":[".ac-datatable{height:90%}.logbook_table_header{color:#ff0}.logbook-content{height:calc(100% - 52px);width:calc(100% - 50px)}.logbook-header{color:grey;margin-left:10px;margin-top:10px}.header-space{margin-right:20px}.mat-option,.mat-select-value{color:grey}.datatable-body{height:80%}.tableDetailA a{color:#e2b22f;text-decoration:none}.main{height:100%;width:100%}.cols{-ms-grid-columns:12% 33% 23% 21% 11%;display:-ms-grid;display:grid;grid-template-columns:12% 33% 23% 21% 11%}.enabler{margin:5px 5px 5px 15px}.Detailtable{height:100%;margin-left:20px;margin-top:-30px;width:calc(100% - 20px)}.Detailheader{background-color:rgba(131,126,117,.541);color:#fff;font-size:90%;line-height:30px;text-align:center;text-align:left}.Detailcols{-ms-grid-columns:20% 70%;border-width:0 1px 1px 0;display:-ms-grid;display:grid;grid-template-columns:20% 70%;text-align:left}.Detailrow{font-size:90%;line-height:25px;text-align:left}.Detailcol1{-ms-grid-column:1;grid-column:1}.Detailcol2{-ms-grid-column:2;grid-column:2}"]}]}],"members":{"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":5},"arguments":["table"]}]}],"m_dpQueryValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":5},"arguments":["QueryDpValue"]}]}],"m_dpQueryRange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":5},"arguments":["QueryRange"]}]}],"m_dpQueryType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":5},"arguments":["QueryType"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACLanguageService"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":80,"character":120}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"toggleExpandRow":[{"__symbolic":"method"}],"onDetailToggle":[{"__symbolic":"method"}],"OnEditDetail":[{"__symbolic":"method"}],"editLog":[{"__symbolic":"method"}],"getStyles":[{"__symbolic":"method"}],"request_data":[{"__symbolic":"method"}],"load_dataset":[{"__symbolic":"method"}],"getDateStringFromSqlDate":[{"__symbolic":"method"}],"getFormatSqlDate":[{"__symbolic":"method"}],"getDateFromDateString":[{"__symbolic":"method"}],"getTimeByHour":[{"__symbolic":"method"}],"getTimeByDay":[{"__symbolic":"method"}],"getTimeByMonth":[{"__symbolic":"method"}],"getDateCreateFilter":[{"__symbolic":"method"}],"OnFilterChange":[{"__symbolic":"method"}],"onDate":[{"__symbolic":"method"}],"OnFilterStateOffen":[{"__symbolic":"method"}],"OnFilterStateGeschlossen":[{"__symbolic":"method"}],"RangeChanged":[{"__symbolic":"method"}],"TypeChanged":[{"__symbolic":"method"}],"DateChanged":[{"__symbolic":"method"}],"actualDate":[{"__symbolic":"method"}],"OnPrevDay":[{"__symbolic":"method"}],"OnRefresh":[{"__symbolic":"method"}],"OnNextDay":[{"__symbolic":"method"}]}},"ACTrendSetsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ac-trendsets","template":"<div class=\"main\">\r\n        <div class=\"search\">\r\n                <mat-icon class=\"searchicon\">search</mat-icon>\r\n                <mat-form-field class=\"search\">\r\n                        <input matInput placeholder=\"{{'TREND.TRENDSETS.SEARCH' | translate}}\" [(ngModel)]=\"Filter\">\r\n                </mat-form-field>\r\n                <mat-icon class=\"searchicon\" style=\"cursor: pointer\" (click)=\"refresh()\">refresh</mat-icon>\r\n        </div>\r\n    <div *ngFor=\"let set of trensSetList\">\r\n        <div class=\"setitem\" *ngIf=\"set._filtered==false\" (click)=\"openSet(set.Name)\">{{set.Name}}</div>\r\n    </div>\r\n</div>\r\n","styles":[".main{height:100%;width:100%}.setitem{color:grey;cursor:pointer;font-size:120%;margin:10px}.search,.searchicon{margin-left:10px}.searchicon{color:#5c5c5c;margin-top:22px}.loading mat-spinner{margin:50px auto}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACLanguageService"},{"__symbolic":"reference","name":"ACTrendService"}]}],"refresh":[{"__symbolic":"method"}],"Chart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":2},"arguments":["IsConsumption"]}]}],"load":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"openSet":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"TrendSetItem":{"__symbolic":"class","members":{}},"ACTrendDataComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"ac-trenddata","template":"<div class=\"container\">\r\n    <div class=\"header\" fxLayout=\"row\">\r\n        <div class=\"namelabel\">{{'TREND.TRENDDATA.TRENDSET' | translate}}:</div>\r\n        <div class=\"name\">{{Name}}</div>\r\n        <!-- <button mat-raised-button mat-icon-button (click)=\"OnTrendAdd()\">\r\n                <mat-icon>delete</mat-icon>\r\n            </button> -->\r\n        <button class=\"morebutton\" mat-button [matMenuTriggerFor]=\"menu\">\r\n            <mat-icon class=\"icon\">more_horiz</mat-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n            <button mat-menu-item (click)=\"saveSet()\">{{'TREND.TRENDDATA.SAVETRENDSET' | translate}}</button>\r\n            <button mat-menu-item (click)=\"clearAll()\">{{'TREND.TRENDDATA.CLEARALLLINES' | translate}}</button>\r\n        </mat-menu>\r\n    </div>\r\n    <div class=\"datalist\">\r\n        <ac-trend #Trend class=\"trenddata\" [serviceMode]=\"true\" [instanceName]=\"_instanceName\" [trendsetName]=\"Name\" [showLegend]=\"true\" [showYAxis]=\"true\"></ac-trend>\r\n\r\n    </div>\r\n</div>","styles":[".container{-ms-grid-rows:40px 1fr;display:-ms-grid;display:grid;grid-template-rows:40px 1fr;height:calc(100% - 20px);width:100%}.datalist{height:calc(100% - 60px);width:calc(100% - 48px)}.name,.namelabel{color:grey;font-size:20px;margin:5px}.morebutton{color:grey;margin:0}"]}]}],"members":{"instanceName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5},"arguments":["instanceName"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACLanguageService"},{"__symbolic":"reference","name":"ACTrendService"},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":55,"character":145}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"OnTrendAdd":[{"__symbolic":"method"}],"clearAll":[{"__symbolic":"method"}],"saveSet":[{"__symbolic":"method"}]}},"ACJournalMainComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ac-journalmain","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":24,"character":17},"member":"None"},"template":"<div class=\"journal-content\">\r\n\r\n    <div class=\"journal-header\">\r\n\r\n        <div *ngIf=\"ViewMode==0\" fxLayout=\"row\">\r\n\r\n\r\n            <button style=\"margin: 5px;color: #737373;\" mat-raised-button mat-icon-button\r\n                (mousedown)=\"OnRefresh($event)\" title=\"{{'JOURNAL.TOOLTIP.REFRESH' | translate}}\">\r\n                <mat-icon>cached</mat-icon>\r\n            </button>\r\n\r\n            <button style=\"margin: 5px;color: #737373;\" mat-raised-button mat-icon-button (mousedown)=\"export()\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n                    <title>\r\n                        {{'JOURNAL.TOOLTIP.DOWNLOAD' | translate}}\r\n                    </title>\r\n                    <path style=\"fill:#737373\" d=\"M17 12v5H3v-5H1v5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5z\" />\r\n                    <path style=\"fill:#737373\" d=\"M10 15l5-6h-4V1H9v8H5l5 6z\" />\r\n                </svg>\r\n            </button>\r\n\r\n            <button style=\"margin: 5px;color: #737373;\" mat-raised-button mat-icon-button\r\n                (mousedown)=\"OnPrevDay($event)\" title=\"{{'JOURNAL.TOOLTIP.PREVIOUS' | translate}}\">\r\n                <mat-icon>navigate_before</mat-icon>\r\n            </button>\r\n            <button style=\"margin: 5px;color: #737373;\" mat-raised-button mat-icon-button\r\n                (mousedown)=\"OnNextDay($event)\" title=\"{{'JOURNAL.TOOLTIP.NEXT' | translate}}\">\r\n                <mat-icon>navigate_next</mat-icon>\r\n            </button>\r\n\r\n            <mat-form-field style=\"    width: 120px; margin-left: 10px;\">\r\n                <input #QueryDpValue matInput [matDatepicker]=\"myDatepicker\" placeholder=\"{{'JOURNAL.TOOLBAR.START' | translate}}\">\r\n                <mat-datepicker-toggle matSuffix [for]=\"myDatepicker\"></mat-datepicker-toggle>\r\n                <mat-datepicker #myDatepicker (selectedChanged)=\"onDate($event)\"></mat-datepicker>\r\n            </mat-form-field>\r\n\r\n\r\n\r\n\r\n\r\n            <mat-form-field style=\"    width: 120px;margin-left: 10px;\">\r\n                <mat-select style=\"color:grey\" #QueryRange placeholder=\"{{'JOURNAL.TOOLBAR.RANGE' | translate}}\" [(value)]=\"QueryRangeSelected\"\r\n                    (selectionChange)=\"RangeChanged()\"> \r\n                    <mat-option *ngFor=\"let range of querytimerange\" [value]=\"range.value\">\r\n                        {{ range.viewValue }}\r\n                    </mat-option>\r\n                </mat-select>\r\n            </mat-form-field>\r\n\r\n            <mat-form-field class=\"QueryExpression\" style=\"    width: 220px;margin-left: 10px;\">\r\n                <input #QueryExpression matInput id=\"QueryExpression\" placeholder=\"{{'JOURNAL.TOOLBAR.FILTER' | translate}}\" (change)=\"ExprChanged()\"\r\n                    [(ngModel)]=\"Filter\" />\r\n            </mat-form-field>\r\n\r\n            <button class=\"stringlistbutton\" [matMenuTriggerFor]=\"menuSL\" title=\"{{'JOURNAL.TOOLBAR.SELFILTER' | translate}}\">\r\n                <mat-icon>play_arrow</mat-icon>\r\n            </button>\r\n\r\n\r\n            <mat-menu #menuSL=\"matMenu\">\r\n                <div *ngFor=\"let item of FilterList\">\r\n                    <button mat-menu-item style=\"height: 30px;line-height: 30px;font-size: 120%;\"\r\n                        (click)=\"SelectFilter(item)\">{{item.Name}}</button>\r\n                </div>\r\n            </mat-menu>\r\n\r\n            <!-- <mat-form-field style=\"width: 20px;\">\r\n                <mat-select style=\"color:grey\" #QueryRange [(value)]=\"QueryRangeSelected\"\r\n                    (selectionChange)=\"RangeChanged()\">\r\n                    <mat-option *ngFor=\"let range of querytimerange\" [value]=\"range.value\">\r\n                        {{ range.viewValue }}\r\n                    </mat-option>\r\n                </mat-select>\r\n            </mat-form-field> -->\r\n\r\n            <button style=\"margin: 5px;color: #737373;\" mat-raised-button mat-icon-button (mousedown)=\"SaveFilter()\"\r\n                title=\"{{'JOURNAL.TOOLBAR.SAVEFILTER' | translate}}\">\r\n                <mat-icon>save</mat-icon>\r\n            </button>\r\n\r\n            <div style=\"margin: 18px;\">{{'JOURNAL.TOOLBAR.TYPE' | translate}}</div>\r\n\r\n\r\n            <mat-checkbox title=\"{{'JOURNAL.TOOLTIP.ALARMON' | translate}}\" style=\"margin-top: 15px;\" class=\"ac-checkbox\"\r\n                [(ngModel)]=\"cbAlarmFilterOn\" (change)=\"AlrFilterChanged($event.checked)\">\r\n                {{'JOURNAL.TOOLBAR.ON' | translate}}</mat-checkbox>\r\n            <mat-checkbox title=\"{{'JOURNAL.TOOLTIP.ALARMOFF' | translate}}\" style=\"margin-top: 15px;\" class=\"ac-checkbox\"\r\n                [(ngModel)]=\"cbAlarmFilterOff\" (change)=\"AlrFilterOffChanged($event.checked)\">\r\n                {{'JOURNAL.TOOLBAR.OFF' | translate}}</mat-checkbox>\r\n            <mat-checkbox title=\"{{'JOURNAL.TOOLTIP.USERCHANGES' | translate}}\" style=\"margin-top: 15px;\" class=\"ac-checkbox\"\r\n                [(ngModel)]=\"cbOperatorFilter\" (change)=\"OpFilterChanged($event.checked)\">\r\n                {{'JOURNAL.TOOLBAR.USER' | translate}}</mat-checkbox>\r\n            <mat-checkbox title=\"{{'JOURNAL.TOOLTIP.PLCRECORD' | translate}}\" style=\"margin-top: 15px;\" class=\"ac-checkbox\"\r\n                [(ngModel)]=\"cbValueChangeFilter\" (change)=\"ValFilterChanged($event.checked)\">\r\n                {{'JOURNAL.TOOLBAR.PLC' | translate}}</mat-checkbox>\r\n\r\n        </div>\r\n        <div *ngIf=\"ViewMode==1\">\r\n            <div fxLayout=\"row\">\r\n\r\n\r\n                <mat-form-field style=\"margin-right: 2.5%;margin-left: 2.5%; width: 45%;\">\r\n                    <input #QueryDpValue matInput [matDatepicker]=\"myDatepicker\" placeholder=\"{{'JOURNAL.TOOLBAR.START' | translate}}\">\r\n                    <mat-datepicker-toggle matSuffix [for]=\"myDatepicker\"></mat-datepicker-toggle>\r\n                    <mat-datepicker #myDatepicker (selectedChanged)=\"onDate($event)\"></mat-datepicker>\r\n                </mat-form-field>\r\n                <div style=\"width: 45%;\" fxLayout=\"row\">\r\n                    <mat-form-field style=\"width: 145px;\" fxFlex>\r\n                        <mat-select style=\"color:grey\" #QueryRange placeholder=\"{{'JOURNAL.TOOLBAR.RANGE' | translate}}\" [(value)]=\"QueryRangeSelected\"\r\n                            (selectionChange)=\"RangeChanged()\">\r\n                            <mat-option *ngFor=\"let range of querytimerange\" [value]=\"range.value\">\r\n                                {{ range.viewValue }}\r\n                            </mat-option>\r\n                        </mat-select>\r\n                    </mat-form-field>\r\n                    <button style=\"margin-right: 5px;color: #737373;\" mat-raised-button mat-icon-button\r\n                        (mousedown)=\"showPopupView=true\" title=\"{{'JOURNAL.TOOLTIP.OPENINPOPUP' | translate}}\">\r\n                        <mat-icon>open_in_new</mat-icon>\r\n                    </button>\r\n\r\n                </div>\r\n\r\n                <div *ngIf=\"showPopupView==true\">\r\n                    <ac-popup [open]=\"true\" [header]=\"'Journal'\" [center]=\"false\" (close)=\"showPopupViewClose()\">\r\n                        <div style=\"max-height: 700px;height: 700px\">\r\n                            <ac-journalmain [Filter]=\"_Filter\" style=\"width: 1000px;max-height: 700px;height: 700px;\">\r\n                            </ac-journalmain>\r\n                        </div>\r\n                    </ac-popup>\r\n                </div>\r\n\r\n\r\n\r\n            </div>\r\n\r\n            <mat-progress-bar *ngIf=\"loadingIndicator==true\" mode=\"indeterminate\" style=\"height: 2px;width: 95%\">\r\n            </mat-progress-bar>\r\n            <div *ngIf=\"loadingIndicator!=true\" style=\"height: 2px\"></div>\r\n\r\n            <cdk-virtual-scroll-viewport itemSize=\"40\" class=\"shortview\" style=\"width: 100%;height: 295px\">\r\n\r\n                <!-- name: name,\r\n                remark: Remark,//Instancedescription, \r\n                value: wert,\r\n                time: Timestamp,\r\n                user: Username,\r\n                prio: Prio,\r\n                type: MsgTypeId,\r\n                this: this -->\r\n\r\n\r\n                <div *cdkVirtualFor=\"let item of rows\">\r\n                    <div fxLayout=\"row\" style=\"height: 40px\">\r\n                        <div style=\"width: 60%\">\r\n                            <div>{{item.name}} ({{item.prio}})</div>\r\n                            <div style=\"font-size: 75%\">{{item.remark}}</div>\r\n                        </div>\r\n                        <div style=\"width: 40%\">\r\n                            <div *ngIf=\"!item.user && item.value=='On'\"\r\n                                style=\"margin-left: 5px;font-size: 120%; color: #F44336\">{{item.value}}</div>\r\n                            <div *ngIf=\"!item.user && item.value!='On'\" style=\"margin-left: 5px;font-size: 120%\">\r\n                                {{item.value}}</div>\r\n                            <div *ngIf=\"item.user\" style=\"margin-left: 5px;font-size: 80%;\r\n                                color: #2196F3;\">{{item.value}} [{{item.user}}]</div>\r\n                            <div style=\"font-size: 75%;margin-left: 5px\">{{item.time}}</div>\r\n                        </div>\r\n\r\n                        <!-- <div>{{item.prio}}</div>\r\n                        <div>{{item.type}}</div>\r\n                        <div>{{item.user}}</div> -->\r\n                    </div>\r\n\r\n                </div>\r\n            </cdk-virtual-scroll-viewport>\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <ngx-datatable *ngIf=\"ViewMode==0\" #table class='material ac-datatable' [columnMode]=\"force\" [headerHeight]=\"35\"\r\n        [footerHeight]=\"50\" [rowHeight]=\"40\" [rowClass]=\"\" [limit]=\"20\" [rows]='rows' [scrollbarV]=\"true\"\r\n        [loadingIndicator]=\"loadingIndicator\">\r\n\r\n        <ngx-datatable-column [width]=\"500\" name=\"{{'JOURNAL.TABLE.NAME' | translate}}\" headerClass=\"journal_alarmprio_yellow\">\r\n            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n            </ng-template>\r\n        </ngx-datatable-column>\r\n        <ngx-datatable-column [width]=\"500\" name=\"{{'JOURNAL.TABLE.REMARK' | translate}}\">\r\n            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n            </ng-template>\r\n        </ngx-datatable-column>\r\n        <ngx-datatable-column [width]=\"150\" name=\"{{'JOURNAL.TABLE.VALUE' | translate}}\">\r\n            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n            </ng-template>\r\n        </ngx-datatable-column>\r\n        <ngx-datatable-column [width]=\"200\" name=\"{{'JOURNAL.TABLE.TIME' | translate}}\">\r\n            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n            </ng-template>\r\n        </ngx-datatable-column>\r\n        <ngx-datatable-column [width]=\"80\" name=\"{{'JOURNAL.TABLE.PRIO' | translate}}\">\r\n            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n            </ng-template>\r\n        </ngx-datatable-column>\r\n        <ngx-datatable-column [width]=\"150\" name=\"{{'JOURNAL.TABLE.USER' | translate}}\">\r\n            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                <div [ngStyle]=\"getStyles(row)\">{{value}}</div>\r\n            </ng-template>\r\n        </ngx-datatable-column>\r\n    </ngx-datatable>\r\n</div>","styles":[".QueryExpression{width:300px}.ac-checkbox{margin-left:10px}.ac-datatable{height:93%}.journal-content{height:calc(100% - 35px)}.journal-header{color:grey;margin-left:10px;margin-top:10px}.header-space{margin-right:20px}.mat-option,.mat-select-value{color:grey}.stringlistbutton{background-color:transparent;border:none;color:grey;cursor:pointer;transform:rotate(90deg)}.stringlistbutton:focus{outline:0}"]}]}],"members":{"Instance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["Instance"]}]}],"ViewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3},"arguments":["ViewMode"]}]}],"showPopupViewClose":[{"__symbolic":"method"}],"table":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":57,"character":3},"arguments":["table"]}]}],"m_dpQueryValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":["QueryDpValue"]}]}],"m_dpQueryRange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":62,"character":3},"arguments":["QueryRange"]}]}],"Filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3},"arguments":["Filter"]}]}],"SelectFilter":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"AlarmServer"},{"__symbolic":"reference","name":"ACLanguageService"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":151,"character":150}]}],"loadFilter":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"OnQueryPush":[{"__symbolic":"method"}],"ValFilterChanged":[{"__symbolic":"method"}],"OpFilterChanged":[{"__symbolic":"method"}],"AlrFilterOffChanged":[{"__symbolic":"method"}],"AlrFilterChanged":[{"__symbolic":"method"}],"ExprChanged":[{"__symbolic":"method"}],"RangeChanged":[{"__symbolic":"method"}],"SaveFilter":[{"__symbolic":"method"}],"OnFilterChange":[{"__symbolic":"method"}],"actualDate":[{"__symbolic":"method"}],"OnPrevDay":[{"__symbolic":"method"}],"OnRefresh":[{"__symbolic":"method"}],"OnNextDay":[{"__symbolic":"method"}],"onDate":[{"__symbolic":"method"}],"getCellClass":[{"__symbolic":"method"}],"getStyles":[{"__symbolic":"method"}],"getRowClass":[{"__symbolic":"method"}],"request_data":[{"__symbolic":"method"}],"getTimeByHour":[{"__symbolic":"method"}],"getTimeByDay":[{"__symbolic":"method"}],"getTimeByMonth":[{"__symbolic":"method"}],"getFormatSqlDate":[{"__symbolic":"method"}],"load_data":[{"__symbolic":"method"}],"export":[{"__symbolic":"method"}]}},"ACDataViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ac-dataview","template":"<div class=\"main\">\r\n    <div *ngFor=\"let prop of propList\">\r\n        <div *ngIf=\"prop.IsProperty!=true\" style=\"width: 100%\">\r\n            <div fxLayout=\"row\" class=\"instance\">\r\n                <div *ngIf=\"!prop._isOpen\" class=\"subheadericon\" (click)=\"toggleOpen(prop)\"> + </div>\r\n                <div *ngIf=\"prop._isOpen\" class=\"subheadericon\" (click)=\"toggleOpen(prop)\"> - </div>\r\n\r\n                <mat-icon class=\"subheadericon\" (click)=\"toggleOpen(prop)\">adjust</mat-icon>\r\n                <div class=\"subheader\" (click)=\"toggleOpen(prop)\">{{prop.propertyName}}</div>\r\n                <div class=\"subheaderremark\" fxFlex (click)=\"toggleOpen(prop)\">[{{prop.remark}}]</div>\r\n            </div>\r\n            <div class=\"sub\" *ngIf=\"prop._isOpen\">\r\n                <ac-dataview [dataModel]=\"prop\" [bigView]=\"bigView\"></ac-dataview>\r\n            </div>\r\n        </div>\r\n\r\n        <div *ngIf=\"prop.IsProperty==true\">\r\n            <div class=\"itembox\" fxLayout=row>\r\n\r\n                <div fxFlex style=\"width:60%\">\r\n                    <div *ngIf=\"prop.IO==true&&prop.Valid==0\"  class=\"propnameIO_0 blink\" title=\"IO-Variable State: Unkown -  {{prop.remark}}\">{{prop.Name}}</div>\r\n                    <div *ngIf=\"prop.IO==true&&prop.Valid==1\"  class=\"propnameIO_1\" title=\"IO-Variable State: Valid  -  {{prop.remark}}\">{{prop.Name}}</div>\r\n                    <div *ngIf=\"prop.IO==true&&prop.Valid==2\"  class=\"propnameIO_2\" title=\"IO-Variable State: Substitute  -  {{prop.remark}}\">{{prop.Name}}</div>\r\n                    <div *ngIf=\"prop.IO!=true\"  class=\"propname\" title=\"{{prop.remark}}\">{{prop.Name}}</div>\r\n                    <div fxLayout=row>\r\n                            <div  class=\"remark\" title=\"{{prop.remark}}\">{{prop.remark}} </div>\r\n                            <div  *ngIf=\"prop.Tag\" class=\"tag\" title=\"Tags: [{{prop.Tag}}]\">[{{prop.Tag}}]</div>\r\n                    </div>\r\n                    \r\n    \r\n                </div> \r\n                <div *ngIf=\"bigView==true\" class=\"proptype\">{{prop.origType}}</div>\r\n                <div style=\"width:20px\">\r\n                    <div *ngIf=\"prop.Parameter==true\" class=\"parameter\" title=\"Parameter\">P</div>\r\n                    <div *ngIf=\"prop.Retentive==true\" class=\"retentive\" title=\"Retentive\">R</div>\r\n                    <div *ngIf=\"prop.origType=='Alarm'\" class=\"alarm\" title=\"Alarm [Prio: {{prop.AlarmPrio}} - Group:  {{prop.AlarmGroup}}]\">A</div>\r\n                    \r\n                </div> \r\n                <div [ngSwitch]=\"prop.TypeName\" [ngStyle]=\"{'width': datawidth}\">\r\n                    <div *ngSwitchCase=\"'ACBool'\" >\r\n                        <ac-button class=\"boolbutton\"  [acValueObj]=\"prop\" text=\"false\" activtext=\"true\"></ac-button>\r\n                        <!-- <div *ngIf=\"prop.value==true\" >\r\n                            <button class=\"boolbutton\" mat-raised-button color=\"accent\" (click)=\"prop.value=false\">true</button>\r\n                        </div>\r\n                        <div *ngIf=\"prop.value!=true\">\r\n                            <button class=\"boolbutton\" *ngIf=\"prop.value!=true\" mat-raised-button (click)=\"prop.value=true\">false</button>\r\n                        </div> -->\r\n                    </div>\r\n                    <div *ngSwitchDefault>{{prop.value}}[{{prop.TypeName}}]</div>\r\n                    <div *ngSwitchCase=\"'ACNumber'\" >\r\n                        <ac-input class=\"numinput\" [acValueObj]=\"prop\"></ac-input>\r\n                        <!-- <input  type=\"number\" [(ngModel)]=\"prop.value\"> -->\r\n                    </div>\r\n                    <div *ngSwitchCase=\"'ACDateTime'\" >\r\n                        <ac-input class=\"numinput\" [acValueObj]=\"prop\"></ac-input>\r\n                        <!-- <input class=\"numberinput\" type=\"number\" [(ngModel)]=\"prop.value\"> -->\r\n                    </div>\r\n                    <div *ngSwitchCase=\"'ACString'\" >\r\n                        <ac-input class=\"numinput\" [acValueObj]=\"prop\"></ac-input>\r\n                        <!-- <input class=\"numberinput\" type=\"text\" [(ngModel)]=\"prop.value\"> -->\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</div>","styles":[".main{height:inherit;overflow-x:hidden;overflow-y:auto}.propname{color:#484848}.propname,.propnameIO_0{font-size:15px;font-weight:700;margin:3px 3px 3px 10px}.propnameIO_0{color:red}.propnameIO_1{color:#009688}.propnameIO_1,.propnameIO_2{font-size:15px;font-weight:700;margin:3px 3px 3px 10px}.propnameIO_2{color:orange}.propvalue{font-size:14px;text-align:center;width:200px}.parameter{background-color:#03a9f4}.parameter,.retentive{border:1px solid grey;color:#fff;font-size:14px;margin:7px 2px 2px;text-align:center}.retentive{background-color:#8c6e1d}.alarm{background-color:red;border:1px solid grey;color:#fff;font-size:14px;margin:7px 2px 2px;text-align:center}.instance{background-color:#f3f3f3;border-bottom:1px solid #c1c0c0;color:#03a9f4;cursor:pointer}.subheadericon{font-weight:700;line-height:20px;padding:8px}.subheaderremark{color:grey;padding:10px}.itembox{border-bottom:1px solid #ececec;margin-right:5px}.subheader{background-color:#f3f3f3;cursor:pointer;font-size:100%;font-weight:700;padding:10px}.sub{margin-left:20px}.remark{color:#9a9a9a}.remark,.tag{font-size:11px;margin-left:10px}.tag{color:#ff9800}.proptype{color:#a7a7a7;font-size:10px;margin-top:9px;text-align:center;width:80px}"]}]}],"members":{"ngOnDestroy":[{"__symbolic":"method"}],"bigView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5},"arguments":["bigView"]}]}],"dataModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5},"arguments":["dataModel"]}]}],"toggleOpen":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"exec":[{"__symbolic":"method"}]}},"ACDynamicComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ac-dynamic-component","template":"<div #dynamicComponentContainer></div>"}]}],"members":{"dynamicComponentContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["dynamicComponentContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":13,"character":50}}]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"componentData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":107,"character":32}]}]}},"ACDynamicComponentParam":{"__symbolic":"class","members":{}},"ACDynamicComponentArg":{"__symbolic":"class","members":{}},"ACItemCanvas":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ac-itemcanvas","template":"<canvas *ngIf=\"editMode==true\" #gridCanvas class=\"gridcanvas\" width=\"gridcanvasw\" height=\"gridcanvash\"></canvas>\r\n\r\n<div class=viewmain #main [ngStyle]=\"{'border-width': bw, 'padding': bmargin}\" (mousemove)=\"OnMove($event)\" (mousedown)=\"OnMouseDown($event)\"\r\n        (mouseup)=\"OnMouseUp($event)\" (keypress)=\"OnKeyPress($event)\" (mouseenter)=\"OnMouseEnter($event)\" (mouseleave)=\"OnMouseLeave($event)\"> \r\n<!-- <div class=viewmain #main [ngStyle]=\"{'border-width': bw, 'padding': bmargin}\"\r\n        (keypress)=\"OnKeyPress($event)\" (mouseenter)=\"OnMouseEnter($event)\" (mouseleave)=\"OnMouseLeave($event)\"> -->\r\n        <div style=\"z-index:2\" *ngFor=\"let layer of AllLayers\">\r\n                <div *ngIf=\"layer.Hidden!=true\" [ngStyle]=\"{'user-select': userSelect}\" class=\"ItemFrameContainer\">\r\n                        <ac-itemframe style=\"z-index:2\" *ngFor=\"let item of layer.Items\" [ViewItem]=item>\r\n                        </ac-itemframe>\r\n                </div>\r\n\r\n        </div>\r\n\r\n\r\n        <div *ngIf=\"editMode==true\" class=\"xcontrol\">\r\n\r\n                <div *ngIf=\"selectItemCount>1\" style=\"z-index:0\" class=\"multifence\" [ngStyle]=\"{'top': multiFenceYstr, 'left': multiFenceXstr,'width':multiFenceWstr,'height':multiFenceHstr}\">\r\n\r\n                        <div fxLayout=\"row\" style=\"height:30px\">\r\n                                <div fxFlex></div>\r\n                                <div class=alignmenu fxLayout=\"row\">\r\n                                        <button mat-mini-fab color=\"gray\" class=\"alignbutton\" (click)=\"Align(0)\" title=\"Align left\">\r\n                                                <mat-icon>first_page</mat-icon>\r\n                                        </button>\r\n                                        <button mat-mini-fab color=\"gray\" class=\"alignbutton\" (click)=\"Align(1)\" title=\"Align top\">\r\n                                                <mat-icon style=\"transform: rotate(90deg)\">first_page</mat-icon>\r\n                                        </button>\r\n                                        <button mat-mini-fab color=\"gray\" class=\"alignbutton\" (click)=\"Align(2)\" title=\"Align right\">\r\n                                                <mat-icon style=\"transform: rotate(180deg)\">first_page</mat-icon>\r\n                                        </button>\r\n                                        <button mat-mini-fab color=\"gray\" class=\"alignbutton\" (click)=\"Align(3)\" title=\"Align bottom\">\r\n                                                <mat-icon style=\"transform: rotate(270deg)\">first_page</mat-icon>\r\n                                        </button>\r\n\r\n                                </div>\r\n\r\n                                <div fxFlex></div>\r\n                        </div>\r\n\r\n                </div>\r\n                <div *ngIf=\"selectItemCount==1\" style=\"z-index:500;width: 1px;\" class=\"itemedit\" [ngStyle]=\"{'top': itemMenuYstr, 'left': itemMenuXstr}\">\r\n                        <div fxLayout=\"row\" style=\"height:30px;width:auto\">\r\n\r\n                                <div class=itemnmenu fxLayout=\"row\">\r\n                                        <button mat-mini-fab color=\"gray\" class=\"itembutton\" (click)=\"MoveFrontSelected()\"\r\n                                                title=\"Bring to front\">\r\n                                                <mat-icon style=\"transform: rotate(180deg)\">low_priority</mat-icon>\r\n                                        </button>\r\n                                        <button mat-mini-fab color=\"gray\" class=\"itembutton\" (click)=\"MoveBackSelected()\"\r\n                                                title=\"Send to back\">\r\n                                                <mat-icon>low_priority</mat-icon>\r\n                                        </button>\r\n                                        <div class=\"menuseparator\"></div>\r\n                                        <button mat-mini-fab color=\"gray\" class=\"itembutton\" (click)=\"EditSelected()\"\r\n                                                title=\"Edit item\">\r\n                                                <mat-icon>edit</mat-icon>\r\n                                        </button>\r\n                                        <button *ngIf=\"isHTML\" mat-mini-fab color=\"gray\" class=\"itembutton\" (click)=\"EditHTML()\"\r\n                                                title=\"Edit item\" style=\"background-color: #ff9800;\">\r\n                                                <mat-icon>text_format</mat-icon>\r\n                                        </button>\r\n                                        <button mat-mini-fab color=\"gray\" class=\"itembutton\" (click)=\"DeleteSelected()\"\r\n                                                title=\"Delete item\" style=\"background-color: red;\">\r\n                                                <mat-icon>delete</mat-icon>\r\n                                        </button>\r\n                                </div>\r\n                        </div>\r\n                </div>\r\n  \r\n                <div *ngIf=\"showFence==true\" class=fence [ngStyle]=\"{'top': fenceYstr, 'left': fenceXstr,'width':fenceWstr,'height':fenceHstr}\"></div>\r\n\r\n                <ac-popup [open]=\"showHtmlEditor==true\" [center]=\"true\" bg=\"transparent\" (close)=\"ShowHtmlEditorClosed()\">\r\n                        <div class=\"htmlview\">\r\n                                <div style=\"padding: 10px;width: 580px;height: 480px;\">\r\n                                        <ac-editor [language]=\"'html'\" [(ngModel)]=\"htmlcode\"></ac-editor>\r\n                                        <button *ngIf=\"_htmlcodechanged==true\" class=\"button\" mat-raised-button\r\n                                                (click)=\"SetHTMLCode()\"  color=\"accent\">Set HTML</button>\r\n                                        <button *ngIf=\"_htmlcodechanged==false\" disabled class=\"button\" mat-raised-button (click)=\"SetHTMLCode()\"\r\n                                                color=\"accent\">Set HTML</button>\r\n                                </div>\r\n                        </div>\r\n                </ac-popup>\r\n\r\n\r\n        </div>\r\n\r\n</div>","styles":[".viewmain{border:0 dashed red;height:calc(100% - 2px);pointer-events:all;position:relative;width:calc(100% - 2px)}.editborder{height:100%;left:0;position:absolute;top:0;width:100%}.alignbutton{background-color:#ff9800}.alignbutton,.itembutton{color:#fff;transform:scale(.7);z-index:500}.itembutton{background-color:#03a9f4}.alignmenu{background-color:#585858;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);margin-top:-50px}.alignmenu,.itemnmenu{border-radius:5px;height:40px}.menuseparator{background-color:#cacaca;margin:5px;width:1px}.fence{background:rgba(3,169,244,.3);border:2px dashed #ff9800}.fence,.multifence{position:absolute;z-index:5}.multifence{border:1px dashed #a9a9a9}.gridcanvas{left:1px;position:absolute;top:1px}.itemedit{position:relative}.htmlview{background-color:hsla(0,0%,88.6%,.94);height:520px;width:600px}.button{margin-top:15px;width:572px}"]}]}],"members":{"Name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3},"arguments":["Name"]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"gridCanvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":["gridCanvas"]}]}],"main":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["main"]}]}],"drawGrid":[{"__symbolic":"method"}],"OnMove":[{"__symbolic":"method"}],"ItemMouseDown":[{"__symbolic":"method"}],"ItemMouseUp":[{"__symbolic":"method"}],"AlignValue":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":234,"character":34},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","name":"ACInstanceViewService"}]}],"ReinitLayers":[{"__symbolic":"method"}],"setActLayer":[{"__symbolic":"method"}],"GetAllItems":[{"__symbolic":"method"}],"New":[{"__symbolic":"method"}],"LoadFromServer":[{"__symbolic":"method"}],"setDefaultPos":[{"__symbolic":"method"}],"SetItemList":[{"__symbolic":"method"}],"Save":[{"__symbolic":"method"}],"GetJSON":[{"__symbolic":"method"}],"SetJSON":[{"__symbolic":"method"}],"SaveOnServer":[{"__symbolic":"method"}],"Exists":[{"__symbolic":"method"}],"Select":[{"__symbolic":"method"}],"UnselectAll":[{"__symbolic":"method"}],"GetUniqueName":[{"__symbolic":"method"}],"_AddItem":[{"__symbolic":"method"}],"AddItem":[{"__symbolic":"method"}],"RemoveItem":[{"__symbolic":"method"}],"EditSelected":[{"__symbolic":"method"}],"ShowHtmlEditorClosed":[{"__symbolic":"method"}],"EditHTML":[{"__symbolic":"method"}],"SetHTMLCode":[{"__symbolic":"method"}],"DeleteSelected":[{"__symbolic":"method"}],"MoveBackSelected":[{"__symbolic":"method"}],"MoveFrontSelected":[{"__symbolic":"method"}],"onKeydown":[{"__symbolic":"method"}],"SelectItem":[{"__symbolic":"method"}],"UnSelectItem":[{"__symbolic":"method"}],"SelectInside":[{"__symbolic":"method"}],"OnMouseEnter":[{"__symbolic":"method"}],"OnMouseLeave":[{"__symbolic":"method"}],"_isOutItemFrame":[{"__symbolic":"method"}],"OnMouseDown":[{"__symbolic":"method"}],"OnKeyPress":[{"__symbolic":"method"}],"getOffsetParent":[{"__symbolic":"method"}],"_startFence":[{"__symbolic":"method"}],"OnMouseUp":[{"__symbolic":"method"}],"comitUndo":[{"__symbolic":"method"}],"prepareUndo":[{"__symbolic":"method"}],"createUndoData":[{"__symbolic":"method"}],"setUndo":[{"__symbolic":"method"}],"Undo":[{"__symbolic":"method"}],"Redo":[{"__symbolic":"method"}],"RestoreSelection":[{"__symbolic":"method"}],"calcMultiSelectFence":[{"__symbolic":"method"}],"Align":[{"__symbolic":"method"}]},"statics":{"JSONCache":{}}},"ACItemSelect":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"ac-itemeselect","template":"<mat-tab-group>\r\n    <mat-tab label=\"Instances\">\r\n\r\n\r\n        <div class=\"search\" fxLayout=\"row\">\r\n            <mat-icon class=\"searchicon\">search</mat-icon>\r\n\r\n\r\n            <mat-form-field class=\"search\" style=\"width: 110px\" title=\"Instance filter (use * for multiple search)\">\r\n                <input matInput placeholder=\"Instance\" [(ngModel)]=\"InstanceFilter\">\r\n            </mat-form-field>\r\n            <mat-form-field class=\"search\" style=\"width: 60px\">\r\n                <input matInput placeholder=\"Remark\" [(ngModel)]=\"RemarkFilter\">\r\n            </mat-form-field>\r\n            <mat-form-field class=\"search\" style=\"width:  100px\">\r\n                <input type=\"text\" matInput placeholder=\"Class\" [(ngModel)]=\"ClassFilter\" [matAutocomplete]=\"auto\"\r\n                    [formControl]=\"myControl\">\r\n                <mat-autocomplete #auto=\"matAutocomplete\">\r\n                    <mat-option style=\"font-size: 80%;\" *ngFor=\"let class of classList\" [value]=\"class\">{{class}}</mat-option>\r\n                </mat-autocomplete>\r\n            </mat-form-field>\r\n            <div class=\"searchicon\" fxLayout=row>\r\n                <mat-icon *ngIf=\"showChildrenOnly!=true\" class=\"iconbutton\" matRipple (click)=\"showChildrenOnly=true;\"\r\n                    title=\"Show items on view\">filter_center_focus</mat-icon>\r\n                <mat-icon *ngIf=\"showChildrenOnly==true\" class=\"iconbutton sel\" matRipple (click)=\"showChildrenOnly=false;\"\r\n                    title=\"Show all\">filter_center_focus</mat-icon>\r\n                    <mat-icon   class=\"iconbutton\" matRipple (click)=\"OpenDefaultPanelSetting()\"\r\n                    title=\"Panel settings\">web</mat-icon>\r\n            </div>\r\n\r\n\r\n        </div>\r\n\r\n        <cdk-virtual-scroll-viewport itemSize=\"20\" class=\"instanceviewport\">\r\n\r\n            <div *cdkVirtualFor=\"let inst of Items\">\r\n                <div fxLayout=\"row\" [ngClass]=\"{'selectitem':inst.ViewItem&&inst.ViewItem._select==true}\" style=\"width: 500px;height: 40px\">\r\n                    <mat-icon *ngIf=\"!inst.ViewItem\" class=\"addicon\" (click)=\"AddInstanceItem(inst, $event)\">add_circle_outline</mat-icon>\r\n                    <mat-icon *ngIf=\"inst.ViewItem\" class=\"removeicon\" (click)=\"RemoveItem(inst, $event)\">remove_circle_outline</mat-icon>\r\n                    <div fxLayout=\"row\" style=\"width:250px\">\r\n                        <div class=\"instanceitem\">\r\n                            <div class=\"instname\">{{inst.Name}}</div>\r\n                            <div fxLayout=\"row\">\r\n                                <div class=\"instremark\">{{inst.Remark}}</div>\r\n                                <div class=\"instclass\"> [{{inst.Class}}]</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </cdk-virtual-scroll-viewport>\r\n\r\n    </mat-tab>\r\n    <mat-tab label=\"Objects\">\r\n        <mat-grid-list cols=\"2\" rowHeight=\"2:1\">\r\n            <mat-grid-tile>\r\n                <div class=\"objectframe\" (click)=\"AddHtmlItem()\">\r\n                    HTML\r\n                </div>\r\n            </mat-grid-tile>\r\n\r\n        </mat-grid-list>\r\n    </mat-tab>\r\n</mat-tab-group>","styles":[".searchicon{color:grey;margin-top:10px}.iconbutton{color:grey;cursor:pointer}.sel{background-color:#cacaca;border:1px solid grey}.search{font-size:90%;height:35px;margin-left:5px}.instanceviewport{height:440px;margin:10px;overflow-x:hidden;width:350px}.instanceitem{border-bottom:1px solid #b5b5b5;height:35px;margin:2px}.instname{color:#03a9f4}.instremark{color:#000;font-size:75%}.instclass{color:#2196f3;font-size:75%}.addicon{color:#fff}.addicon,.removeicon{cursor:pointer;margin:5px}.removeicon{color:red}.iteminput{background-color:transparent;border:none;color:#4c4c4c;font-size:80%;height:25px;width:40px}.selectitem{background-color:#90bcd0;border:1px solid #929292}.objectframe{background-color:#607d8b;border-radius:3px;color:#fff;cursor:pointer;height:97%;line-height:90px;margin:5px;text-align:center;width:97%}"]}]}],"members":{"ItemEditor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3},"arguments":["ItemEditor"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":63,"character":34},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACDBService"},{"__symbolic":"reference","name":"ACInstanceViewService"}]}],"AddHtmlItem":[{"__symbolic":"method"}],"GetHtmlText":[{"__symbolic":"method"}],"matchString":[{"__symbolic":"method"}],"matchItem":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"RemoveItem":[{"__symbolic":"method"}],"changed":[{"__symbolic":"method"}],"AddInstanceItem":[{"__symbolic":"method"}],"OpenDefaultPanelSetting":[{"__symbolic":"method"}]}},"ACItemFrame":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ac-itemframe","template":"<div class=\"itemframemain\" [ngStyle]=\"{'top': topstr, 'left': leftstr}\">\r\n      <!-- <div class=\"container\" [ngStyle]=\"{'transform': 'rotate('+rotate+'deg) scale('+scale+')'}\"> -->\r\n      <div class=\"itemframecontainer\">\r\n            <div #dynamicComponentContainer></div>\r\n      </div> \r\n\r\n      <div *ngIf=\"editMode==true && onLayer==true\" (mousedown)=\"OnMouseDown($event)\" (mouseup)=\"OnMouseUp($event)\"\r\n            style=\"margin-top: 5px\" [ngStyle]=\"{'margin-left':textmarginleft,'margin-top':textmargintop}\">\r\n\r\n            <div *ngIf=\"select!=true\" class=\"instancename\" [ngClass]=\"{'virgin': virgin==true}\">{{name}} {{remark}}\r\n                  [{{leftstr}},{{topstr}}]</div>\r\n\r\n            <div *ngIf=\"select==true\" class=\"instancename select\">{{name}} {{remark}} [{{leftstr}},{{topstr}}]</div>\r\n            <div *ngIf=\"select==true\" class=\"itemfence\" (mousedown)=\"OnMouseDown($event)\" (mouseup)=\"OnMouseUp($event)\"\r\n                  style=\"top: -3px;left: -3px\" [ngStyle]=\"{'width':fenceWstr,'height':fenceHstr}\"></div>\r\n            <div *ngIf=\"select!=true\" class=\"frameoverlay\" (mousedown)=\"OnMouseDown($event)\"\r\n                  (mouseup)=\"OnMouseUp($event)\" style=\"top: -3px;left: -3px\"\r\n                  [ngStyle]=\"{'width':fenceWstr,'height':fenceHstr}\"></div>\r\n      </div>\r\n\r\n</div>","styles":[".itemframemain{pointer-events:all;position:absolute}.itemframecontainer{position:relative}.instancename{-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;border-radius:5px;color:rgba(0,0,0,.28);cursor:move;display:inline-block;font-size:70%;font-weight:700;margin:2px;padding:2px;position:absolute;transform:translateX(-50%);user-select:none}.select{background-color:hsla(0,0%,100%,.71);color:rgba(33,150,243,.82)}.virgin{background:rgba(180,208,180,.59);border:2px dashed rgba(3,169,244,.82)}.itemfence{background-color:rgba(33,150,243,.23);border:1.5px dashed #03a9f4;z-index:5}.frameoverlay,.itemfence{cursor:move;position:absolute}.frameoverlay{background-color:rgba(255,193,7,.08);border:1.5px dashed rgba(255,193,7,.32)}"]}]}],"members":{"dynamicComponentContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":["dynamicComponentContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":21,"character":50},"static":true}]}]}],"ViewItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3},"arguments":["ViewItem"]}]}],"setupGeom":[{"__symbolic":"method"}],"setupHtmlFrame":[{"__symbolic":"method"}],"setupInstanceFrame":[{"__symbolic":"method"}],"calcSize":[{"__symbolic":"method"}],"OnMouseUp":[{"__symbolic":"method"}],"OnMouseDown":[{"__symbolic":"method"}],"Select":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":286,"character":3},"arguments":["dynamicComponentContainer"]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":303,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":303,"character":64},{"__symbolic":"reference","name":"ACUtils"}]}]},"statics":{"factoriesValues":{"__symbolic":"reference","name":"undefined"},"factoriesKeys":{"__symbolic":"reference","name":"undefined"}}},"ACItemPropertyList":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ac-itempropertylist","template":"<div class=\"search\" fxLayout=\"row\">\r\n    <mat-icon class=\"searchicon\">search</mat-icon>\r\n    <mat-form-field class=\"search\" fxFlex title=\"Instance filter (use * for multiple search)\">\r\n        <input matInput placeholder=\"Name\" [(ngModel)]=\"NameFilter\">\r\n    </mat-form-field>\r\n\r\n\r\n    <div class=\"searchicon\">\r\n        <mat-icon *ngIf=\"showSelectOnly!=true\" class=\"iconbutton\" matRipple (click)=\"showSelectOnly=true;\" title=\"Show only selected\">playlist_add_check</mat-icon>\r\n        <mat-icon *ngIf=\"showSelectOnly==true\" class=\"iconbutton sel\" matRipple (click)=\"showSelectOnly=false;\" title=\"Show all\">playlist_add_check</mat-icon>\r\n    </div>\r\n\r\n</div>\r\n\r\n<cdk-virtual-scroll-viewport itemSize=\"37\" class=\"propertyviewport\">\r\n\r\n    <div *cdkVirtualFor=\"let inst of Items\">\r\n        <div fxLayout=\"row\" style=\"width: 500px;border: 1px solid #b1b1b1\" [ngClass]=\"{'selectitem':inst._select==true}\" >\r\n            <!-- <mat-icon *ngIf=\"!inst.InstanceViewItem\" class=\"addicon\" (click)=\"AddItem(inst, $event)\">add_circle_outline</mat-icon> -->\r\n            <mat-icon  class=\"removeicon\" (click)=\"RemoveItem(inst, $event)\">remove_circle_outline</mat-icon>\r\n            <div fxLayout=\"row\" style=\"width:250px\">\r\n                <div class=\"instanceitem\">\r\n                    <div class=\"instname\">{{inst.Name}}</div>\r\n\r\n                    <div fxLayout=\"row\" *ngIf=\"inst.Type=='instance'\">\r\n                        <div  *ngIf=\"inst.Properties\" class=\"instremark\">{{inst.Properties.ClassName}}</div>\r\n                        <div  *ngIf=\"inst.Properties\" class=\"instpanel\" (click)=\"SelectPanel(inst,$event)\">{{inst.Properties.PanelName}} \"</div>\r\n                         \r\n                    </div>\r\n                    <div fxLayout=\"row\" *ngIf=\"inst.Type=='html'\">\r\n                            <div  *ngIf=\"inst.Properties\" class=\"htmltext\" (click)=\"SelectHtml(inst,$event)\">{{inst.Properties.Html}}</div>                           \r\n                        </div>\r\n                </div>\r\n            </div>\r\n\r\n            <input class=\"iteminput\" type=\"number\" [(ngModel)]=\"inst.Left\" (change)=\"changedLeft(inst,$event)\" title=\"Left\">\r\n            <input class=\"iteminput\" type=\"number\" [(ngModel)]=\"inst.Top\" (change)=\"changedTop(inst,$event)\" title=\"Top\">\r\n            <input mouseWheel (mouseWheelUp)=\"scaleUp(inst,$event)\" (mouseWheelDown)=\"scaleDown(inst,$event)\" class=\"iteminput\" type=\"number\" [(ngModel)]=\"inst.Scale\" (change)=\"changedScale(inst,$event)\" title=\"Scale(1=100%)\">\r\n            <input class=\"iteminput\" type=\"number\" [(ngModel)]=\"inst.Rotate\" (change)=\"changedRotate(inst,$event)\" title=\"Rotate (deg)\">\r\n              \r\n        </div>\r\n\r\n    </div>\r\n</cdk-virtual-scroll-viewport>","styles":[".searchicon{color:grey;margin:10px}.iconbutton{color:grey;cursor:pointer}.sel{background-color:#cacaca;border:1px solid grey}.search{font-size:90%;height:35px;width:100%}.propertyviewport{height:500px;margin:10px;overflow-x:hidden;width:500px}.instanceitem{border-bottom:1px solid #b5b5b5;height:35px;margin:2px}.instname{color:#fff}.instremark{color:#000;font-size:75%}.instpanel{color:#2196f3;margin-left:10px}.htmltext,.instpanel{cursor:pointer;font-size:75%}.htmltext{color:#607d8b;height:15px;overflow:hidden;text-overflow:ellipsis;width:200px}.addicon{color:#fff}.addicon,.removeicon{cursor:pointer;margin:5px}.removeicon{color:red}.iteminput{background-color:transparent;border:none;color:#4c4c4c;font-size:80%;height:25px;width:40px}.selectitem{background-color:#90bcd0;border:1px solid #929292}"]}]}],"members":{"ItemEditor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["ItemEditor"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":60,"character":34},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACDBService"},{"__symbolic":"reference","name":"ACUtils"}]}],"showSelectOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3},"arguments":["showSelectOnly"]}]}],"matchString":[{"__symbolic":"method"}],"matchItem":[{"__symbolic":"method"}],"SelectPanel":[{"__symbolic":"method"}],"SelectHtml":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"RemoveItem":[{"__symbolic":"method"}],"_change":[{"__symbolic":"method"}],"changedLeft":[{"__symbolic":"method"}],"changedTop":[{"__symbolic":"method"}],"changedScale":[{"__symbolic":"method"}],"changedRotate":[{"__symbolic":"method"}],"scaleDown":[{"__symbolic":"method"}],"scaleUp":[{"__symbolic":"method"}]}},"ACItemLayer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"ac-itemlayer","template":"<button  mat-mini-fab color=\"primary\" class=\"addlayer\" (click)=\"AddLayer()\" title=\"Add layer\">\r\n    <mat-icon>add</mat-icon>\r\n</button>\r\n<div cdkDropList class=\"example-list\" (cdkDropListDropped)=\"drop($event)\">\r\n    <div class=layeritem  [ngClass]=\"{'layeritemsel':layer.Selected==true}\" *ngFor=\"let layer of Layers\"\r\n        cdkDrag> \r\n        \r\n        <div fxLayout=\"row\">\r\n                <mat-icon class=layerbutton *ngIf=\"layer.Selected!=true\" matRipple (click)=\"SelectLayer(layer)\" title=\"Select layer\">check_box_outline_blank</mat-icon>\r\n                <mat-icon class=layerbutton *ngIf=\"layer.Selected==true\" matRipple title=\"Select layer\">check_box</mat-icon>\r\n        \r\n                <mat-icon class=layerbutton *ngIf=\"layer.Hidden!=true\" matRipple (click)=\"layer.Hidden=true\" title=\"Visibility\">visibility</mat-icon>\r\n                <mat-icon class=layerbutton *ngIf=\"layer.Hidden==true\" matRipple (click)=\"layer.Hidden=false\" title=\"Visibility\">visibility_off</mat-icon>\r\n                <!-- <mat-icon class=layerbutton *ngIf=\"layer.Lock!=true\" matRipple (click)=\"layer.Lock=true\" title=\"Lock layer\">lock_open</mat-icon>\r\n                <mat-icon class=layerbutton *ngIf=\"layer.Lock==true\" matRipple (click)=\"layer.Lock=false\" title=\"Lock layer\">lock</mat-icon>-->\r\n                <div fxFlex class=\"layername\">{{layer.Name}}</div> \r\n                <button mat-icon-button [matMenuTriggerFor]=\"menu\">\r\n                    <mat-icon>more_horiz</mat-icon>\r\n                </button>\r\n                <mat-menu #menu=\"matMenu\">\r\n                    <button mat-menu-item (click)=\"Rename(layer)\">\r\n        \r\n                        <span>Rename</span>\r\n                    </button>\r\n                    <button mat-menu-item (click)=\"Delete(layer)\">\r\n        \r\n                        <span>Delete</span>\r\n                    </button>\r\n        \r\n                </mat-menu>\r\n        \r\n        \r\n        </div>\r\n        \r\n    </div>\r\n</div>","styles":[".layer-box{align-items:center;background:#fff;border-bottom:1px solid #ccc;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:move;display:flex;flex-direction:row;font-size:14px;justify-content:space-between;padding:20px 10px}.layerbutton{margin:5px}.layeritem{background-color:#b5b5b5;border:1px solid #828282;color:#ececec;height:40px;margin:1px}.layeritemsel{background-color:#ff9800;color:#fff}.layername{font-size:120%;margin:5px}.addlayer{background-color:#ff9800;border-radius:100%;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);color:#fff;cursor:pointer;left:calc(100% - 50px);position:absolute;text-align:center;top:calc(100% - 50px);z-index:500}"]}]}],"members":{"ItemEditor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3},"arguments":["ItemEditor"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":68,"character":34},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACDBService"},{"__symbolic":"reference","name":"ACUtils"}]}],"SelectLayer":[{"__symbolic":"method"}],"Rename":[{"__symbolic":"method"}],"Delete":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"AddLayer":[{"__symbolic":"method"}]}},"ACScadaEditor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"ac-scadaeditor","template":"<div class=main>\r\n    <ac-itemcanvas #ItemEditor [Name]=\"Name\" style=\"width: 100%;height:100%\" ></ac-itemcanvas>\r\n    <div acRole=\"IView\" class=\"enableedit\" title=\"Edit\" (click)=\"editMode=!editMode\">\r\n        <mat-icon>edit</mat-icon>\r\n    </div>\r\n\r\n    <div *ngIf=\"editMode==true\">\r\n\r\n        <ac-popup [open]=\"showItemSelect==true\" [center]=\"true\" bg=\"transparent\" (close)=\"ItemSelectClosed()\">\r\n            <div class=\"instanceselect\">\r\n                <ac-itemeselect [ItemEditor]=\"ItemEditor\"></ac-itemeselect>\r\n            </div>\r\n\r\n\r\n        </ac-popup>\r\n\r\n        <ac-popup [open]=\"showProperties==true\" [center]=\"true\" bg=\"transparent\" (close)=\"ShowPropertiesClosed()\">\r\n            <div class=\"propertyview\">\r\n                <ac-itempropertylist [ItemEditor]=\"ItemEditor\" [showSelectOnly]=\"showSelectOnly\"></ac-itempropertylist>\r\n            </div>\r\n        </ac-popup>\r\n        <ac-popup [open]=\"showLayers==true\" [center]=\"true\" bg=\"transparent\" (close)=\"ShowLayersClosed()\">\r\n            <div class=\"layerview\">\r\n                <ac-itemlayer [ItemEditor]=\"ItemEditor\"></ac-itemlayer>\r\n            </div>\r\n        </ac-popup>\r\n       \r\n\r\n        \r\n\r\n\r\n        <button mat-fab color=\"primary\" class=\"addinstance\" (click)=\"ShowItemSelect()\" title=\"Add items\">\r\n            <mat-icon>add</mat-icon>\r\n        </button>\r\n        <button mat-fab color=\"primary\" class=\"edit\" (click)=\"ShowProperties()\" title=\"Properties\">\r\n            <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button *ngIf=\"changed==true\" mat-fab color=\"primary\" class=\"save\" (click)=\"Save()\" title=\"Save\">\r\n            <mat-icon>save</mat-icon>\r\n        </button>\r\n        <button *ngIf=\"changed!=true\" mat-fab color=\"primary\" disabled class=\"save\" (click)=\"Save()\" title=\"Save\">\r\n            <mat-icon>save</mat-icon>\r\n        </button>\r\n\r\n        <button *ngIf=\"canUndo==true\" mat-fab color=\"primary\" class=\"undo\" (click)=\"Undo()\" title=\"Undo\">\r\n            <mat-icon>undo</mat-icon>\r\n        </button>\r\n        <button *ngIf=\"canUndo!=true\" mat-fab color=\"primary\" disabled class=\"undo\" (click)=\"Undo()\" title=\"Undo\">\r\n            <mat-icon>undo</mat-icon>\r\n        </button>\r\n\r\n        <button *ngIf=\"canRedo==true\" mat-fab color=\"primary\" class=\"redo\" (click)=\"Redo()\" title=\"Redo\">\r\n            <mat-icon>redo</mat-icon>\r\n        </button>\r\n        <button *ngIf=\"canRedo!=true\" mat-fab color=\"primary\" disabled class=\"redo\" (click)=\"Redo()\" title=\"Redo\">\r\n            <mat-icon>redo</mat-icon>\r\n        </button>\r\n        <button mat-fab color=\"primary\" class=\"showlayers\" (click)=\"ShowLayers()\" title=\"Layers\">\r\n            <mat-icon>view_headline</mat-icon>\r\n        </button>\r\n        <button mat-fab color=\"primary\" [matMenuTriggerFor]=\"menuTools\" class=\"showsettings\"  title=\"Tools\">\r\n                <mat-icon>settings</mat-icon>\r\n        </button>\r\n        <mat-menu #menuTools=\"matMenu\">\r\n            <button mat-menu-item style=\"height: 30px;line-height: 30px;font-size: 120%;\"  (click)=\"ExportJSON()\">Export JSON</button>                               \r\n            <button mat-menu-item style=\"height: 30px;line-height: 30px;font-size: 120%;\"  (click)=\"EditJSON()\">Edit JSON</button>                               \r\n                        \r\n        </mat-menu>  \r\n\r\n\r\n    </div>\r\n</div>","styles":[".main{height:inherit;position:relative;width:inherit}.enableedit{-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#eee;pointer-events:all;right:-10px;top:-7px;transform:scale(.5);user-select:none;width:40px;z-index:499}.addinstance,.enableedit{background-color:#ff9800;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);cursor:pointer;position:absolute;text-align:center}.addinstance{border-radius:100%;color:#fff;left:calc(100% - 80px);top:calc(100% - 70px);z-index:500}.edit{top:calc(100% - 130px)}.edit,.save{background-color:#03a9f4;color:#fff;left:calc(100% - 80px);position:absolute;transform:scale(.7);z-index:500}.save{top:calc(100% - 180px)}.undo{top:calc(100% - 230px)}.redo,.undo{background-color:#03a9f4;color:#fff;left:calc(100% - 80px);position:absolute;transform:scale(.7);z-index:500}.redo{top:calc(100% - 280px)}.showlayers{background-color:#03a9f4;top:calc(100% - 330px)}.showlayers,.showsettings{color:#fff;left:calc(100% - 80px);position:absolute;transform:scale(.7);z-index:500}.showsettings{background-color:grey;top:calc(100% - 380px)}.instanceselect{opacity:.9;width:370px}.instanceselect,.propertyview{background-color:hsla(0,0%,88.6%,.94);height:590px}.propertyview{width:520px}.layerview{background-color:hsla(0,0%,88.6%,.94);height:400px;width:300px}.iselheader{color:#fff;font-size:large;margin:7px}.drag-handle{color:#f5f4f4;cursor:move;height:24px;padding:5px;width:24px}.closebutton{color:#f4f4f4;cursor:pointer;margin:5px}"]}]}],"members":{"_ItemEditor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["ItemEditor"]}]}],"ShowLayers":[{"__symbolic":"method"}],"ShowProperties":[{"__symbolic":"method"}],"ShowItemSelect":[{"__symbolic":"method"}],"Save":[{"__symbolic":"method"}],"Undo":[{"__symbolic":"method"}],"Redo":[{"__symbolic":"method"}],"Name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3},"arguments":["Name"]}]}],"ItemSelectClosed":[{"__symbolic":"method"}],"ShowPropertiesClosed":[{"__symbolic":"method"}],"ShowLayersClosed":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":144,"character":34},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","name":"ACDBService"},{"__symbolic":"reference","name":"ACInstanceViewService"}]}],"SetPointerEvents":[{"__symbolic":"method"}],"ExportJSON":[{"__symbolic":"method"}],"ImportJSON":[{"__symbolic":"method"}],"EditJSON":[{"__symbolic":"method"}],"Control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":210,"character":3},"arguments":["Control"]}]}]}},"ACScadaEditorControl":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}],"GetViewData":[{"__symbolic":"method"}],"Loaded":[{"__symbolic":"method"}]}},"WebReturn":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ACCom":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":17,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":166,"character":36},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":166,"character":63},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":166,"character":86},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":166,"character":119}]}],"reconnect":[{"__symbolic":"method"}],"createSocket":[{"__symbolic":"method"}],"GetUpdateInfo":[{"__symbolic":"method"}],"haveActualAccess":[{"__symbolic":"method"}],"_haveActualAccess":[{"__symbolic":"method"}],"_AddCallReference":[{"__symbolic":"method"}],"_getTenantInfo":[{"__symbolic":"method"}],"getValues":[{"__symbolic":"method"}],"Stop":[{"__symbolic":"method"}],"IsIO":[{"__symbolic":"method"}],"IsParameter":[{"__symbolic":"method"}],"IsRetentive":[{"__symbolic":"method"}],"GetAlarmPrio":[{"__symbolic":"method"}],"GetAlarmGroup":[{"__symbolic":"method"}],"GetUnitIndex":[{"__symbolic":"method"}],"GetUnit":[{"__symbolic":"method"}],"GetValid":[{"__symbolic":"method"}],"requestValue":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}],"setValues":[{"__symbolic":"method"}],"getClasses":[{"__symbolic":"method"}],"getStartupConfig":[{"__symbolic":"method"}],"getUpdateInfo":[{"__symbolic":"method"}],"getSiteConfig":[{"__symbolic":"method"}],"setStartupConfig":[{"__symbolic":"method"}],"getSystemInformation":[{"__symbolic":"method"}],"setSiteConfig":[{"__symbolic":"method"}],"getClass":[{"__symbolic":"method"}],"_getObjects":[{"__symbolic":"method"}],"getObjects":[{"__symbolic":"method"}],"_queryObjects":[{"__symbolic":"method"}],"queryObjects":[{"__symbolic":"method"}],"getVariables":[{"__symbolic":"method"}],"getPlcInfo":[{"__symbolic":"method"}],"getVideoJPG":[{"__symbolic":"method"}],"getTraceOverview":[{"__symbolic":"method"}],"getTrace":[{"__symbolic":"method"}],"getTraceOffset":[{"__symbolic":"method"}],"getInstanceTree":[{"__symbolic":"method"}],"getInstanceList":[{"__symbolic":"method"}],"getIotJournal":[{"__symbolic":"method"}],"getIotTask":[{"__symbolic":"method"}],"getBinAsZip":[{"__symbolic":"method"}],"getNodeModulesAsZip":[{"__symbolic":"method"}],"callPlcSlow":[{"__symbolic":"method"}],"installBinVersion":[{"__symbolic":"method"}],"installPlcProgramFromZip":[{"__symbolic":"method"}],"getInstallProgramResponse":[{"__symbolic":"method"}],"setWebAppBase64":[{"__symbolic":"method"}],"IOTCall":[{"__symbolic":"method"}],"getSitePerName":[{"__symbolic":"method"}],"getSiteList":[{"__symbolic":"method"}],"_getSiteList":[{"__symbolic":"method"}],"getTenantInfo":[{"__symbolic":"method"}],"getServerInfo":[{"__symbolic":"method"}],"getServerInfoSecondary":[{"__symbolic":"method"}],"getUsersRoles":[{"__symbolic":"method"}],"setUsersRoles":[{"__symbolic":"method"}],"addUsersRole":[{"__symbolic":"method"}],"deleteUsersRole":[{"__symbolic":"method"}],"getUsers":[{"__symbolic":"method"}],"addUser":[{"__symbolic":"method"}],"changePassword":[{"__symbolic":"method"}],"deleteUser":[{"__symbolic":"method"}],"getFiles":[{"__symbolic":"method"}],"getFile":[{"__symbolic":"method"}],"saveFile":[{"__symbolic":"method"}],"saveJSONObject":[{"__symbolic":"method"}],"loadJSONObject":[{"__symbolic":"method"}],"deleteJSONObject":[{"__symbolic":"method"}],"getDownloadFileBase64":[{"__symbolic":"method"}],"getPLCProgramAsZip":[{"__symbolic":"method"}],"getReportAsPDF":[{"__symbolic":"method"}],"startTSCCompile":[{"__symbolic":"method"}],"downloadToIOT":[{"__symbolic":"method"}],"getAlarmList":[{"__symbolic":"method"}],"getUnitList":[{"__symbolic":"method"}],"ackAlarm":[{"__symbolic":"method"}],"getJournal":[{"__symbolic":"method"}],"CallProcedure":[{"__symbolic":"method"}],"_GetConsumptionValue":[{"__symbolic":"method"}],"_GetConsumptionTrend":[{"__symbolic":"method"}],"_GetTrend":[{"__symbolic":"method"}],"getTrendV2":[{"__symbolic":"method"}],"getConsumptionV2":[{"__symbolic":"method"}],"getTrendList":[{"__symbolic":"method"}],"setTrendItemVisiblity":[{"__symbolic":"method"}],"setTrendItem":[{"__symbolic":"method"}],"StoreTrendItem":[{"__symbolic":"method"}],"importLogBook":[{"__symbolic":"method"}],"exportLogBook":[{"__symbolic":"method"}],"loadLogBook":[{"__symbolic":"method"}],"getFileServiceMessages":[{"__symbolic":"method"}],"saveLogBookItem":[{"__symbolic":"method"}],"CallUnauthorized":[{"__symbolic":"method"}],"DoCallSync":[{"__symbolic":"method"}],"FlushCallSync":[{"__symbolic":"method"}],"GetSyncValue":[{"__symbolic":"method"}],"CallServer":[{"__symbolic":"method"}],"Login":[{"__symbolic":"method"}],"CallREST":[{"__symbolic":"method"}],"GetHttpServerInfo":[{"__symbolic":"method"}],"getUrl":[{"__symbolic":"method"}],"Autologin":[{"__symbolic":"method"}],"_ResolveAfterConnect":[{"__symbolic":"method"}],"AfterConnect":[{"__symbolic":"method"}],"DoLoginHost":[{"__symbolic":"method"}],"DoLoginHostOld":[{"__symbolic":"method"}],"DoLoginHostSecondary":[{"__symbolic":"method"}],"Logout":[{"__symbolic":"method"}],"GetHttpServerBinVersionAsZip":[{"__symbolic":"method"}],"UploadBinaryToServer":[{"__symbolic":"method"}],"DownloadFileFromServer":[{"__symbolic":"method"}],"SnackMessage":[{"__symbolic":"method"}]},"statics":{"Simulation":false,"sACCom":{"__symbolic":"reference","name":"undefined"},"VisComponenetInstanceDict":{},"ActComponenetInstanceDict":{},"KeyPrefix":"acurade","virgin":true,"overrideHost":{"__symbolic":"reference","name":"undefined"},"RequiredRole":{"__symbolic":"reference","name":"undefined"}}},"ACTenantInfo":{"__symbolic":"class","members":{}},"UpDownloadProgress":{"__symbolic":"class","members":{"BytesToString":[{"__symbolic":"method"}]}},"Unit":{"__symbolic":"class","members":{}},"ServerInfo":{"__symbolic":"class","members":{"_dofix2":[{"__symbolic":"method"}]}},"SQLFastTrendData":{"__symbolic":"class","members":{}},"SQLProcedureResult":{"__symbolic":"class","members":{}},"ServerInfoHttp":{"__symbolic":"class","members":{}},"SetValues":{"__symbolic":"class","members":{}},"TrendDataResult":{"__symbolic":"class","members":{}},"TrendDataValue":{"__symbolic":"class","members":{}},"ValueItem":{"__symbolic":"class","members":{}},"ACInstanceViewService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ACUtils"}]}],"LoadPanelForClassFromServer":[{"__symbolic":"method"}],"SavePanelForClassFromServer":[{"__symbolic":"method"}],"GetPanelForClass":[{"__symbolic":"method"}]}},"PanelForClassItem":{"__symbolic":"class","members":{}},"ACViewData":{"__symbolic":"class","members":{"ClonePlain":[{"__symbolic":"method"}]}},"ACViewLayer":{"__symbolic":"class","members":{"ClonePlain":[{"__symbolic":"method"}]}},"ACEditorInterface":{"__symbolic":"interface"},"ACViewItemInstanceProperties":{"__symbolic":"class","members":{}},"ACViewItemHtmlProperties":{"__symbolic":"class","members":{}},"ACViewItem":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}],"Clone":[{"__symbolic":"method"}]}},"ACTrendService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"InstanceLookupService"}]}],"GetTrend":[{"__symbolic":"method"}],"GetConsumptionValue":[{"__symbolic":"method"}],"GetConsumptionTrend":[{"__symbolic":"method"}],"_GetTrendSetFromRawData":[{"__symbolic":"method"}]},"statics":{"sACTrendService":{"__symbolic":"reference","name":"undefined"}}},"TrendResultSet":{"__symbolic":"class","members":{}},"TrendResultLine":{"__symbolic":"class","members":{"FillConsumptionData":[{"__symbolic":"method"}],"FillTrendDataTimeline":[{"__symbolic":"method"}],"_gettime":[{"__symbolic":"method"}]}},"TrendResultData":{"__symbolic":"class","members":{}},"TrendResultHeader":{"__symbolic":"class","members":{}},"TrendSetLine":{"__symbolic":"class","members":{}},"TrendSet":{"__symbolic":"class","members":{}},"ACUtils":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1}}],"members":{"setMouseUp":[{"__symbolic":"method"}],"setMouseDown":[{"__symbolic":"method"}],"setMouseMove":[{"__symbolic":"method"}],"windowResize":[{"__symbolic":"method"}],"SearchAfterLogin":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"InstanceLookupService"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":90,"character":84},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":90,"character":109},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":90,"character":136},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":90,"character":167},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":90,"character":206}]}],"GetRemark":[{"__symbolic":"method"}],"_today":[{"__symbolic":"method"}],"getDateTimefromTag":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"openQuestionDialog":[{"__symbolic":"method"}],"openInformationDialogYesCancel":[{"__symbolic":"method"}],"openInformationDialog":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}],"_dialogYES":[{"__symbolic":"method"}],"_dialogNO":[{"__symbolic":"method"}],"_dialogCANCEL":[{"__symbolic":"method"}],"openACPopup":[{"__symbolic":"method"}],"closeACPopup":[{"__symbolic":"method"}],"getPicList":[{"__symbolic":"method"}],"displayInstance":[{"__symbolic":"method"}],"DisplayInstanceOnRoute":[{"__symbolic":"method"}],"AddInstanceRoute":[{"__symbolic":"method"}],"GetInstanceRoute":[{"__symbolic":"method"}],"_LoadInstanceRoutes":[{"__symbolic":"method"}],"_SaveInstanceRoutes":[{"__symbolic":"method"}]},"statics":{"sACUtils":{"__symbolic":"reference","name":"undefined"},"ACPopupHeaderColor":"#ff9800","RouteAddData":{"__symbolic":"reference","name":"undefined"}}},"Routes":{"__symbolic":"class","members":{}},"InstanceRouteEntry":{"__symbolic":"class","members":{}},"ACComponentDecorator":{"__symbolic":"class","members":{},"statics":{"SELECTOR_Dict":{},"COMPONENTList":[]}},"ACHMIDecorator":{"__symbolic":"class","members":{},"statics":{"HMIList":[]}},"DialogData":{"__symbolic":"class","members":{"Close":[{"__symbolic":"method"}]}},"DialogDataItem":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"string"},null]}],"_toFix2":[{"__symbolic":"method"}],"ipToString":[{"__symbolic":"method"}],"strintToIp":[{"__symbolic":"method"}]}},"PopupData":{"__symbolic":"class","members":{"detectChanges":[{"__symbolic":"method"}]}},"AlarmServer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"InstanceLookupService"}]}],"MainCycle":[{"__symbolic":"method"}],"processInstanceAlarms":[{"__symbolic":"method"}],"_old_processInstanceAlarms":[{"__symbolic":"method"}],"getAlarmPrioColor":[{"__symbolic":"method"}],"ackAlarm":[{"__symbolic":"method"}]},"statics":{"sAlarmServer":{"__symbolic":"reference","name":"undefined"},"AlarmInstanceDict":{},"AlarmInstanceList":[],"AlarmArrowOnTime":30000,"AlarmStyleArrow":false}},"InstanceAlarmInfo":{"__symbolic":"class","members":{}},"AlarmItem":{"__symbolic":"class","members":{}},"AlarmExtFilterList":{"__symbolic":"class","members":{}},"AlarmInstance":{"__symbolic":"interface"},"ANNOTATIONS":"__annotations__","InstanceLookupService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":7,"character":34}]}],"lookUp":[{"__symbolic":"method"}],"isPicture":[{"__symbolic":"method"}]},"statics":{"picList":[]}},"ACDBService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"}]}],"GetRemark":[{"__symbolic":"method"}],"GetInstance":[{"__symbolic":"method"}],"GetInsatanceMatch":[{"__symbolic":"method"}],"LoadInstanceList":[{"__symbolic":"method"}],"SetInstanceList":[{"__symbolic":"method"}]},"statics":{"sDBService":{"__symbolic":"reference","name":"undefined"},"ClassCacheDict":{}}},"DBProperty":{"__symbolic":"class","members":{}},"DBClass":{"__symbolic":"class","members":{}},"DBInstance":{"__symbolic":"class","members":{}},"CloudDBMainComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"cloud_db_main","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":21},"member":"OnPush"},"template":"<div style=\"height: 100%\" class=xparent>\r\n    Hello\r\n       \r\n </div>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":17,"character":102}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"Exec":[{"__symbolic":"method"}]}},"ACIotPMainComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ac-iot-programming","template":"<!-- <div style=\"height: 100%\" freeze mode=\"width\"> -->\r\n<div style=\"height: 100%\" parentwidthoffset=\"70\" widthparentclass=\"root\" parentheighthoffset=\"52\"\r\n    heightparentclass=\"root\">\r\n    <as-split direction=\"horizontal\"  parentwidthoffset=\"70\" widthparentclass=\"root\" parentheighthoffset=\"52\"\r\n    heightparentclass=\"root\">\r\n        <as-split-area size=\"20\" style=\"max-width: 40%;\">\r\n            <div>\r\n                <ac-iot-programming-navigation></ac-iot-programming-navigation>\r\n            </div>\r\n\r\n        </as-split-area>\r\n        <as-split-area size=\"80\">\r\n\r\n            <as-split direction=\"vertical\">\r\n                <as-split-area class=editorarea size=\"75\">\r\n                    <ac-iot-programming-work></ac-iot-programming-work>\r\n                </as-split-area>\r\n                <as-split-area size=\"25\" class=\"spb\" style=\"overflow: hidden;\">\r\n                    <ac-iot-programming-info parentheighthoffset=\"0\" heightparentclass=\"spb\"></ac-iot-programming-info>\r\n                </as-split-area>\r\n            </as-split>\r\n\r\n        </as-split-area>\r\n    </as-split>\r\n\r\n    <!-- <div style=\"display: grid;grid-template-columns: 200px 80%\">\r\n        <ac-iot-programming-navigation style=\"grid-column: 1\"></ac-iot-programming-navigation>\r\n        <ac-iot-programming-work style=\"grid-column: 2;height:500px\"></ac-iot-programming-work>              \r\n    </div>    -->\r\n\r\n\r\n</div>\r\n\r\n<!-- <ac-row>\r\n    <div style=\"background-color: #CCA814;border:1px solid black;width: 80px;height:40px\"></div>\r\n    <div style=\"background-color: #99873D;border:1px solid black;width: 80px;height:40px\"></div>\r\n    <div style=\"background-color: #FF9800;border:1px solid black;width: 80px;height:40px\"></div>\r\n    <div style=\"background-color: #40DFFF;border:1px solid black;width: 80px;height:40px\"></div>\r\n    <div style=\"background-color: #14CCB9;border:1px solid black;width: 80px;height:40px\"></div>\r\n</ac-row> -->","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ɵd"}]}],"connect":[{"__symbolic":"method"}],"GetCheckOutVersion":[{"__symbolic":"method"}],"Exec":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ACIotPNavigationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ac-iot-programming-navigation","template":"<div class=\"siteaccordeon\">\r\n  <div class=mainmenu fxLayout=\"row\">\r\n\r\n    <div fxFlex fxLayout=\"row\">\r\n      <div style=\"margin: 11px;font-size: 140%;\">PLC:</div>\r\n      <!-- <button mat-raised-button>\r\n        <ac-row>\r\n            <mat-icon class=\"icon\">play_circle_outline</mat-icon>\r\n            <div>Deploy</div>\r\n        </ac-row>\r\n         \r\n      </button> -->\r\n      <button *ngIf=\"Editable==true\" mat-mini-fab class=deploybutton title=\"Deploy\" (click)=\"Deploy()\">\r\n        <mat-icon class=\"icon\">play_circle_outline</mat-icon>\r\n      </button>\r\n      <button mat-mini-fab *ngIf=\"Editable!=true\" disabled class=deploybutton title=\"Deploy\">\r\n        <mat-icon class=\"icon\">play_circle_outline</mat-icon>\r\n      </button>\r\n    </div>\r\n\r\n    <div>\r\n      <mat-menu #menupivot xPosition=\"before\" yPosition=\"above\">\r\n        <button mat-menu-item (click)=\"downloadActAsZip()\"> Download PLC program as .zip </button>\r\n      </mat-menu>\r\n\r\n\r\n\r\n      <button class=\"morebutton\" mat-icon-button [matMenuTriggerFor]=\"menupivot\">\r\n        <mat-icon class=\"icon\">more_horiz</mat-icon>\r\n      </button>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  <div fxLayout=\"row\" class=\"menu\" >\r\n    \r\n    <div *ngIf=\"ProgramOpen==false\" class=\"material-icons expandconfig\" title=\"Expand\" (click)=\"ProgramOpen=!ProgramOpen\">\r\n      play_arrow</div>\r\n    <div *ngIf=\"ProgramOpen==true\" class=\"material-icons collapsconfig\" title=\"Collaps\" (click)=\"ProgramOpen=!ProgramOpen\">\r\n      play_arrow</div>\r\n    <div style=\"margin: 2px;\" fxFlex (click)=\"ProgramOpen=!ProgramOpen\">PLC Files</div>\r\n    <button *ngIf=\"AllFiles==true\" style=\"margin-top: -10px;transform: scale(0.9);margin-bottom: -10px;\" mat-icon-button (click)=\"AllFiles=false\">\r\n        <mat-icon class=\"icon\">visibility</mat-icon>\r\n      </button>\r\n      <button *ngIf=\"AllFiles!=true\" style=\"margin-top: -10px;transform: scale(0.9);margin-bottom: -10px;\" mat-icon-button (click)=\"AllFiles=true\">\r\n          <mat-icon class=\"icon\">visibility_off</mat-icon>\r\n        </button>\r\n    <button style=\"margin-top: -10px;transform: scale(0.9);margin-bottom: -10px;\" mat-icon-button (click)=\"reload()\">\r\n      <mat-icon class=\"icon\">cached</mat-icon>\r\n    </button> \r\n  </div>\r\n\r\n  \r\n  <div [style.border]=\"borderStyle\" class=\"filecontainer\" [style.height]=\"ProgramHeight\">\r\n      <div *ngIf=\"loading==true\">\r\n          <mat-progress-bar mode=\"indeterminate\" style=\"height: 2px\"></mat-progress-bar>\r\n        </div>\r\n        <div *ngIf=\"loading!=true\">\r\n          <div style=\"height: 2px;\"></div>\r\n        </div>\r\n      \r\n    <div *ngIf=\"!RootFileInfoList\" style=\"color: gray;margin: 5px\">...loading</div>\r\n    <div *ngFor=\"let item of RootFileInfoList\">\r\n      <ac-iot-programming-fileitem [FileInfo]=\"item\"></ac-iot-programming-fileitem>\r\n    </div>\r\n  </div>\r\n\r\n  <ac-row class=\"menu\" (click)=\"FileChangesOpen=!FileChangesOpen\">\r\n    <div *ngIf=\"_FileChangesOpen==false\" class=\"material-icons expandconfig\" title=\"Expand\">\r\n      play_arrow</div>\r\n    <div *ngIf=\"_FileChangesOpen==true\" class=\"material-icons collapsconfig\" title=\"Collaps\">\r\n      play_arrow</div>\r\n    <div style=\"margin: 2px;\">Changes</div>\r\n  </ac-row>\r\n  <div [style.border]=\"borderStyle\" class=\"filecontainer\" [style.height]=\"InstancesHeight\">\r\n    <div *ngFor=\"let item of FileCangedItemList\">\r\n      <ac-row>\r\n        <div *ngIf=\"item.Open==false\" class=\"material-icons expandconfig\" title=\"Expand\" (click)=\"item.Open=true\">\r\n          play_arrow</div>\r\n        <div *ngIf=\"item.Open==true\" class=\"material-icons collapsconfig\" title=\"Collaps\" (click)=\"item.Open=false\">\r\n          play_arrow</div>\r\n        <div style=\"margin: 5px;color: #2196F3;font-weight: 700;cursor: pointer;\" (click)=\"item.Open=!item.Open\">\r\n          {{item.Name}}</div>\r\n        <div style=\"margin: 5px;cursor: pointer\" (click)=\"item.Open=!item.Open\">{{item.Path}}</div>\r\n      </ac-row>\r\n      <div *ngIf=\"item.Open==true\">\r\n        <div *ngFor=\"let x of item.Changes\">\r\n          <div fxLayout=\"row\" style=\"margin-left: 10px;border-left: 1px solid gray\" (click)=\"OpenDiffEditor(item,x)\">\r\n            <div style=\"margin: 5px;font-size: 85%;cursor: pointer;\">{{x.User}}</div>\r\n            <div style=\"margin: 5px;font-size: 85%;cursor: pointer;\"> [{{x.Time}}]</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n  <!-- Name:string;\r\n  Path:string;\r\n  Changes:Array<FileCangedEntry>=[];\r\n}\r\nclass FileCangedEntry{\r\n  User:string;\r\n  Time:string; -->\r\n\r\n\r\n  <!-- <mat-accordion>\r\n      <mat-expansion-panel class=\"siteacexpansion\" [expanded]=\"true\">\r\n        <mat-expansion-panel-header>\r\n          <mat-panel-title class=\"expansionheader\">\r\n             Program\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div [style.border]=\"borderStyle\" class=\"filecontainer\">\r\n            <div *ngFor=\"let item of RootFileInfoList\">       \r\n                <ac-iot-programming-fileitem [FileInfo]=\"item\" ></ac-iot-programming-fileitem>\r\n            </div>\r\n        </div>\r\n      </mat-expansion-panel>\r\n    </mat-accordion> -->\r\n</div>","styles":[".mainmenu{height:50px;width:100%}.mainmenu,.menu{background-color:#dcdcdc;color:#7d7d7d}.menu{border-top:1px solid #c5c5c5;cursor:pointer;font-weight:600}.filecontainer{color:grey;overflow-x:hidden;overflow-y:hidden;transition:height .3s}.expandconfig{cursor:pointer;float:right;transform:rotate(0deg) scale(.5)}.collapsconfig{cursor:pointer;float:right;transform:rotate(45deg) scale(.5)}.filecontainer:hover{overflow-y:auto}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{height:0}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.23)}::ng-deep .as-split-gutter-icon{background:none!important}::ng-deep .as-split-gutter{flex-basis:8px!important}.siteaccordeon{margin-top:0}.siteacexpansion{background-color:#f3f3f3;box-shadow:none!important;color:#a9a9a9}.expansionheader{color:#6d6d6d}.deploybutton{background-color:#fff;color:#ff9800;margin-left:10px;margin-top:5px;transform:scale(.9)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ACUtils"}]}],"reload":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"CopyFile":[{"__symbolic":"method"}],"PasteFile":[{"__symbolic":"method"}],"ClearSeletion":[{"__symbolic":"method"}],"Select":[{"__symbolic":"method"}],"_loadFiles":[{"__symbolic":"method"}],"loadFiles":[{"__symbolic":"method"}],"getDirFromFname":[{"__symbolic":"method"}],"_timestring":[{"__symbolic":"method"}],"Exec":[{"__symbolic":"method"}],"OpenDiffEditor":[{"__symbolic":"method"}],"Deploy":[{"__symbolic":"method"}],"downloadActAsZip":[{"__symbolic":"method"}]},"statics":{"sACIotPNavigationComponent":{"__symbolic":"reference","name":"undefined"},"ShowAllFiles":false}},"ACIotPFileItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ac-iot-programming-fileitem","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":21},"member":"OnPush"},"template":"<div class=main>\r\n    <div [style.margin-left]=\"marginleft\">\r\n\r\n\r\n        <div *ngIf=\"FileInfo && FileInfo.IsFolder==true\">\r\n\r\n            <ac-row class=\"dir item\" (click)=\"Select()\" (contextmenu)=\"onContextMenu($event, true)\">\r\n                <div *ngIf=\"Open==false\" class=\"material-icons expandconfig\" title=\"Expand\">\r\n                    play_arrow</div>\r\n                <div *ngIf=\"Open==true\" class=\"material-icons collapsconfig\" title=\"Collaps\">\r\n                    play_arrow</div>\r\n\r\n                <div *ngIf=\"FileInfo.Package\" class=\"material-icons\"\r\n                    style=\"color: #FF9800;transform: scale(0.7);margin-top: -3px;\"\r\n                    title=\"Package: {{FileInfo.Package.Name}}\">\r\n                    cloud</div>\r\n\r\n                <div style=\"margin: 2px;\" [style.color]=\"Foreground\">{{FileInfo.Name}}</div>\r\n\r\n            </ac-row>\r\n            <div *ngIf=\"loading==true\">\r\n                <mat-progress-bar mode=\"indeterminate\" style=\"height: 2px\"></mat-progress-bar>\r\n            </div>\r\n            <div *ngIf=\"loading==false\">\r\n                <div style=\"height: 2px\"></div>\r\n            </div>\r\n\r\n            <div [style.height]=\"newheight\" (keypress)=\"onKeyPressNew($event)\">\r\n                <input #NewInput style=\"visibility: hidden\" class=\"newinput\" type=\"string\" [(ngModel)]=\"NewName\"\r\n                    (focusout)=\"focusOutNewName()\">\r\n            </div>\r\n\r\n\r\n\r\n            <div *ngIf=\"_Open==true\">\r\n                <div *ngFor=\"let item of SubFiles\">\r\n                    <ac-iot-programming-fileitem [Margin]=\"marginsub\" [FileInfo]=\"item\"></ac-iot-programming-fileitem>\r\n                </div>\r\n            </div>\r\n\r\n\r\n        </div>\r\n        <!-- <div *ngIf=\"FileInfo && FileInfo.IsFolder==false\" (contextmenu)=\"onContextMenu($event, false)\"> -->\r\n        <div *ngIf=\"FileInfo && FileInfo.IsFolder==false\" (contextmenu)=\"onContextMenu($event, false)\">\r\n            <div class=item [style.backgroundColor]=\"Background\" (click)=\"OpenDocument()\"\r\n                (keypress)=\"onKeyPressName($event)\" style=\"position: relative\">\r\n                <button style=\"color: #ff9800;transform: scale(0.7);position: absolute;top: -15px;left: -19px;\"\r\n                    *ngIf=\"FileInfo.Locked==true\" class=\"morebutton\" mat-icon-button title={{FileInfo.LockedInfo}}>\r\n                    <mat-icon class=\"icon\">lock</mat-icon>\r\n                </button>\r\n\r\n                <div fxFlex *ngIf=\"DoRename!=true\" fxLayout=\"row\" style=\"width: 100%\">\r\n                    <div class=file title=\"{{FileInfo.Name}}\" [style.color]=\"Foreground\" (click)=\"OpenDocument()\">\r\n                        {{FileInfo.Name}}</div>\r\n                    <mat-icon *ngIf=\"FileInfo.ChangedOnServer==true\" title=\"{{FileInfo.ChangedOnServerInfo}}\"\r\n                        class=\"icon\" style=\"color: #2196F3;transform: scale(0.7);margin-left: -5px;margin-right: -5px\">\r\n                        star</mat-icon>\r\n                </div>\r\n\r\n\r\n\r\n                <input #RenameInput style=\"visibility: hidden;display:none\" class=\"rename\" type=\"string\"\r\n                    [(ngModel)]=\"NewName\" (focusout)=\"focusOutName()\">\r\n\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n<!--Context Menu File-->\r\n\r\n<div style=\"visibility: hidden; position: fixed\" [style.left]=\"contextMenuPosition.x\"\r\n    [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"contextMenu\">\r\n</div>\r\n<mat-menu #contextMenu=\"matMenu\">\r\n    <ng-template matMenuContent let-item=\"item\">\r\n        <div *ngIf=\"folderContext==true\">\r\n            <div fxLayout=\"row\" class=contextmenu>\r\n                <div class=menuitem style=\"min-width: 200px\" (click)=\"onContextNewFile()\">New File</div>\r\n                <div class=menuitem></div>\r\n            </div>\r\n            <div fxLayout=\"row\" class=contextmenu>\r\n                <div class=menuitem style=\"min-width: 200px\" (click)=\"onContextNewFolder()\">New Folder</div>\r\n                <div class=menuitem></div>\r\n            </div>\r\n\r\n\r\n\r\n        </div>\r\n        <div *ngIf=\"folderContext!=true\">\r\n            <div fxLayout=\"row\" class=contextmenu>\r\n                <div class=menuitem style=\"min-width: 200px\" (click)=\"onContextOpen()\">Open</div>\r\n                <div class=menuitem></div>\r\n            </div>\r\n            <mat-divider></mat-divider>\r\n\r\n            <div fxLayout=\"row\" class=contextmenu>\r\n                <div class=menuitem style=\"min-width: 200px\" (click)=\"Copy()\">Copy</div>\r\n                <div class=menuitem>Ctrl+X</div>\r\n            </div>\r\n            <div fxLayout=\"row\" class=contextmenu>\r\n                <div class=menuitem style=\"min-width: 200px\" (click)=\"Paste()\">Paste</div>\r\n                <div class=menuitem>Ctrl+V</div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n\r\n        <mat-divider></mat-divider>\r\n        <div fxLayout=\"row\" class=contextmenu *ngIf=\"!FileInfo.Package\">\r\n            <div class=menuitem style=\"min-width: 200px\" (click)=\"onContextRename()\">Rename</div>\r\n            <div class=menuitem>F2</div>\r\n        </div>\r\n        <div fxLayout=\"row\" class=contextmenu *ngIf=\"FileInfo.Package\">\r\n                <div class=menuitem style=\"min-width: 200px;color: gainsboro\" disabled>Rename</div>\r\n                <div class=menuitem style=\"color: gainsboro\">F2</div>\r\n        </div>\r\n\r\n        <div fxLayout=\"row\" class=contextmenu>\r\n            <div class=menuitem style=\"min-width: 200px\" (click)=\"onContextDelete()\">Delete</div>\r\n            <div class=menuitem>Del</div>\r\n        </div>\r\n\r\n        <div *ngIf=\"folderContext==true\">\r\n            <mat-divider></mat-divider>\r\n            <button mat-menu-item [matMenuTriggerFor]=\"subMenu\">Package</button>\r\n            <mat-divider></mat-divider>\r\n        </div>\r\n\r\n    </ng-template>\r\n\r\n    <mat-menu #subMenu=\"matMenu\">\r\n        <ng-template matMenuContent let-item=\"item\">\r\n            <div *ngIf=\"!FileInfo.Package\" fxLayout=\"row\" class=contextmenu>\r\n                <div class=menuitem style=\"min-width: 200px\" (click)=\"OpenPackage()\">Create Package</div>\r\n                <div class=menuitem></div>\r\n            </div>\r\n\r\n            <div *ngIf=\"FileInfo.Package\">\r\n                    <div  fxLayout=\"row\" class=contextmenu>\r\n                            <div class=menuitem style=\"min-width: 200px\" (click)=\"OpenPackage()\">Update</div>\r\n                            <div class=menuitem></div>\r\n                    </div>\r\n                    <mat-divider></mat-divider>\r\n                    <div  fxLayout=\"row\" class=contextmenu>\r\n                            <div class=menuitem style=\"min-width: 200px\" (click)=\"OpenPackage()\">Publish</div>\r\n                            <div class=menuitem></div>\r\n                    </div>\r\n            </div>\r\n\r\n\r\n        </ng-template>\r\n    </mat-menu>\r\n</mat-menu>","styles":[".item:hover{background-color:#dedede}.item{cursor:pointer}.file{color:#3c3c3c;font-weight:600;margin:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rename{margin:1px;width:100%}.newinput,.rename{color:#3c3c3c;font-weight:600;padding:3px}.newinput{margin:1px 1px 1px 20px;width:calc(100% - 22px)}.expandconfig{cursor:pointer;float:right;transform:rotate(0deg) scale(.5)}.collapsconfig{cursor:pointer;float:right;transform:rotate(90deg) scale(.5)}.contextmenu:hover{background-color:#0088f5;color:#fff}.menuitem{cursor:pointer;margin:10px}"]}]}],"members":{"FileInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5},"arguments":["FileInfo"]}]}],"Margin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5},"arguments":["Margin"]}]}],"Reload":[{"__symbolic":"method"}],"ReloadParent":[{"__symbolic":"method"}],"contextMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":72,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":72,"character":15}]}]}],"onContextMenu":[{"__symbolic":"method"}],"NewInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":92,"character":5},"arguments":["NewInput"]}]}],"onContextNewFile":[{"__symbolic":"method"}],"onContextNewFolder":[{"__symbolic":"method"}],"onKeyPressNew":[{"__symbolic":"method"}],"focusOutNewName":[{"__symbolic":"method"}],"Changed":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":145,"character":86},{"__symbolic":"reference","name":"ACUtils"}]}],"onContextOpen":[{"__symbolic":"method"}],"RenameInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":157,"character":5},"arguments":["RenameInput"]}]}],"onContextRename":[{"__symbolic":"method"}],"onEscape":[{"__symbolic":"method"}],"Copy":[{"__symbolic":"method"}],"Paste":[{"__symbolic":"method"}],"focusOutName":[{"__symbolic":"method"}],"onContextDelete":[{"__symbolic":"method"}],"onKeyPressName":[{"__symbolic":"method"}],"Select":[{"__symbolic":"method"}],"OpenDocument":[{"__symbolic":"method"}],"loadSubFiles":[{"__symbolic":"method"}],"Exec":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"OpenPackage":[{"__symbolic":"method"}]}},"ACIotPWorkComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ac-iot-programming-work","template":"<div>\r\n\r\n    <div class=header fxLayout=\"row\">\r\n        <div parentwidthoffset=130 widthparentclass=\"header\">\r\n            <div fxLayout=\"row\">\r\n\r\n                <div *ngFor=\"let item of Documents\" class=\"headerfileitem\" [style.background-color]=\"item._bg\"\r\n                    (click)=\"setFocus(item)\">\r\n\r\n                    <!-- DIFFEDITOR -->\r\n                    <div *ngIf=\"item.type==2\" fxLayout=\"row\" title=\"{{item.Title}}\">\r\n                        <mat-icon style=\"margin-left: 5px;color: #607D8B;margin-top: 6px;\">share</mat-icon>\r\n                        <div style=\"margin-left: 5px;color: gray\">{{item.Title}}</div>\r\n                        <button title=\"Close\" style=\"color: gray;transform: scale(0.5);\" class=\"morebutton\"\r\n                            mat-icon-button (click)=\"close(item)\">\r\n                            <mat-icon class=\"icon\">close</mat-icon>\r\n                        </button>\r\n                    </div>\r\n\r\n                    <!-- TEXTEDITOR -->\r\n                    <div *ngIf=\"item.type==1\" fxLayout=\"row\" title=\"{{item.TextDocument.FileInfo.FullName}}\">\r\n\r\n                        <button title=\"Save\" style=\"color: #2196f3;\" *ngIf=\"item.TextDocument.FileInfo.Changed==true\"\r\n                            class=\"morebutton\" mat-icon-button (click)=\"save(item.TextDocument)\">\r\n                            <mat-icon class=\"icon\">save</mat-icon>\r\n                        </button>\r\n                        <button style=\"color: #ff9800;\" *ngIf=\"item.TextDocument.FileInfo.Locked==true\"\r\n                            class=\"morebutton\" mat-icon-button title={{item.TextDocument.FileInfo.LockedInfo}}>\r\n                            <mat-icon class=\"icon\">lock</mat-icon>\r\n                        </button>\r\n                        <div style=\"width: 40px\"\r\n                            *ngIf=\"item.TextDocument.FileInfo.Changed!=true&&item.TextDocument.FileInfo.Locked!=true\">\r\n                            <mat-icon style=\"margin-left: 5px;color: #FF9800;margin-top: 6px;\">code</mat-icon>\r\n                        </div>\r\n\r\n                        <div style=\"margin-left: 5px;color: gray\">{{item.TextDocument.FileInfo.Name}}</div>\r\n                        <button title=\"Close\" style=\"color: gray;transform: scale(0.5);\"\r\n                            *ngIf=\"item.TextDocument.FileInfo.Changed!=true\" class=\"morebutton\" mat-icon-button\r\n                            (click)=\"close(item)\">\r\n                            <mat-icon class=\"icon\">close</mat-icon>\r\n                        </button>\r\n                        <button title=\"Close (changed!)\" class=\"changed\" style=\"color: gray;transform: scale(0.5);\"\r\n                            *ngIf=\"item.TextDocument.FileInfo.Changed==true\" class=\"morebutton\" mat-icon-button\r\n                            (click)=\"close(item)\">\r\n                            <mat-icon class=\"icon\">lens</mat-icon>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=headermenu>\r\n\r\n            <mat-menu #menupivot xPosition=\"before\" yPosition=\"above\">\r\n                <div *ngFor=\"let item of Documents\">\r\n                    <button mat-menu-item (click)=\"OpenEditor(item.FileInfo)\">{{item.Title}}</button>\r\n                </div>\r\n\r\n            </mat-menu>\r\n\r\n            <button class=\"morebutton\" mat-icon-button (click)=\"docBack()\">\r\n                <mat-icon class=\"icon\">keyboard_arrow_left</mat-icon>\r\n            </button>\r\n            <button class=\"morebutton\" mat-icon-button (click)=\"docForward()\">\r\n                <mat-icon class=\"icon\">keyboard_arrow_right</mat-icon>\r\n            </button>\r\n\r\n            <button class=\"morebutton\" mat-icon-button [matMenuTriggerFor]=\"menupivot\">\r\n                <mat-icon class=\"icon\">more_horiz</mat-icon>\r\n            </button>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div *ngIf=\"State<0\" class=\"info\">\r\n        <div *ngIf=\"loading==true\">\r\n            <mat-progress-bar mode=\"indeterminate\" style=\"height: 2px\"></mat-progress-bar>\r\n        </div>\r\n        <div *ngIf=\"loading==false\">\r\n            <div style=\"height: 2px\"></div>\r\n        </div>\r\n\r\n        <div class=\"infoh1 acflash\" style=\"margin-top: 200px;color: #ff9800\">The actual Version isn't checked out for\r\n            programming!</div>\r\n        <div class=infoh2 style=\"margin: 20px;\">You need to checkout before start working!</div>\r\n        <div *ngIf=\"CheckOutInfo\" class=\"cexist\">(A Ckeckout version exist's, but was created from the PLC version:\r\n            {{CheckOutInfo.FromVersion}} on: {{CheckOutInfo.CreationDate | date:'medium' }}, User:\r\n            {{CheckOutInfo.CreationUser}}) </div>\r\n        <button  *ngIf=\"loading!=true\" mat-raised-button color=\"accent\" (click)=\"createCheckOut(false)\"\r\n            style=\"width: 30%;margin-left: 35%;color: white;\">Checkout Now! </button>\r\n        <button  *ngIf=\"loading==true\" mat-raised-button disabled (click)=\"createCheckOut(false)\"\r\n            style=\"width: 30%;margin-left: 35%;color: white;\">Checkout Now! </button>\r\n    </div>\r\n\r\n    <div *ngIf=\"State>=0\" class=\"x1\">\r\n       \r\n        <div *ngFor=\"let item of Documents\" class=\"x2\">\r\n             \r\n            <div *ngIf=\"item.TextDocument&&item.HasFocus==true\" class=\"x3\" class=\"editorparent\" #editorparent\r\n            \r\n                parentheighthoffset=41 heightparentclass=\"editorarea\" style=\"overflow: hidden;\"\r\n                (keypress)=\"keyPress($event,item)\">\r\n \r\n\r\n                <div *ngIf=\"item.TextDocument.loading==true\">\r\n                    <mat-progress-bar mode=\"indeterminate\" style=\"height: 2px\"></mat-progress-bar>\r\n                </div>\r\n                <div *ngIf=\"item.TextDocument.loading==false\">\r\n                    <div style=\"height: 2px;background-color: white;\"></div>\r\n                </div>\r\n                <!--<ac-editor [tag]=\"item\" [fontSize]=18 [language]=\"'typescript'\" [(ngModel)]=\"item.Content\"\r\n                (onInit)=\"onInit($event,item)\" (onSave)=\"onSave(item)\"></ac-editor>  -->\r\n                <!--<ngx-monaco-editor [options]=\"editorOptions\" class=editor parentheigthoffset=3 parentclass=\"editorparent\" [(model)]=\"item.EditorModel\" (onInit)=\"onInit($event,item)\"></ngx-monaco-editor>  -->\r\n                 \r\n                \r\n                <ngx-monaco-editor [options]=\"editorOptions\" class=\"editor\" [(model)]=\"item.TextDocument.EditorModel\"\r\n                    (onInit)=\"onInit($event,item.TextDocument)\"></ngx-monaco-editor>\r\n            </div>\r\n            <div *ngIf=\"item.DiffEditor&&item.HasFocus==true\" class=\"editorparent\" #editorparent parentheighthoffset=41\r\n                heightparentclass=\"editorarea\" style=\"overflow: hidden;\" (keypress)=\"keyPress($event,item)\">\r\n                <ac-iot-programming-diff [DiffEditor]=\"item.DiffEditor\"></ac-iot-programming-diff>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>","styles":[".editor{height:calc(100% + 10px)}.header{background-color:#f3f3f3;height:40px;width:100%}.headermenu{background-color:#fff;width:130px}.headerfileitem{background-color:#eaeaea;cursor:pointer;height:40px;line-height:40px;margin-right:1px;min-width:100px}.editorpanel{background-color:#fffffe;height:100%}.changed{min-height:1px}.info{color:grey;height:100%;width:100%}.infoh1{font-size:150%}.infoh1,.infoh2{text-align:center;width:100%}.infoh2{font-size:100%}.cexist{font-size:90%;margin:15px;text-align:center;width:100%}"]}]}],"members":{"editorparent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":5},"arguments":["editorparent"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACUtils"},{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":24,"character":131}]}],"ngOnDestroy":[{"__symbolic":"method"}],"getDirFromFname":[{"__symbolic":"method"}],"OpenDiffEditorEvent":[{"__symbolic":"method"}],"setFocus":[{"__symbolic":"method"}],"CloseEditor":[{"__symbolic":"method"}],"OpenEditor":[{"__symbolic":"method"}],"_get_overflowingContentWidgets":[{"__symbolic":"method"}],"SetPosition":[{"__symbolic":"method"}],"onInit":[{"__symbolic":"method"}],"keyPress":[{"__symbolic":"method"}],"docBack":[{"__symbolic":"method"}],"docForward":[{"__symbolic":"method"}],"setCursor":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"DoClose":[{"__symbolic":"method"}],"_to4":[{"__symbolic":"method"}],"createCheckOut":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"exec":[{"__symbolic":"method"}]}},"ACIotPInfoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ac-iot-programming-info","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":21},"member":"OnPush"},"template":"<div style=\"height: 100%\" class=xparent>\r\n    <div class=header fxLayout=\"row\">\r\n        <div fxFlex fxLayout=\"row\">\r\n            <div class=\"tab\" [ngClass]=\"{'select':Index==0}\" [style.color]=\"TSCForeground\" (click)=\"Index=0\">TSC OUTPUT\r\n            </div>\r\n            <div class=\"tab\" [ngClass]=\"{'select':Index==1}\" (click)=\"Index=1\">DEPLOY</div>\r\n            <div class=\"tab\" [ngClass]=\"{'select':Index==2}\" (click)=\"Index=2\">FIND IN FILES</div>\r\n            <div class=\"tab\" [ngClass]=\"{'select':Index==3}\" (click)=\"Index=3\">LOG</div>\r\n            <div class=\"tab\" [ngClass]=\"{'select':Index==4}\" (click)=\"Index=4\">TERMINAL</div>\r\n        </div>\r\n        <div class=headermenu>\r\n\r\n            <mat-menu #menupivot xPosition=\"before\" yPosition=\"above\">\r\n                <button mat-menu-item>Settings</button>\r\n            </mat-menu>\r\n\r\n            <mat-menu #menurestart xPosition=\"before\" yPosition=\"above\">\r\n                <button mat-menu-item (click)=\"RestartTSC()\">Restart TSC</button>\r\n            </mat-menu>\r\n\r\n            <button *ngIf=\"TSCState==-1\" class=\"morebutton acflash\" style=\"color: red\" mat-icon-button\r\n                [matMenuTriggerFor]=\"menupivot\" title=\"TSC not running\">\r\n                <mat-icon class=\"icon\" style=\"transform: scale(0.7);\">loop</mat-icon>\r\n            </button>\r\n            <button *ngIf=\"TSCState==0\" class=\"morebutton acflash\" style=\"color: #daff73\" mat-icon-button\r\n                [matMenuTriggerFor]=\"menurestart\" title=\"TSC startet\">\r\n                <mat-icon class=\"icon\" style=\"transform: scale(0.7);\">loop</mat-icon>\r\n            </button>\r\n            <button *ngIf=\"TSCState==1\" class=\"morebutton rot acflash\" style=\"color: #ffc107\" mat-icon-button\r\n                [matMenuTriggerFor]=\"menurestart\" title=\"TSC starting\">\r\n                <mat-icon class=\"icon\" style=\"transform: scale(0.7);\">loop</mat-icon>\r\n            </button>\r\n            <button *ngIf=\"TSCState==2\" class=\"morebutton rot\" style=\"color: #009688\" mat-icon-button\r\n                [matMenuTriggerFor]=\"menurestart\" title=\"TSC running\">\r\n                <mat-icon class=\"icon\" style=\"transform: scale(0.7);\">loop</mat-icon>\r\n            </button>\r\n\r\n            <button class=\"morebutton\" mat-icon-button (click)=\"deleteEntries()\">\r\n                <mat-icon class=\"icon\">delete_outline</mat-icon>\r\n            </button>\r\n\r\n\r\n\r\n            <button class=\"morebutton\" mat-icon-button [matMenuTriggerFor]=\"menupivot\">\r\n                <mat-icon class=\"icon\">more_horiz</mat-icon>\r\n            </button>\r\n        </div>\r\n    </div>\r\n\r\n    <div parentheighthoffset=\"44\" #OutputScroller heightparentclass=\"xparent\" style=\"overflow: auto\" [style.border]=\"terminalborderStyle\"\r\n        [style.backgroundColor]=\"BG\">\r\n        <div *ngIf=\"Index==0\">\r\n            <div>\r\n                <div *ngFor=\"let item of OutPutMessages\">\r\n                    <div class=\"msg\" style=\"overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\" *ngIf=\"!item.Detail\" [style.color]=\"item.Color\">{{item.Msg}}</div>\r\n                    <div class=\"msg\"   style=\"cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\" (click)=\"OpenLink(item)\"\r\n                        title=\"Open file: {{item.Detail.File}}\" *ngIf=\"item.Detail\" [style.color]=\"item.Color\">\r\n                        {{item.Msg}}</div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n        <div *ngIf=\"Index==1\">\r\n            <div>\r\n                <div *ngFor=\"let item of DeployMessages\">\r\n                    <div class=\"msg\" *ngIf=\"!item.Detail&&item.Msg\" [style.color]=\"item.Color\" title=\"{{item.Msg}}\">{{item.Msg}}</div>\r\n                    <div class=\"msg\" style=\"cursor: pointer\" (click)=\"OpenLink(item)\"\r\n                        title=\"Open file: {{item.Detail.File}}\" *ngIf=\"item.Detail&&item.Msg\"\r\n                        [style.color]=\"item.Color\" title=\"{{item.Msg}}\">\r\n                        {{item.Msg}}</div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"Index==2\">\r\n            <div fxLayout=\"row\" parentheighthoffset=\"40\" heightparentclass=\"xparent\">\r\n                <div style=\"height: 100%;width: 50%;border-right: 1px solid #efefef\">\r\n                    <div style=\"padding: 3px;background:#f3f3f3\" fxLayout=\"row\">\r\n                        <div style=\"color: gray; margin: 4px;\">Find 1:</div>\r\n                        <input fxFlex class=\"findinput\" type=\"string\" [(ngModel)]=\"Find1.SearchString\"\r\n                            (keypress)=\"onKeyPressFind1($event)\">\r\n                    </div>\r\n                    <div style=\"overflow: auto;\" parentheighthoffset=\"72\" heightparentclass=\"xparent\">\r\n                        <div *ngFor=\"let item of Find1.Result\" fxLayout=\"row\" (click)=\"Find1.OpenFindInFile(item)\">\r\n                            <div title=\"{{item.FileName}}\" *ngIf=\"item.LineNr>=0\"\r\n                                style=\"cursor: pointer;color: gray;  margin: 3px;\">\r\n                                <u>({{item.FileShortName}}:{{item.LineNr}})</u></div>\r\n                            <div title=\"{{item.LineContent}}\"\r\n                                style=\"cursor: pointer;color: #03A9F4;  margin: 3px; margin-left: 10px\">\r\n                                {{item.LineContent}}</div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div style=\"height: 100%;width: 50%\">\r\n                    <div style=\"padding: 3px;background:#f3f3f3\" fxLayout=\"row\" (keypress)=\"onKeyPressFind2($event)\">\r\n                        <div style=\"color: gray; margin: 4px;\">Find 2:</div>\r\n                        <input fxFlex class=\"findinput\" type=\"string\" [(ngModel)]=\"Find2.SearchString\">\r\n                    </div>\r\n                    <div style=\"overflow: auto;\" parentheighthoffset=\"72\" heightparentclass=\"xparent\">\r\n                        <div *ngFor=\"let item of Find2.Result\" fxLayout=\"row\" (click)=\"Find2.OpenFindInFile(item)\">\r\n                            <div *ngIf=\"item.LineNr>=0\" title=\"{{item.FileName}}\"\r\n                                style=\"cursor: pointer;color: gray;  margin: 3px;\">\r\n                                <u>({{item.FileShortName}}:{{item.LineNr}})</u></div>\r\n                            <div title=\"{{item.LineContent}}\"\r\n                                style=\"cursor: pointer;color: #03A9F4;  margin: 3px; margin-left: 10px\">\r\n                                {{item.LineContent}}</div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"Index==3\">\r\n            <cdk-virtual-scroll-viewport itemSize=\"20\" parentheighthoffset=\"40\" heightparentclass=\"xparent\">\r\n                <!-- <div *ngFor=\"let item of LogMessages\"> -->\r\n                <div *cdkVirtualFor=\"let item of LogMessages\">\r\n                    <div fxLayout=\"row\" [style.color]=\"item._Color\">\r\n                        <div class=\"log\" style=\"width: 180px\">[{{item.Date | date: 'dd.MM.yy hh:mm:ss'}}]</div>\r\n                        <div class=\"log\" style=\"width: 120px;\r\n                                overflow: hidden; \r\n                                text-overflow: ellipsis;\r\n                                white-space: nowrap;\" title=\"{{item.User}}\">{{item.User}}</div>\r\n                        <div class=\"log\" fxFlex title=\"{{item.Msg}}\">{{item.Msg}}</div>\r\n                    </div>\r\n                </div>\r\n            </cdk-virtual-scroll-viewport>\r\n        </div>\r\n         \r\n        <div *ngIf=\"Index==4\"  class=\"terminalmain\"  style=\"position: relative\" >\r\n            <div *ngIf=\"Focus==true&&TerminalBusy==false\" style=\"position: absolute;width: 10px;height: 20px;background-color: rgba(0, 0, 0, 0.7)\" class=\"acflash\" [style.top]=\"TerminalLine\" [style.left]=\"TerminalRow\" ></div>\r\n            <div (keypress)=\"onKeyPressTerminal($event)\">\r\n                <div *ngFor=\"let item of TerminalLines\">\r\n                    <div class=\"msg\" style=\"overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\" title=\"{{item.Msg}}\">{{item}}</div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>","styles":[".header{background-color:#f3f3f3;height:40px;width:100%}.headermenu{color:grey;width:150px}.tab{color:grey;cursor:pointer;font-size:85%;margin:10px}.select{border-bottom:1px solid #ff9800;color:#000}.msg{font-size:130%;height:20px;margin:5px}.log,.msg{font-family:monospace}.log{font-size:120%;margin:3px}.rot{-webkit-animation:rotation 2s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}.OutputScroll{overflow:auto;width:100%}.cmain{height:calc(100% - 40px)}.findinput{border:none;color:grey;padding:5px}.terminalmain{height:calc(100% - 2px);width:calc(100% - 2px)}"]}]}],"members":{"OutputScroller":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":5},"arguments":["OutputScroller"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":35,"character":120}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"parseMessages":[{"__symbolic":"method"}],"OutputScrollerscrollToBottom":[{"__symbolic":"method"}],"connect":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"RestartTSC":[{"__symbolic":"method"}],"Exec":[{"__symbolic":"method"}],"parseMessage":[{"__symbolic":"method"}],"OpenLink":[{"__symbolic":"method"}],"ParseDeployLine":[{"__symbolic":"method"}],"ParseDeployMesg":[{"__symbolic":"method"}],"onKeyPressFind1":[{"__symbolic":"method"}],"onKeyPressFind2":[{"__symbolic":"method"}],"deleteEntries":[{"__symbolic":"method"}],"getDirFromFname":[{"__symbolic":"method"}],"RequestGetFileChanges":[{"__symbolic":"method"}],"_ts":[{"__symbolic":"method"}],"RequestFileLock":[{"__symbolic":"method"}],"RequestLog":[{"__symbolic":"method"}],"WhatsNewOnServer":[{"__symbolic":"method"}],"RequestShellMessages":[{"__symbolic":"method"}],"SetTerminalLine":[{"__symbolic":"method"}],"onKeyPressTerminal":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}]},"statics":{"ShellSessions":{}}},"FindInFile":{"__symbolic":"class","members":{"search":[{"__symbolic":"method"}],"OpenFindInFile":[{"__symbolic":"method"}],"getResult":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵd"}]}]}},"FindInFilesResult":{"__symbolic":"class","members":{}},"OutputMsg":{"__symbolic":"class","members":{}},"CompileMessageDetail":{"__symbolic":"class","members":{}},"Log":{"__symbolic":"class","members":{}},"ACIotPDiffComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ac-iot-programming-diff","template":"<!-- <div style=\"height: 100%\" freeze mode=\"width\"> -->\r\n<!-- <div style=\"height: 100%;\"  parentheighthoffset=\"52\" heightparentclass=\"root\" class=\"diffmain\" >  -->\r\n<div style=\"height: 100%;\" parentheighthoffset=\"52\" heightparentclass=\"editorarea\" class=\"diffmain\">\r\n    <div *ngIf=\"loading!=0\">\r\n        <mat-progress-bar mode=\"indeterminate\" style=\"height: 2px\"></mat-progress-bar>\r\n    </div>\r\n    <div *ngIf=\"loading==0\">\r\n        <div style=\"height: 2px;background-color: white;\"></div>\r\n    </div>\r\n    <div fxLayout=\"row\" style=\"width: 100%;background-color: white;\">\r\n        <div fxFlex style=\"text-align: left;margin: 5px;color:#03A9F4\">{{title1}}</div>\r\n        <button style=\"margin-top: -10px;transform: scale(0.9);margin-bottom: -10px;\" mat-icon-button title=\"Open: {{this._DiffEditor.File1}}\" (click)=\"open(this._DiffEditor.File1)\">\r\n                <mat-icon class=\"icon\" style=\"color:gray\">input</mat-icon>\r\n        </button> \r\n        <div style=\"text-align: right;margin: 5px;color:#ff9800\">{{title2}}</div>\r\n    </div>\r\n    <ngx-monaco-diff-editor parentheighthoffset=\"34\" heightparentclass=\"diffmain\" widthparentclass=\"diffmain\"\r\n        [options]=\"editorOptions\" (onInit)=\"onInit($event)\" class=\"editor\" [originalModel]=\"originalModel\"\r\n        [modifiedModel]=\"modifiedModel\"></ngx-monaco-diff-editor>\r\n</div>","styles":[".editor{height:calc(100% - 10px)}"]}]}],"members":{"DiffEditor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5},"arguments":["DiffEditor"]}]}],"open":[{"__symbolic":"method"}],"onInit":[{"__symbolic":"method"}],"setModel":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","name":"ɵd"}]}],"Exec":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ACURADE_LOGO_svg":"\n<svg\n   xmlns:dc=\"http://purl.org/dc/elements/1.1/\"\n   xmlns:cc=\"http://creativecommons.org/ns#\"\n   xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\"\n   xmlns:svg=\"http://www.w3.org/2000/svg\"\n   xmlns=\"http://www.w3.org/2000/svg\"\n   xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n   xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"\n   xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"\n   width=\"200\"\n   height=\"35\"\n   viewBox=\"0 0 52.916665 9.2604225\"\n   version=\"1.1\"\n   id=\"svg8\"\n   inkscape:version=\"0.92.3 (2405546, 2018-03-11)\"\n   sodipodi:docname=\"logo.svg\">\n  <defs\n     id=\"defs2\" />\n  <sodipodi:namedview\n     id=\"base\"\n     pagecolor=\"#ffffff\"\n     bordercolor=\"#666666\"\n     borderopacity=\"1.0\"\n     inkscape:pageopacity=\"0.0\"\n     inkscape:pageshadow=\"2\"\n     inkscape:zoom=\"2.8284271\"\n     inkscape:cx=\"149.23205\"\n     inkscape:cy=\"103.47161\"\n     inkscape:document-units=\"mm\"\n     inkscape:current-layer=\"layer1\"\n     showgrid=\"false\"\n     inkscape:window-width=\"1920\"\n     inkscape:window-height=\"1017\"\n     inkscape:window-x=\"3832\"\n     inkscape:window-y=\"-8\"\n     inkscape:window-maximized=\"1\"\n     units=\"px\" />\n  <metadata\n     id=\"metadata5\">\n    <rdf:RDF>\n      <cc:Work\n         rdf:about=\"\">\n        <dc:format>image/svg+xml</dc:format>\n        <dc:type\n           rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />\n        <dc:title></dc:title>\n      </cc:Work>\n    </rdf:RDF>\n  </metadata>\n  <g\n     inkscape:label=\"Ebene 1\"\n     inkscape:groupmode=\"layer\"\n     id=\"layer1\"\n     transform=\"translate(0,-287.73947)\">\n    <image\n       y=\"287.84866\"\n       x=\"-0.016049787\"\n       id=\"image3732\"\n       xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwoAAACJCAYAAACM9M/KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ\nbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp\nbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6\neD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1\nOTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo\ndHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw\ndGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEu\nMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVz\nb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1N\nOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplZDczNGNmZC1jMzE3LTliNDItYmY3Ni00YzAx\nNDU0NjRjNGYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEMwNDQ2RjY4Qzg5MTFFN0I4MDdF\nNzJBNkY5RjZCOEYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEMwNDQ2RjU4Qzg5MTFFN0I4\nMDdFNzJBNkY5RjZCOEYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcg\nKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6\nZWQ3MzRjZmQtYzMxNy05YjQyLWJmNzYtNGMwMTQ1NDY0YzRmIiBzdFJlZjpkb2N1bWVudElEPSJ4\nbXAuZGlkOmVkNzM0Y2ZkLWMzMTctOWI0Mi1iZjc2LTRjMDE0NTQ2NGM0ZiIvPiA8L3JkZjpEZXNj\n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\nRK5CYII=\n\"\n       preserveAspectRatio=\"none\"\n       height=\"9.3483505\"\n       width=\"53.087715\" />\n  </g>\n</svg>\n","Common":{"__symbolic":"class","members":{},"statics":{"isNumeric":{"__symbolic":"function","parameters":["n"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"pre","operator":"!","operand":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"isNaN"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"parseFloat"},"arguments":[{"__symbolic":"reference","name":"n"}]}]}},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"isFinite"},"arguments":[{"__symbolic":"reference","name":"n"}]}}}}},"Event":{"__symbolic":"class","arity":1,"members":{"single":[{"__symbolic":"method"}],"on":[{"__symbolic":"method"}],"off":[{"__symbolic":"method"}],"trigger":[{"__symbolic":"method"}],"triggerSingelWithRet":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵa"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":11,"character":37}]}],"haveAcces":[{"__symbolic":"method"}],"getBaseComponent":[{"__symbolic":"method"}],"_getBaseComponent":[{"__symbolic":"method"}],"registerACVariable":[{"__symbolic":"method"}],"changed":[{"__symbolic":"method"}],"acOnInit":[{"__symbolic":"method"}],"acAfterViewInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"ac-pivotvalue","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":29,"character":21},"member":"OnPush"},"template":"<div class=\"displayvalue\" title=\"{{title}}\" [ngSwitch]=\"Type\">\r\n        <div *ngSwitchCase=\"'Boolean'\">\r\n                <button class=\"button\" *ngIf=\"displayValue=='true'\" mat-raised-button color=\"accent\" (click)=\"SetBool()\">true</button>\r\n                <button class=\"buttonfalse\" *ngIf=\"displayValue=='false'\" mat-raised-button (click)=\"SetBool()\">false</button>\r\n\r\n        </div>\r\n        <div *ngSwitchCase=\"'Alarm'\">\r\n                <button class=\"button\" *ngIf=\"displayValue=='true'\" mat-raised-button color=\"accent\" (click)=\"SetBool()\">true</button>\r\n                <button class=\"buttonfalse\" *ngIf=\"displayValue=='false'\" mat-raised-button (click)=\"SetBool()\">false</button>\r\n\r\n        </div>\r\n        <div *ngSwitchCase=\"'Methode'\">\r\n                <button class=\"button\" mat-raised-button color=\"accent\" (click)=\"CallMethode()\">call</button>\r\n        </div>\r\n        <div *ngSwitchCase=\"'Number'\">\r\n                <div *ngIf=\"IsEdit==true\">\r\n                        <input #inputnum class=\"numberinput\" type=\"number\" [(ngModel)]=\"editValue\" (focusout)=\"resetFocus()\" (keypress)=\"keyPress($event)\">\r\n                </div>\r\n                <div *ngIf=\"IsEdit!=true\" (click)=\"setFocus()\">\r\n                        {{displayValue}}\r\n                </div>\r\n\r\n        </div>\r\n        <div *ngSwitchCase=\"'DateTime'\">\r\n                <div *ngIf=\"IsEdit==true\">\r\n                        <input #inputnum class=\"numberinput\" type=\"number\" [(ngModel)]=\"editValue\" (focusout)=\"resetFocus()\" (keypress)=\"keyPress($event)\">\r\n                </div>\r\n                <div *ngIf=\"IsEdit!=true\" (click)=\"setFocus()\">\r\n                        {{displayValue}}\r\n                </div>\r\n\r\n        </div>\r\n        <div *ngSwitchCase=\"'String'\">\r\n                <div *ngIf=\"IsEdit==true\">\r\n                        <input #inputstring class=\"stringinput\" type=\"string\" [(ngModel)]=\"editValue\" (focusout)=\"resetFocus()\" (keypress)=\"keyPress($event)\">\r\n                </div>\r\n                <div *ngIf=\"IsEdit!=true\" class=\"stringvalue\" (click)=\"setFocus()\">\r\n                        {{displayValue}}\r\n                </div>\r\n\r\n        </div>\r\n        <div *ngSwitchDefault>\r\n                {{displayValue}}\r\n        </div>\r\n\r\n</div>","styles":[".displayvalue{color:#03a9f4;line-height:50px;margin-left:5px;margin-right:5px;max-height:50px;overflow:hidden;text-align:center}.button{color:#fff}.button,.buttonfalse{height:22px;line-height:22px}.buttonfalse{background:#cacaca;color:#2196f3}.numberinput,.stringinput{background-color:#fff;border:0;color:#333;height:25px;text-align:center;width:90%}.stringinput,.stringvalue{font-size:75%}.stringvalue{overflow:hidden;text-overflow:ellipsis}"]}]}],"members":{"Value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5},"arguments":["Value"]}]}],"Type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5},"arguments":["Type"]}]}],"displayValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5},"arguments":["displayValue"]}]}],"inputnum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":100,"character":5},"arguments":["inputnum"]}]}],"inputstring":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":103,"character":5},"arguments":["inputstring"]}]}],"setFocus":[{"__symbolic":"method"}],"keyPress":[{"__symbolic":"method"}],"resetFocus":[{"__symbolic":"method"}],"Changed":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"SetBool":[{"__symbolic":"method"}],"CallMethode":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":177,"character":50}]}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"}]}],"SnackMessage":[{"__symbolic":"method"}],"GetInstallMessages":[{"__symbolic":"method"}],"Deploy":[{"__symbolic":"method"}],"_ResolveAfterConnect":[{"__symbolic":"method"}],"AfterConnect":[{"__symbolic":"method"}],"Connect":[{"__symbolic":"method"}],"GetRunningVersion":[{"__symbolic":"method"}],"RequestCompile":[{"__symbolic":"method"}],"GetDirectoryInfo":[{"__symbolic":"method"}],"ClearFileDict":[{"__symbolic":"method"}],"LoadFile":[{"__symbolic":"method"}],"SaveFile":[{"__symbolic":"method"}],"RenameFile":[{"__symbolic":"method"}],"DeleteFile":[{"__symbolic":"method"}],"New":[{"__symbolic":"method"}],"ClearModuleTypeDefinitionFileDict":[{"__symbolic":"method"}],"LoadNodeModuleTypeDefinitionFile":[{"__symbolic":"method"}],"GetCheckOutVersion":[{"__symbolic":"method"}],"LoadPackages":[{"__symbolic":"method"}],"CallServerProgramming":[{"__symbolic":"method"}],"CallServerFile":[{"__symbolic":"method"}],"CallServerShell":[{"__symbolic":"method"}],"AddProjectInfo":[{"__symbolic":"method"}],"createSocket":[{"__symbolic":"method"}],"_AddCallReference":[{"__symbolic":"method"}]},"statics":{"s":{"__symbolic":"reference","name":"undefined"},"myClientId":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Date"},"member":"now"}}}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ACCom"}]}],"SnackMessage":[{"__symbolic":"method"}],"_ResolveAfterConnect":[{"__symbolic":"method"}],"AfterConnect":[{"__symbolic":"method"}],"TEST":[{"__symbolic":"method"}],"CallDBServer":[{"__symbolic":"method"}]},"statics":{"s":{"__symbolic":"reference","name":"undefined"},"myClientId":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Date"},"member":"now"}}}}},"origins":{"HttpLoaderFactory":"./ac-core","IotRoutes":"./ac-core","AngularSplitModuleF":"./ac-core","MonacoEditorModuleF":"./ac-core","TranslateModuleF":"./ac-core","RouterModuleF":"./ac-core","ACCoreModule":"./ac-core","AC_COMPONENT":"./ac-core","AC_HMI":"./ac-core","AC_VAR":"./ac-core","ACCoreLightModule":"./ac-core","ACLanguageService":"./services/ac-language.service","ACValueComponent":"./components/draw-primitives/value/ac-value","AcButtonMode":"./components/draw-primitives/button/ac-button","ACButtonComponent":"./components/draw-primitives/button/ac-button","ACChartComponent":"./components/draw-primitives/chart/ac-chart","ACChartData":"./components/draw-primitives/chart/ac-chart","ACChartItem":"./components/draw-primitives/chart/ac-chart","ACIfComponent":"./components/draw-primitives/if/ac-if","ACTrendComponent":"./components/draw-primitives/trend/ac-trend","ACTrendConfigComponent":"./components/draw-primitives/trend/ac-trendconfig","TrendConfigItem":"./components/draw-primitives/trend/ac-trendconfig","acConsumptionComponent":"./components/draw-primitives/consumption/Consumption.component","Chart":"./components/draw-primitives/consumption/Consumption.component","TrendResultV2":"./components/draw-primitives/consumption/Consumption.component","ACLogbookComponent":"./components/draw-primitives/logbook/ac-logbook","LogBookItem":"./components/draw-primitives/logbook/ac-logbook","LogBookTypes":"./components/draw-primitives/logbook/ac-logbook","ACSliderComponent":"./components/draw-primitives/slider/ac-slider","ACRowComponent":"./components/draw-primitives/row/ac-row","ACProgressComponent":"./components/draw-primitives/progress/ac-progress","ACToolbarComponent":"./components/draw-primitives/toolbar/ac-toolbar","ACInputComponent":"./components/draw-primitives/input/ac-input","ACCheckboxComponent":"./components/draw-primitives/checkbox/ac-checkbox","ACTreeViewBranch":"./components/draw-primitives/treeview/ac-treeview","ACTreeViewComponent":"./components/draw-primitives/treeview/ac-treeview","ACAlarmBorderComponent":"./components/draw-primitives/alarm/ac-alarm-border","ACAlarmInstanceComponent":"./components/draw-primitives/alarm/ac-alarm-instance","AlarmInstanceItem":"./components/draw-primitives/alarm/ac-alarm-instance","ACAlarmTopComponent":"./components/draw-primitives/alarm/ac-alarm-top","ACAlarmTopVarComponent":"./components/draw-primitives/alarm/ac-alarm-top-var","ɵa":"./common/data-types/ac-base-component","ACBaseComponent":"./common/data-types/ac-base-component","ACEditorComponent":"./components/draw-primitives/editor/ac-editor","ACComponent":"./common/base-component/ac-component","MaterialModule":"./material-module","ACDynamicContainerComponent":"./components/draw-primitives/dynamic/ac-dynamic-container-component","TotalHightDirective":"./components/directives/freeze","ParentHightDirective":"./components/directives/freeze","ParentWidthDirective":"./components/directives/freeze","FreezeDirective":"./components/directives/freeze","AcRolesDirective":"./components/directives/ac-role","AcSVGDirective":"./components/directives/ac-svg","DndDirective":"./components/directives/ac-dnd","Base64FileData":"./components/directives/ac-dnd","GridResponsiveDirective":"./components/directives/ac-grid_responsive","AcInstanceDirective":"./components/directives/instance-name","AcHideInstanceDirective":"./components/directives/ac-model","AcMapInstanceDirective":"./components/directives/ac-model","AcModelDirective":"./components/directives/ac-model","AcButtonColorDirective":"./components/directives/ac-buttonColor","AcIfDirective":"./components/directives/ac-if","AcOpenPopupDirective":"./components/directives/ac-openPopup","MouseWheelDirective":"./components/directives/mousehweel","TrendSeriesDirective":"./components/directives/ngxchart.directive","AlarmColor":"./components/system/alarming/alarmview/ac-alarm-color","VirtualKeyboardComponent":"./components/system/keyboard/virtual-keyboard.component","VirtualKeyboardKeyComponent":"./components/system/keyboard/virtual-keyboard-key.component","VirtualKeyboardService":"./components/system/keyboard/virtual-keyboard.service","NgVirtualKeyboardDirective":"./components/system/keyboard/virtual-keyboard.directive","ACLoginComponent":"./components/system/user/login/ac-login.component","ACChangePWComponent":"./components/system/user/changepw/ac-changepw.component","ACIotListComponent":"./components/system/iot/iot-list/ac-iot-list.component","ACIotInstanceViewItem":"./components/system/iot/iot-instanceview/ac-iot-instanceview.component","ACIotInstanceViewComponent":"./components/system/iot/iot-instanceview/ac-iot-instanceview.component","IOTInstance":"./components/system/iot/iot-instanceview/ac-iot-instanceview.component","IOTProgram":"./components/system/iot/iot-instanceview/ac-iot-instanceview.component","ACIotTraceviewComponent":"./components/system/iot/iot-traceview/ac-iot-traceview.component","ACIotTerminalComponent":"./components/system/iot/iot-traceview/ac-iot-terminal.component","ACPivotComponent":"./components/system/iot/iot-pivot/ac-iot-pivot.component","ACIotStatusComponent":"./components/system/iot/iot-status/ac-iot-status.component","ACIotReportComponent":"./components/system/iot/iot-report/ac-iot-report.component","ACIotConfigComponent":"./components/system/iot/iot-config/ac-iot-config.component","ACIotSiteConfigComponent":"./components/system/iot/iot-siteconfig/ac-iotsite-config.component","ACIotProcessListComponent":"./components/system/iot/iot-processlist/ac-iot-processlist.component","ACIotParameterComponent":"./components/system/iot/iot-parameter/ac-iot-parameter.component","VariableListItem":"./components/system/iot/iot-parameter/ac-iot-parameter.component","ACIotBinVersionComponent":"./components/system/iot/iot-binversion/ac-iot-binversion.component","ACIotDatagridComponent":"./components/system/iot/iot-data-grid/ac-iot-datagrid.component","InstanceItem":"./components/system/iot/iot-data-grid/ac-iot-datagrid.component","ACIotMainComponent":"./components/system/iot/iot-main/ac-iot-main.component","ACUserRoleComponent":"./components/system/user/user-roles/ac-userrole.component","StringListItem":"./components/system/dialog/ac-dialog.component","ACDialogComponent":"./components/system/dialog/ac-dialog.component","ACInstancePopupComponent":"./components/system/popup/ac-popup.component","ACPopupControlerComponent":"./components/system/popup/ac-popup-controler.component","ACRootComponent":"./components/system/root/ac-root.component","ErrorMsg":"./components/system/root/ac-root.component","acRootErrorHandler":"./components/system/root/ac-root.component","ACAlarmViewComponent":"./components/system/alarming/alarmview/ac-alarmview.component","ACPopupInlineComponent":"./components/system/popupinline/ac-popupinline.component","ACTrendMainComponent":"./components/system/trending/trendmain/ac-trendmain.component","ACConsumptionMainComponent":"./components/system/consumption/ac-consumption.main.component","ChartItemCfg":"./components/system/consumption/ac-consumption.main.component","ACTrendSelectorComponent":"./components/system/trending/trendselector/ac-trendselector.component","ACTrendListItemComponent":"./components/system/trending/trendlist/ac-trendlist.component","ACTrendListComponent":"./components/system/trending/trendlist/ac-trendlist.component","TrendItem":"./components/system/trending/trendlist/ac-trendlist.component","ACLogbookMainComponent":"./components/system/logbook/logbookmain/ac-logbookmain.component","ACLogbookAdminComponent":"./components/system/logbook/logbookadmin/ac-logbookadmin.component","ACLogbookViewComponent":"./components/system/logbook/logbookview/ac-logbookview.component","ACTrendSetsComponent":"./components/system/trending/trendsets/ac-trendsets.component","TrendSetItem":"./components/system/trending/trendsets/ac-trendsets.component","ACTrendDataComponent":"./components/system/trending/trenddata/ac-trenddata.component","ACJournalMainComponent":"./components/system/journal/journalmain/ac-journalmain.component","ACDataViewComponent":"./components/system/dataview/ac-dataview.component","ACDynamicComponent":"./components/draw-primitives/dynamic/ac-dynamic-component","ACDynamicComponentParam":"./components/draw-primitives/dynamic/ac-dynamic-component","ACDynamicComponentArg":"./components/draw-primitives/dynamic/ac-dynamic-component","ACItemCanvas":"./components/draw-primitives/iview/ac-itemcanvas","ACItemSelect":"./components/draw-primitives/iview/ac-itemeselect","ACItemFrame":"./components/draw-primitives/iview/ac-itemframe","ACItemPropertyList":"./components/draw-primitives/iview/ac-itempropertylist","ACItemLayer":"./components/draw-primitives/iview/ac-itemlayer","ACScadaEditor":"./components/draw-primitives/iview/ac-scadaeditor","ACScadaEditorControl":"./components/draw-primitives/iview/ac-scadaeditor","WebReturn":"./services/ac-com.service","ACCom":"./services/ac-com.service","ACTenantInfo":"./services/ac-com.service","UpDownloadProgress":"./services/ac-com.service","Unit":"./services/ac-com.service","ServerInfo":"./services/ac-com.service","SQLFastTrendData":"./services/ac-com.service","SQLProcedureResult":"./services/ac-com.service","ServerInfoHttp":"./services/ac-com.service","SetValues":"./services/ac-com.service","TrendDataResult":"./services/ac-com.service","TrendDataValue":"./services/ac-com.service","ValueItem":"./services/ac-com.service","ACInstanceViewService":"./components/draw-primitives/iview/ac-instanceview.service","PanelForClassItem":"./components/draw-primitives/iview/ac-instanceview.service","ACViewData":"./components/draw-primitives/iview/ac-instanceview.service","ACViewLayer":"./components/draw-primitives/iview/ac-instanceview.service","ACEditorInterface":"./components/draw-primitives/iview/ac-instanceview.service","ACViewItemInstanceProperties":"./components/draw-primitives/iview/ac-instanceview.service","ACViewItemHtmlProperties":"./components/draw-primitives/iview/ac-instanceview.service","ACViewItem":"./components/draw-primitives/iview/ac-instanceview.service","ACTrendService":"./services/ac-trend.service","TrendResultSet":"./services/ac-trend.service","TrendResultLine":"./services/ac-trend.service","TrendResultData":"./services/ac-trend.service","TrendResultHeader":"./services/ac-trend.service","TrendSetLine":"./services/ac-trend.service","TrendSet":"./services/ac-trend.service","ACUtils":"./services/ac-utils.service","Routes":"./services/ac-utils.service","InstanceRouteEntry":"./services/ac-utils.service","ACComponentDecorator":"./services/ac-utils.service","ACHMIDecorator":"./services/ac-utils.service","DialogData":"./services/ac-utils.service","DialogDataItem":"./services/ac-utils.service","PopupData":"./services/ac-utils.service","AlarmServer":"./services/ac-alarm.service","InstanceAlarmInfo":"./services/ac-alarm.service","AlarmItem":"./services/ac-alarm.service","AlarmExtFilterList":"./services/ac-alarm.service","AlarmInstance":"./services/ac-alarm.service","ANNOTATIONS":"./services/ac-instance-lookup.service","InstanceLookupService":"./services/ac-instance-lookup.service","ACDBService":"./services/ac-db.service","DBProperty":"./services/ac-db.service","DBClass":"./services/ac-db.service","DBInstance":"./services/ac-db.service","CloudDBMainComponent":"./components/system/cloud_db/cloud_db-main.component","ACIotPMainComponent":"./components/system/iot-programming/ac-iotprog-main.component","ACIotPNavigationComponent":"./components/system/iot-programming/navigation/ac-iotprog-navigation.component","ACIotPFileItemComponent":"./components/system/iot-programming/navigation/ac-iotprog-fileitem.component","ACIotPWorkComponent":"./components/system/iot-programming/work/ac-iotprog-work.component","ACIotPInfoComponent":"./components/system/iot-programming/info/ac-iotprog-info.component","FindInFile":"./components/system/iot-programming/info/ac-iotprog-info.component","FindInFilesResult":"./components/system/iot-programming/info/ac-iotprog-info.component","OutputMsg":"./components/system/iot-programming/info/ac-iotprog-info.component","CompileMessageDetail":"./components/system/iot-programming/info/ac-iotprog-info.component","Log":"./components/system/iot-programming/info/ac-iotprog-info.component","ACIotPDiffComponent":"./components/system/iot-programming/editors/ac-iotprog-diff.component","ACURADE_LOGO_svg":"./common/misc/logo","Common":"./common/misc/common","Event":"./common/misc/event","ɵb":"./components/draw-primitives/base/ac-base-primitive","ɵc":"./components/system/iot/iot-pivot/ac-iot-pivot-value.component","ɵd":"./components/system/iot-programming/ac-iot-programming.service","ɵe":"./components/system/cloud_db/cloud_db.service"},"importAs":"acurade-g5-scada"}