{"__symbolic":"module","version":4,"metadata":{"getProduction":{"__symbolic":"function"},"getLoginEndPoint":{"__symbolic":"function"},"createTranslateLoader":{"__symbolic":"function","parameters":["http"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"ngx-translate-multi-http-loader","name":"MultiTranslateHttpLoader","line":44,"character":13},"arguments":[{"__symbolic":"reference","name":"http"},[{"prefix":"assets/i18n/common/","suffix":".json"},{"prefix":"assets/i18n/console/","suffix":".json"}]]}},"SerengetiRemoteConsoleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":50,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AppComponent"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"RemoteConsoleComponent"},{"__symbolic":"reference","name":"ClipboardModalComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":70,"character":4},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":73,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":74,"character":4},"member":"forRoot"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":76,"character":17},"useFactory":{"__symbolic":"reference","name":"createTranslateLoader"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":78,"character":15}]}}]},{"__symbolic":"reference","name":"ɵn"}],"providers":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":84,"character":4},{"__symbolic":"reference","name":"ɵf"}],"exports":[{"__symbolic":"reference","name":"RemoteConsoleComponent"},{"__symbolic":"reference","name":"ClipboardModalComponent"}],"bootstrap":[{"__symbolic":"reference","name":"AppComponent"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":98,"character":25},{"__symbolic":"reference","name":"ɵf"}]}]},"statics":{"environment":null,"forRoot":{"__symbolic":"function","parameters":["environment"],"value":{"ngModule":{"__symbolic":"reference","name":"SerengetiRemoteConsoleModule"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵf"},"useValue":{"__symbolic":"reference","name":"ɵo"}}]}}}},"AppComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-root","template":"<div class=\"mat-drawer-content\">\n  <lib-remote-console [instance]=\"instance\" [setting]=\"{ showStatusbar: true, showToolbar: true }\"></lib-remote-console>\n</div>\n","styles":["#wrapper{width:100%;background:#ff0;margin:0 auto}#footer ul{text-align:center;list-style-type:none}#footer li{display:inline;font-size:18px;padding:6px 12px}#footer a{text-decoration:none}#footer a:hover{background:green;color:#ff0}"]}]}],"members":{"remoteConsole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":[{"__symbolic":"reference","name":"RemoteConsoleComponent"},{"static":false}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"RemoteConsoleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"lib-remote-console","template":" <div #vdiContainer class=\"vdi-container\">\n\t<ngx-remote-desktop [manager]=\"manager\" [setting]=\"setting\"\n\t\t(onStateChanged)=\"onStateChange($event)\"\n\t\t(onWindowResized)=\"onWindowResized($event)\">\n   \t\t<!-- Toolbar items -->\n\t\t<ngx-remote-desktop-toolbar-item align=\"left\" (click)=\"handleScreenshot()\">\n\t\t\t<i class=\"fa fa-camera-retro\"></i>\n\t\t\t<span translate>lib.console.content.snapshot</span>\n\t\t</ngx-remote-desktop-toolbar-item>\n\t\t<ngx-remote-desktop-toolbar-item align=\"left\" *ngIf=\"manager.isConnected()\" (click)=\"handleClipboard()\" >\n\t\t\t<i class=\"fa fa-clipboard\"> </i>\n\t\t\t<span translate>lib.console.content.clipboard</span>\n\t\t</ngx-remote-desktop-toolbar-item>\n\t\t<ngx-remote-desktop-toolbar-item align=\"right\" *ngIf=\"manager.isConnected()\" (click)=\"handleDisconnect()\">\n\t\t\t<i class=\"fa fa-sign-out\"> </i>\n\t\t\t<span translate>lib.console.content.disconnect</span>\n\t\t</ngx-remote-desktop-toolbar-item>\n\t\t<ngx-remote-desktop-toolbar-item align=\"right\" (click)=\"handleEnterFullScreen()\" *ngIf=\"!manager.isFullScreen() && manager.isConnected()\">\n\t\t\t<i class=\"fa fa-expand\" aria-hidden=\"true\"></i>\n\t\t\t<span translate>lib.console.content.enter-full-screen</span>\n\t\t</ngx-remote-desktop-toolbar-item>\n\t\t<ngx-remote-desktop-toolbar-item align=\"right\" (click)=\"handleExitFullScreen()\" *ngIf=\"manager.isFullScreen() && manager.isConnected()\">\n\t\t\t<i class=\"fa fa-compress\" aria-hidden=\"true\"></i>\n\t\t\t<span translate>lib.console.content.exit-full-screen</span>\n\t\t</ngx-remote-desktop-toolbar-item>\n\n\t\t<!-- Override connection state messages -->\n\t\t<ngx-remote-desktop-connecting-message>\n\t\t\t<div class=\"ngx-remote-desktop-message-title ngx-remote-desktop-message-title-success\">\n\t\t\t\t<span translate>lib.console.content.state.connecting</span>\n\t\t\t</div>\n\t\t\t<div class=\"ngx-remote-desktop-message-body\">\n\t\t\t\t<span translate>lib.console.content.connecting</span>\n\t\t\t</div>\n\t\t</ngx-remote-desktop-connecting-message>\n\n\t\t<ngx-remote-desktop-disconnected-message>\n\t\t\t<div class=\"ngx-remote-desktop-message-title ngx-remote-desktop-message-title-success\">\n\t\t\t\t<span translate>lib.console.content.state.disconnected</span>\n\t\t\t</div>\n\t\t\t<div class=\"ngx-remote-desktop-message-body\">\n\t\t\t\t<span translate>lib.console.content.disconnected</span>\n\t\t\t\t<br/>\n\t\t\t\t<button mat-raised-button color=\"primary\" (click)=\"manager.onReconnect.next(true)\" class=\"ngx-remote-desktop-message-body-btn\">\n\t\t\t\t\t<mat-icon>connected_tv</mat-icon>\n\t\t\t\t\t<span translate>lib.console.button.reconnect</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</ngx-remote-desktop-disconnected-message>\n\n\t\t<ngx-remote-desktop-error-message>\n\t\t\t<div class=\"ngx-remote-desktop-message-title ngx-remote-desktop-message-title-error\">\n\t\t\t\t<span translate>lib.console.content.state.error</span>\n\t\t\t</div>\n\t\t\t<div class=\"ngx-remote-desktop-message-body\">\n\t\t\t\t<span translate>lib.console.content.error</span>\n\t\t\t\t<br/>\n\t\t\t\t<button mat-raised-button color=\"primary\" (click)=\"manager.onReconnect.next(true)\" class=\"ngx-remote-desktop-message-body-btn\">\n\t\t\t\t\t<mat-icon>connected_tv</mat-icon>\n\t\t\t\t\t<span translate>lib.console.button.reconnect</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</ngx-remote-desktop-error-message>\n\n\t\t<!-- Status bar -->\n\t\t<ngx-remote-desktop-status-bar *ngIf=\"manager.isConnected() && setting.showStatusbar\">\n\t\t\t<ngx-remote-desktop-status-bar-item>\n\t\t\t\t<span translate [translateParams]=\"{name : manager.getInstance().name, ip: manager.getInstance().publicIp }\">lib.console.content.connected-to</span>\n\t\t\t</ngx-remote-desktop-status-bar-item>\n\t\t\t<ngx-remote-desktop-status-bar-item>\n\t\t\t\t<strong class=\"powered-by\"><span translate>lib.console.content.powered-by</span></strong>\n\t\t\t</ngx-remote-desktop-status-bar-item>\n\t\t</ngx-remote-desktop-status-bar>\n\t\t\n\t</ngx-remote-desktop>\n</div>","styles":["::ng-deep ngx-remote-desktop{font-family:monospace;font-size:12px;background:#fff;width:100%;height:100%;max-height:100%;flex-direction:column;display:flex;overflow:hidden}::ng-deep ngx-remote-desktop .ngx-remote-desktop{flex:1}::ng-deep ngx-remote-desktop .ngx-remote-desktop-status-bar-hidden{display:none}::ng-deep ngx-remote-desktop .ngx-remote-desktop-status-bar{flex:0 0 20px;height:30px;width:100%;display:flex;background:#272a31;font-weight:400;font-size:14px;font-family:monospace;color:#fff;padding-left:10px;border-top:1px solid #131418;justify-content:space-between}::ng-deep ngx-remote-desktop .ngx-remote-desktop-status-bar a,::ng-deep ngx-remote-desktop .ngx-remote-desktop-status-bar strong{padding-right:2px;padding-left:2px;color:#fff;font-weight:700;text-decoration:underline}::ng-deep ngx-remote-desktop .ngx-remote-desktop-status-bar strong{text-decoration:none}::ng-deep ngx-remote-desktop .ngx-remote-desktop-status-bar a{text-decoration:none;outline:0}::ng-deep ngx-remote-desktop .ngx-remote-desktop-status-bar .ngx-remote-desktop-status-bar{flex:1}::ng-deep ngx-remote-desktop .ngx-remote-desktop-toolbar{flex:0 0 35px;height:35px;width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #131418;background:#272a31;font-weight:700}::ng-deep ngx-remote-desktop .ngx-remote-desktop-toolbar .ngx-remote-desktop-toolbar-items{display:flex;flex-direction:row;padding-left:0;margin-bottom:0;margin-top:0;list-style:none}::ng-deep ngx-remote-desktop .ngx-remote-desktop-toolbar .ngx-remote-desktop-toolbar-items ngx-remote-desktop-toolbar-item{line-height:18px;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;padding:.5em;color:#fff;font-weight:400;font-size:14px}::ng-deep ngx-remote-desktop .ngx-remote-desktop-toolbar .ngx-remote-desktop-toolbar-items .ngx-remote-desktop-toolbar-item:hover{cursor:pointer;color:#fff}::ng-deep ngx-remote-desktop .ngx-remote-desktop-toolbar.ngx-remote-desktop-toolbar-fullscreen{position:absolute;top:0;left:0;width:170px;height:100%;z-index:1000;flex-flow:column wrap;border-right:1px solid #131418;border-bottom:none}::ng-deep ngx-remote-desktop .ngx-remote-desktop-toolbar.ngx-remote-desktop-toolbar-fullscreen .ngx-remote-desktop-toolbar-items{flex-direction:column}::ng-deep ngx-remote-desktop .ngx-remote-desktop-container{display:flex;flex:1;flex-direction:column;overflow:hidden}::ng-deep ngx-remote-desktop .ngx-remote-desktop-viewport{border:1px solid #272a31;position:relative;display:flex;flex:1;justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;background:#272a31}::ng-deep ngx-remote-desktop .ngx-remote-desktop-message{flex-direction:column;align-items:center;justify-content:center;display:flex;padding:20px;word-wrap:break-word}::ng-deep ngx-remote-desktop .ngx-remote-desktop-message .ngx-remote-desktop-message-title{margin-bottom:.75rem;font-size:1.25rem}::ng-deep ngx-remote-desktop .ngx-remote-desktop-message .ngx-remote-desktop-message-title-success{color:#28a745}::ng-deep ngx-remote-desktop .ngx-remote-desktop-message .ngx-remote-desktop-message-title-error{color:#dc3545}::ng-deep ngx-remote-desktop .ngx-remote-desktop-message .ngx-remote-desktop-message-body .ngx-remote-desktop-message-body-btn{cursor:pointer}.vdi-container{height:100vh;display:block}.vdi-container ::ng-deep .ngx-remote-desktop-toolbar{color:#fff;background-color:#00a1ff}.vdi-container ::ng-deep .ngx-remote-desktop-message button{width:100%}i.fa{margin-right:8px}.powered-by{margin-right:32px}"]}]}],"members":{"instance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":2}}]}],"setting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":2}}]}],"remoteDesktop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":2},"arguments":[{"__symbolic":"reference","name":"ɵa"},{"static":false}]}]}],"vdiContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":53,"character":2},"arguments":["vdiContainer",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":70,"character":3}}]],"parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":65,"character":9},{"__symbolic":"reference","module":"@serengeti/serengeti-common","name":"LoginService","line":66,"character":24},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":67,"character":18},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModal","line":68,"character":20},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":69,"character":20},{"__symbolic":"reference","name":"ɵf"}]}],"handleResize":[{"__symbolic":"method"}],"handleScreenshot":[{"__symbolic":"method"}],"createModal":[{"__symbolic":"method"}],"handleDisconnect":[{"__symbolic":"method"}],"handleEnterFullScreen":[{"__symbolic":"method"}],"handleExitFullScreen":[{"__symbolic":"method"}],"handleClipboard":[{"__symbolic":"method"}],"handleConnect":[{"__symbolic":"method"}],"handleInputListeners":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onStateChange":[{"__symbolic":"method"}],"onWindowResized":[{"__symbolic":"method"}]}},"ClipboardModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-remote-console-clipboard-modal","template":"<div class=\"modal-header\">\n\t<h4 class=\"modal-title\">\n\t\t<span translate>lib.console.clipboard.title</span>\n\t</h4>\n\t<button type=\"button\" class=\"close\" title=\"{{ 'lib.console.clipboard.button.close' | translate }}\" (click)=\"close()\">\n\t\t<span class=\"close-mark\" aria-hidden=\"true\">&times;</span>\n\t</button>\n</div>\n<div class=\"modal-body\">\n\t<p class=\"guide\" translate [innerHtml]=\"'lib.console.clipboard.content.desc' | translate\"></p>\n\t<form>\n\t\t<div class=\"form-group\">\n\t\t\t<textarea rows=10 [(ngModel)]=\"text\" name=\"text\"></textarea>\n\t\t</div>\n\t</form>\n</div>\n<div class=\"modal-footer\">\n\t<button type=\"button\"\n\t\t\tclass=\"btn btn-primary\"\n\t\t\t(click)=\"submit()\" \n\t\t\t[disabled]=\"text.length === 0\">\n\t\t<mat-icon>content_paste</mat-icon>\n\t\t<span translate>lib.console.clipboard.button.send</span>\n\t</button>\n\t<button type=\"button\" class=\"btn btn-outline-dark\" (click)=\"close()\">\n\t\t<mat-icon>clear</mat-icon>\n\t\t<span translate>lib.console.clipboard.button.close</span>\n\t</button>\n</div>\n","styles":[".modal-header .close{margin:0;padding:0}p.guide{border:1px solid;border-radius:4px;padding:10px;font-weight:700;background-color:#20b2aa}button span:not(.close-mark){vertical-align:top;line-height:2}"]}]}],"members":{"manager":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":2}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbActiveModal","line":30,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"ngx-remote-desktop","template":"\n\t\t<div class=\"ngx-remote-desktop\" #container>\n\t\t\t<!-- Toolbar items template -->\n\t\t\t<ng-template #toolbarItems>\n\t\t\t\t<ul class=\"ngx-remote-desktop-toolbar-items\">\n\t\t\t\t\t<ng-content select='ngx-remote-desktop-toolbar-item[align=left]'></ng-content>\n\t\t\t\t</ul>\n\t\t\t\t<ul class=\"ngx-remote-desktop-toolbar-items\">\n\t\t\t\t\t<ng-content select='ngx-remote-desktop-toolbar-item[align=right]'></ng-content>\n\t\t\t\t</ul>\n\t\t\t</ng-template>\n\t\t\t<!-- End toolbar items template -->\n\t\t\t<!-- Normal toolbar -->\n\t\t\t<nav class=\"ngx-remote-desktop-toolbar\" *ngIf=\"!manager.isFullScreen() && setting.showToolbar\" >\n\t\t\t\t<template [ngTemplateOutlet]=\"toolbarItems\"></template>\n\t\t\t</nav>\n\t\t\t<!-- End normal toolbar -->\n\t\t\t<!-- Full screen toolbar -->\n\t\t\t<nav class=\"ngx-remote-desktop-toolbar ngx-remote-desktop-toolbar-fullscreen\" *ngIf=\"manager.isFullScreen() && setting.showToolbar\"\n\t\t\t\t[@toolbarAnimation]=\"toolbarVisible\" #toolbar>\n\t\t\t\t<template [ngTemplateOutlet]=\"toolbarItems\"></template>\n\t\t\t</nav>\n\t\t\t<!-- End full screen toolbar -->\n\t\t\t<section class=\"ngx-remote-desktop-container\">\n\t\t\t\t<!-- Connecting message -->\n\t\t\t\t<div *ngIf=\"(state|async) === states.CONNECTING\">\n\t\t\t\t\t<div class=\"ngx-remote-desktop-message\" *ngIf=\"connectingMessage\" >\n\t\t\t\t\t\t<ng-content select=\"ngx-remote-desktop-connecting-message\"></ng-content>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ngx-remote-desktop-message  *ngIf=\"!connectingMessage\"\n\t\t\t\t\t\ttitle=\"lib.console.content.state.connecting\"\n\t\t\t\t\t\tmessage=\"lib.console.content.connecting\"\n\t\t\t\t\t\ttype=\"success\">\n\t\t\t\t\t</ngx-remote-desktop-message>\n\t\t\t\t</div>\n\t\t\t\t<!-- End connecting message -->\n\n\t\t\t\t<!-- Disconnected message -->\n\t\t\t\t<div *ngIf=\"(state|async) === states.DISCONNECTED\">\n\t\t\t\t\t<div class=\"ngx-remote-desktop-message\" *ngIf=\"disconnectedMessage\">\n\t\t\t\t\t\t<ng-content select=\"ngx-remote-desktop-disconnected-message\"></ng-content>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<!-- End disconnected message -->\n\t\t\t\t<!-- Error message -->\n\t\t\t\t<div *ngIf=\"(state|async) === states.ERROR\">\n\t\t\t\t\t<div class=\"ngx-remote-desktop-message\" *ngIf=\"errorMessage\">\n\t\t\t\t\t\t<ng-content select=\"ngx-remote-desktop-error-message\"></ng-content>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<!-- End error message -->\n\t\t\t\t<!-- Display -->\n\t\t\t\t<ngx-remote-desktop-display #dislay *ngIf=\"(state|async) === states.CONNECTED\"\n\t\t\t\t\t[manager]=\"manager\"\n\t\t\t\t\t(onMouseMove)=\"handleDisplayMouseMove($event)\"\n\t\t\t\t\t(onWindowResized)=\"handleWindowResize($event)\">\n\t\t\t\t</ngx-remote-desktop-display>\n\t\t\t\t<!-- End display -->\n\t\t\t</section>\n\t\t\t<section [class.ngx-remote-desktop-status-bar-hidden]=\"manager.isFullScreen()\">\n\t\t\t\t<ng-content select=\"ngx-remote-desktop-status-bar\"></ng-content>\n\t\t\t</section>\n\t\t</div>\n\t","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":94,"character":16},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":95,"character":18},"member":"Default"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":97,"character":3},"arguments":["toolbarAnimation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":98,"character":5},"arguments":["1",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":98,"character":16},"arguments":[{"transform":"translateX(0%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":99,"character":5},"arguments":["0",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":99,"character":16},"arguments":[{"transform":"translateX(-100%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":100,"character":5},"arguments":["1 => 0",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":100,"character":26},"arguments":["200ms 200ms ease-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":101,"character":5},"arguments":["0 => 1",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":101,"character":26},"arguments":["225ms ease-in"]}]}]]}],"styles":["button .mat-icon{margin-right:8px}"]}]}],"members":{"manager":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":2}}]}],"setting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":2}}]}],"onStateChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":121,"character":2}}]}],"onWindowResized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":126,"character":2}}]}],"connectingMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":145,"character":2},"arguments":[{"__symbolic":"reference","name":"ɵb"},{"static":false}]}]}],"disconnectedMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":148,"character":2},"arguments":[{"__symbolic":"reference","name":"ɵc"},{"static":false}]}]}],"errorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":151,"character":2},"arguments":[{"__symbolic":"reference","name":"ɵd"},{"static":false}]}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":154,"character":2},"arguments":["container",{"static":false}]}]}],"toolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":157,"character":2},"arguments":["toolbar",{"static":false}]}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":160,"character":2},"arguments":[{"__symbolic":"reference","name":"ɵe"},{"static":false}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"bindSubscriptions":[{"__symbolic":"method"}],"unbindSubscriptions":[{"__symbolic":"method"}],"setState":[{"__symbolic":"method"}],"handleState":[{"__symbolic":"method"}],"handleWindowResize":[{"__symbolic":"method"}],"exitFullScreen":[{"__symbolic":"method"}],"enterFullScreen":[{"__symbolic":"method"}],"handleFullScreen":[{"__symbolic":"method"}],"handleToolbar":[{"__symbolic":"method"}],"handleDisplayMouseMove":[{"__symbolic":"method"}],"onDocumentMousemove":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":302,"character":2},"arguments":["document:mousemove",["$event"]]}]}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-remote-desktop-connecting-message","host":{"class":"ngx-remote-desktop-message"},"template":"\n        <ng-content></ng-content>\n    "}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-remote-desktop-disconnected-message","host":{"class":"ngx-remote-desktop-message"},"template":"\n        <ng-content></ng-content>\n    "}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"ngx-remote-desktop-error-message","host":{"class":"ngx-remote-desktop-message"},"template":"\n        <ng-content></ng-content>\n    "}]}],"members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"ngx-remote-desktop-display","host":{"class":"ngx-remote-desktop-viewport"},"template":"\n        <div class=\"ngx-remote-desktop-display\" #display>\n        </div>\n    ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"}}]}],"members":{"onMouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"onWindowResized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"manager":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":["display",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":63,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":63,"character":62}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"bindSubscriptions":[{"__symbolic":"method"}],"unbindSubscriptions":[{"__symbolic":"method"}],"handleFocused":[{"__symbolic":"method"}],"onWindowBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":118,"character":3},"arguments":["window:blur",["$event"]]}]}],"onWindowResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":127,"character":3},"arguments":["window:resize",["$event"]]}]}],"createDisplayCanvas":[{"__symbolic":"method"}],"setDisplayScale":[{"__symbolic":"method"}],"getDisplay":[{"__symbolic":"method"}],"getClient":[{"__symbolic":"method"}],"calculateDisplayScale":[{"__symbolic":"method"}],"createDisplay":[{"__symbolic":"method"}],"removeDisplay":[{"__symbolic":"method"}],"bindDisplayInputListeners":[{"__symbolic":"method"}],"removeDisplayInputListeners":[{"__symbolic":"method"}],"createDisplayInputs":[{"__symbolic":"method"}],"handleMouseState":[{"__symbolic":"method"}],"resetKeyboard":[{"__symbolic":"method"}],"handleKeyDown":[{"__symbolic":"method"}],"handleKeyUp":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"serviceLoginCoreEndPoint":"https://serengeti.aifrica.co.kr/api.login/auth/v1/handle/","serviceConsoleCoreEndPoint":"https://serengeti.aifrica.co.kr/api.console/console/v1/handle/","serviceCoreEndPoint":"http://localhost:30039/","serviceDomainEndPoint":"http://localhost:4200","ngInjectableDef":{}}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-app-home","template":"come here","styles":[".home{width:calc(100% - 20px);height:calc(100% - 20px);margin:10px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngx-remote-desktop-toolbar-item","template":"\n        <ng-content></ng-content>\n    "}]}],"members":{"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngx-remote-desktop-status-bar","template":"<ng-content select=\"ngx-remote-desktop-status-bar-item\"></ng-content>","host":{"class":"ngx-remote-desktop-status-bar"}}]}],"members":{}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngx-remote-desktop-status-bar-item","template":"<ng-content></ng-content>","host":{"class":"ngx-remote-desktop-status-bar-item"}}]}],"members":{}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ngx-remote-desktop-message","template":"\n    "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":9,"character":12},"member":"forRoot"},"arguments":[[{"path":"main","component":{"__symbolic":"reference","name":"ɵg"}}]]}],"exports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":10,"character":12}]}]}],"members":{}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":33,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":35,"character":2},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":36,"character":2},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":37,"character":2},{"__symbolic":"reference","module":"@angular/material/button-toggle","name":"MatButtonToggleModule","line":38,"character":2},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":39,"character":2},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":40,"character":2},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":41,"character":2},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":42,"character":2},{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":43,"character":2},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":44,"character":2},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":45,"character":2},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":46,"character":2},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":47,"character":2},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":48,"character":2},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":49,"character":2},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":50,"character":2},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":51,"character":2},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":52,"character":2},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":53,"character":2},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":54,"character":2},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":55,"character":2},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":56,"character":2},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":57,"character":2},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":58,"character":2},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":59,"character":2},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":60,"character":2},{"__symbolic":"reference","module":"@angular/material/tree","name":"MatTreeModule","line":61,"character":2},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":62,"character":2},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":63,"character":2}],"exports":[{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":66,"character":2},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":67,"character":2},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":68,"character":2},{"__symbolic":"reference","module":"@angular/material/button-toggle","name":"MatButtonToggleModule","line":69,"character":2},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":70,"character":2},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":71,"character":2},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":72,"character":2},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":73,"character":2},{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":74,"character":2},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":75,"character":2},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":76,"character":2},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":77,"character":2},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":78,"character":2},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":79,"character":2},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":80,"character":2},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":81,"character":2},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":82,"character":2},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":83,"character":2},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":84,"character":2},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":85,"character":2},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":86,"character":2},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":87,"character":2},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":88,"character":2},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":89,"character":2},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":90,"character":2},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":91,"character":2},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":92,"character":2},{"__symbolic":"reference","module":"@angular/material/tree","name":"MatTreeModule","line":93,"character":2},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":94,"character":2},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":95,"character":2}]}]}],"members":{}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[],"imports":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@serengeti/serengeti-common","name":"SerengetiCommonModule","line":10,"character":4},"member":"forRoot"},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵo"},"member":"commonOptions"}]}],"exports":[{"__symbolic":"reference","module":"@serengeti/serengeti-common","name":"SerengetiCommonModule","line":13,"character":4}]}]}],"members":{}},"ɵo":{"production":false,"commonOptions":{"createTranslateLoader":{"__symbolic":"reference","name":"createTranslateLoader"},"getLoginEndPoint":{"__symbolic":"reference","name":"getLoginEndPoint"},"getProduction":{"__symbolic":"reference","name":"getProduction"}}}},"origins":{"getProduction":"./src/app/app.module","getLoginEndPoint":"./src/app/app.module","createTranslateLoader":"./src/app/app.module","SerengetiRemoteConsoleModule":"./src/app/app.module","AppComponent":"./src/app/app.component","RemoteConsoleComponent":"./src/app/console/console.component","ClipboardModalComponent":"./src/app/console/clipboard/clipboardmodal.component","ɵa":"./src/app/console/ngx-remote-desktop/components/remote-desktop.component","ɵb":"./src/app/console/ngx-remote-desktop/components/messages/connecting-message.component","ɵc":"./src/app/console/ngx-remote-desktop/components/messages/disconnected-message.component","ɵd":"./src/app/console/ngx-remote-desktop/components/messages/error-message.component","ɵe":"./src/app/console/ngx-remote-desktop/components/display.component","ɵf":"./src/Configuration","ɵg":"./src/app/common/home/home.component","ɵh":"./src/app/console/ngx-remote-desktop/components/toolbar-item.component","ɵi":"./src/app/console/ngx-remote-desktop/components/status-bar.component","ɵj":"./src/app/console/ngx-remote-desktop/components/status-bar-item.component","ɵk":"./src/app/console/ngx-remote-desktop/components/message.component","ɵl":"./src/app/app-routing.module","ɵm":"./src/modules/material.module","ɵn":"./src/modules/common.ui.module","ɵo":"./src/environments/environment"},"importAs":"@serengeti/serengeti-remote-console"}