@illgrenoble/ngx-remote-desktop - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

additional-doc/styling.md

@@ -21,1 +21,3 @@ # Styling
 			 - `ngx-remote-desktop-message-body`: Body of the message
+	- `ngx-remote-desktop-status-bar`: Status bar
+		`ngx-remote-desktop-status-bar-item`: Status bar item

additional-doc/usage.md

@@ -44,3 +44,3 @@ # Usage
             <ngx-remote-desktop-status-bar *ngIf="manager.isConnected()">
-                Hello world!
+                <ngx-remote-desktop-status-bar-item>Hello world!</ngx-remote-desktop-status-bar-item>
             </ngx-remote-desktop-status-bar>
@@ -47,0 +47,0 @@ </ngx-remote-desktop>

demo/app/app.component.ts

@@ -1,9 +0,10 @@
-import { Component, OnInit, Input, ViewEncapsulation } from '@angular/core';
+import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { MatSnackBar } from '@angular/material';
+import { ActivatedRoute } from '@angular/router';
+import { WebSocketTunnel } from '@illgrenoble/guacamole-common-js';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { ClipboardModalComponent } from './components';
 import * as FileSaver from 'file-saver';
+
 import { RemoteDesktopManager } from '../../src/services';
-import { WebSocketTunnel } from '@illgrenoble/guacamole-common-js';
-import { MatSnackBar } from '@angular/material';
-import { ActivatedRoute } from '@angular/router';
+import { ClipboardModalComponent } from './components';
 
@@ -10,0 +11,0 @@ @Component({

package.json

 {
   "name": "@illgrenoble/ngx-remote-desktop",
   "description": "ngx-remote-desktop is an Angular2+ module for connecting to a remote desktop using the guacamole protocol",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
@@ -6,0 +6,0 @@ "main": "release/index.js",

release/components/display.component.d.ts

@@ -1,5 +0,6 @@
-import { ElementRef, OnInit, OnDestroy, AfterViewChecked } from '@angular/core';
+import { AfterViewChecked, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 export declare class DisplayComponent implements OnInit, OnDestroy, AfterViewChecked {
     private viewport;
+    private renderer;
     /**
@@ -26,3 +27,3 @@ * Emit the mouse move events to any subscribers
     private subscriptions;
-    constructor(viewport: ElementRef);
+    constructor(viewport: ElementRef, renderer: Renderer2);
     /**
@@ -84,2 +85,6 @@ * Create the display canvas when initialising the component
     /**
+     * Remove the display
+     */
+    private removeDisplay();
+    /**
      * Bind input listeners for keyboard and mouse
@@ -86,0 +91,0 @@ */

release/components/display.component.js

@@ -17,4 +17,5 @@ "use strict";
 var DisplayComponent = /** @class */ (function () {
-    function DisplayComponent(viewport) {
+    function DisplayComponent(viewport, renderer) {
         this.viewport = viewport;
+        this.renderer = renderer;
         /**
@@ -43,2 +44,3 @@ * Emit the mouse move events to any subscribers
     DisplayComponent.prototype.ngOnDestroy = function () {
+        this.removeDisplay();
         this.removeDisplayInputListeners();
@@ -130,9 +132,14 @@ this.unbindSubscriptions();
         var element = this.display.nativeElement;
-        while (element.firstChild) {
-            element.removeChild(element.firstChild);
-        }
         var display = this.getDisplay();
-        element.appendChild(display.getElement());
+        this.renderer.appendChild(element, display.getElement());
     };
     /**
+     * Remove the display
+     */
+    DisplayComponent.prototype.removeDisplay = function () {
+        var element = this.display.nativeElement;
+        var display = this.getDisplay();
+        this.renderer.removeChild(element, display.getElement());
+    };
+    /**
      * Bind input listeners for keyboard and mouse
@@ -227,5 +234,6 @@ */
             host: { class: 'ngx-remote-desktop-viewport' },
-            template: "\n        <div class=\"ngx-remote-desktop-display\" #display>\n        </div>\n    "
+            template: "\n        <div class=\"ngx-remote-desktop-display\" #display>\n        </div>\n    ",
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush
         }),
-        __metadata("design:paramtypes", [core_1.ElementRef])
+        __metadata("design:paramtypes", [core_1.ElementRef, core_1.Renderer2])
     ], DisplayComponent);
@@ -232,0 +240,0 @@ return DisplayComponent;

release/components/display.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"DisplayComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ngx-remote-desktop-display","host":{"class":"ngx-remote-desktop-viewport"},"template":"\n        <div class=\"ngx-remote-desktop-display\" #display>\n        </div>\n    "}]}],"members":{"onMouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"manager":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["display"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__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"},"arguments":["window:blur",["$event"]]}]}],"onWindowResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["window:resize",["$event"]]}]}],"createDisplayCanvas":[{"__symbolic":"method"}],"setDisplayScale":[{"__symbolic":"method"}],"getDisplay":[{"__symbolic":"method"}],"getClient":[{"__symbolic":"method"}],"calculateDisplayScale":[{"__symbolic":"method"}],"createDisplay":[{"__symbolic":"method"}],"bindDisplayInputListeners":[{"__symbolic":"method"}],"removeDisplayInputListeners":[{"__symbolic":"method"}],"createDisplayInputs":[{"__symbolic":"method"}],"handleMouseState":[{"__symbolic":"method"}],"resetKeyboard":[{"__symbolic":"method"}],"handleKeyDown":[{"__symbolic":"method"}],"handleKeyUp":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"DisplayComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"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"},"member":"OnPush"}}]}],"members":{"onMouseMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"manager":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["display"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__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"},"arguments":["window:blur",["$event"]]}]}],"onWindowResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"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"}]}}}}]

release/components/index.d.ts

@@ -9,1 +9,2 @@ export * from './remote-desktop.component';
 export * from './status-bar.component';
+export * from './status-bar-item.component';

release/components/index.js

@@ -14,2 +14,3 @@ "use strict";
 __export(require("./status-bar.component"));
+__export(require("./status-bar-item.component"));
 //# sourceMappingURL=index.js.map

release/components/index.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./remote-desktop.component"},{"from":"./toolbar-item.component"},{"from":"./message.component"},{"from":"./display.component"},{"from":"./messages/connecting-message.component"},{"from":"./messages/error-message.component"},{"from":"./messages/disconnected-message.component"},{"from":"./status-bar.component"}]}]
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./remote-desktop.component"},{"from":"./toolbar-item.component"},{"from":"./message.component"},{"from":"./display.component"},{"from":"./messages/connecting-message.component"},{"from":"./messages/error-message.component"},{"from":"./messages/disconnected-message.component"},{"from":"./status-bar.component"},{"from":"./status-bar-item.component"}]}]

release/components/remote-desktop.component.d.ts

@@ -1,2 +0,2 @@
-import { OnInit, OnDestroy } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 /**
@@ -3,0 +3,0 @@ * The main component for displaying a remote desktop

release/components/remote-desktop.component.js

@@ -12,6 +12,6 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var animations_1 = require("@angular/animations");
 var core_1 = require("@angular/core");
+var screenfull = require("screenfull");
 var services_1 = require("../services");
-var screenfull = require("screenfull");
-var animations_1 = require("@angular/animations");
 var connecting_message_component_1 = require("./messages/connecting-message.component");
@@ -18,0 +18,0 @@ var disconnected_message_component_1 = require("./messages/disconnected-message.component");

release/components/status-bar.component.js

@@ -19,3 +19,3 @@ "use strict";
             selector: 'ngx-remote-desktop-status-bar',
-            template: "<ng-content></ng-content>",
+            template: "<ng-content select=\"ngx-remote-desktop-status-bar-item\"></ng-content>",
             host: {
@@ -22,0 +22,0 @@ class: 'ngx-remote-desktop-status-bar'

release/components/status-bar.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"StatusBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ngx-remote-desktop-status-bar","template":"<ng-content></ng-content>","host":{"class":"ngx-remote-desktop-status-bar"}}]}]}}}]
+[{"__symbolic":"module","version":4,"metadata":{"StatusBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"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"}}]}]}}}]

release/remote-desktop.module.js

@@ -9,6 +9,6 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var common_1 = require("@angular/common");
 var core_1 = require("@angular/core");
-var common_1 = require("@angular/common");
+var animations_1 = require("@angular/platform-browser/animations");
 var components_1 = require("./components");
-var animations_1 = require("@angular/platform-browser/animations");
 var NgxRemoteDesktopModule = /** @class */ (function () {
@@ -31,3 +31,4 @@ function NgxRemoteDesktopModule() {
                 components_1.ConnectingMessageComponent,
-                components_1.StatusBarComponent
+                components_1.StatusBarComponent,
+                components_1.StatusBarItemComponent
             ],
@@ -40,3 +41,4 @@ exports: [
                 components_1.ConnectingMessageComponent,
-                components_1.StatusBarComponent
+                components_1.StatusBarComponent,
+                components_1.StatusBarItemComponent
             ],
@@ -43,0 +45,0 @@ entryComponents: [],

release/remote-desktop.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NgxRemoteDesktopModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule"}],"declarations":[{"__symbolic":"reference","module":"./components","name":"RemoteDesktopComponent"},{"__symbolic":"reference","module":"./components","name":"ToolbarItemComponent"},{"__symbolic":"reference","module":"./components","name":"MessageComponent"},{"__symbolic":"reference","module":"./components","name":"DisplayComponent"},{"__symbolic":"reference","module":"./components","name":"ErrorMessageComponent"},{"__symbolic":"reference","module":"./components","name":"DisconnectedMessageComponent"},{"__symbolic":"reference","module":"./components","name":"ConnectingMessageComponent"},{"__symbolic":"reference","module":"./components","name":"StatusBarComponent"}],"exports":[{"__symbolic":"reference","module":"./components","name":"RemoteDesktopComponent"},{"__symbolic":"reference","module":"./components","name":"ToolbarItemComponent"},{"__symbolic":"reference","module":"./components","name":"ErrorMessageComponent"},{"__symbolic":"reference","module":"./components","name":"DisconnectedMessageComponent"},{"__symbolic":"reference","module":"./components","name":"ConnectingMessageComponent"},{"__symbolic":"reference","module":"./components","name":"StatusBarComponent"}],"entryComponents":[],"bootstrap":[{"__symbolic":"reference","module":"./components","name":"RemoteDesktopComponent"}]}]}]}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NgxRemoteDesktopModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule"}],"declarations":[{"__symbolic":"reference","module":"./components","name":"RemoteDesktopComponent"},{"__symbolic":"reference","module":"./components","name":"ToolbarItemComponent"},{"__symbolic":"reference","module":"./components","name":"MessageComponent"},{"__symbolic":"reference","module":"./components","name":"DisplayComponent"},{"__symbolic":"reference","module":"./components","name":"ErrorMessageComponent"},{"__symbolic":"reference","module":"./components","name":"DisconnectedMessageComponent"},{"__symbolic":"reference","module":"./components","name":"ConnectingMessageComponent"},{"__symbolic":"reference","module":"./components","name":"StatusBarComponent"},{"__symbolic":"reference","module":"./components","name":"StatusBarItemComponent"}],"exports":[{"__symbolic":"reference","module":"./components","name":"RemoteDesktopComponent"},{"__symbolic":"reference","module":"./components","name":"ToolbarItemComponent"},{"__symbolic":"reference","module":"./components","name":"ErrorMessageComponent"},{"__symbolic":"reference","module":"./components","name":"DisconnectedMessageComponent"},{"__symbolic":"reference","module":"./components","name":"ConnectingMessageComponent"},{"__symbolic":"reference","module":"./components","name":"StatusBarComponent"},{"__symbolic":"reference","module":"./components","name":"StatusBarItemComponent"}],"entryComponents":[],"bootstrap":[{"__symbolic":"reference","module":"./components","name":"RemoteDesktopComponent"}]}]}]}}}]

release/services/remote-desktop-manager.service.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var http_1 = require("@angular/http");
 var guacamole_common_js_1 = require("@illgrenoble/guacamole-common-js");
 var rxjs_1 = require("rxjs");
-var http_1 = require("@angular/http");
 /**
@@ -7,0 +7,0 @@ * Manages the connection to the remote desktop

src/components/display.component.ts

 import {
+    AfterViewChecked,
+    ChangeDetectionStrategy,
     Component,
+    ElementRef,
+    HostListener,
     Input,
-    ViewChild,
-    ElementRef,
+    OnDestroy,
     OnInit,
     Output,
-    OnChanges,
-    OnDestroy,
-    HostListener,
-    DoCheck,
-    AfterViewInit,
-    AfterViewChecked
+    Renderer2,
+    ViewChild,
 } from '@angular/core';
-import { Mouse, Keyboard } from '@illgrenoble/guacamole-common-js';
+import { Keyboard, Mouse } from '@illgrenoble/guacamole-common-js';
 import { BehaviorSubject, Subscription } from 'rxjs';
+
 import { RemoteDesktopManager } from '../services';
@@ -25,3 +25,4 @@
         </div>
-    `
+    `,
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
@@ -60,3 +61,3 @@ export class DisplayComponent implements OnInit, OnDestroy, AfterViewChecked {
 
-    constructor(private viewport: ElementRef) {
+    constructor(private viewport: ElementRef, private renderer: Renderer2) {
     }
@@ -80,2 +81,3 @@
     ngOnDestroy(): void {
+        this.removeDisplay();
         this.removeDisplayInputListeners();
@@ -179,10 +181,16 @@ this.unbindSubscriptions();
         const element = this.display.nativeElement;
-        while (element.firstChild) {
-            element.removeChild(element.firstChild);
-        }
         const display = this.getDisplay();
-        element.appendChild(display.getElement());
+        this.renderer.appendChild(element, display.getElement());
     }
 
     /**
+     * Remove the display
+     */
+    private removeDisplay(): void {
+        const element = this.display.nativeElement;
+        const display = this.getDisplay();
+        this.renderer.removeChild(element, display.getElement());
+    }
+
+    /**
      * Bind input listeners for keyboard and mouse
@@ -189,0 +197,0 @@ */

src/components/index.ts

@@ -9,1 +9,2 @@ export * from './remote-desktop.component';
 export * from './status-bar.component';
+export * from './status-bar-item.component';

src/components/message.component.ts

@@ -1,5 +0,2 @@
-import {
-    Component,
-    Input
-} from '@angular/core';
+import { Component, Input } from '@angular/core';
 
@@ -6,0 +3,0 @@ /**

src/components/messages/connecting-message.component.ts

@@ -1,4 +0,2 @@
-import {
-    Component
-} from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -5,0 +3,0 @@ @Component({

src/components/messages/disconnected-message.component.ts

@@ -1,4 +0,2 @@
-import {
-    Component
-} from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -5,0 +3,0 @@ @Component({

src/components/messages/error-message.component.ts

@@ -1,4 +0,2 @@
-import {
-    Component
-} from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -5,0 +3,0 @@ @Component({

src/components/remote-desktop.component.ts

@@ -0,24 +1,20 @@
+import { animate, state, style, transition, trigger } from '@angular/animations';
 import {
     Component,
+    ContentChild,
+    ElementRef,
+    HostListener,
+    Input,
+    OnDestroy,
     OnInit,
-    Input,
     ViewChild,
-    ElementRef,
     ViewEncapsulation,
-    HostListener,
-    OnChanges,
-    forwardRef,
-    ContentChild,
-    DoCheck,
-    OnDestroy
 } from '@angular/core';
+import { Subscription } from 'rxjs';
+import * as screenfull from 'screenfull';
 
 import { RemoteDesktopManager } from '../services';
-import { Observable, Subscription } from 'rxjs';
-import * as screenfull from 'screenfull';
-import { trigger, state, transition, animate, style } from '@angular/animations';
 import { ConnectingMessageComponent } from './messages/connecting-message.component';
 import { DisconnectedMessageComponent } from './messages/disconnected-message.component';
 import { ErrorMessageComponent } from './messages/error-message.component';
-import { DisplayComponent } from '.';
 
@@ -25,0 +21,0 @@ /**

src/components/status-bar.component.ts

@@ -1,4 +0,2 @@
-import {
-    Component
-} from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -10,3 +8,3 @@ /**
     selector: 'ngx-remote-desktop-status-bar',
-    template: `<ng-content></ng-content>`,
+    template: `<ng-content select="ngx-remote-desktop-status-bar-item"></ng-content>`,
     host: {
@@ -13,0 +11,0 @@ class: 'ngx-remote-desktop-status-bar'

src/components/toolbar-item.component.ts

@@ -1,4 +0,2 @@
-import {
-    Component
-} from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -5,0 +3,0 @@ /**

src/index.ts

@@ -5,4 +5,5 @@ export * from './remote-desktop.module';
 export * from './components/remote-desktop.component';
+export * from './components/status-bar-item.component';
 export * from './components/messages/connecting-message.component';
 export * from './components/messages/error-message.component';
 export * from './components/messages/disconnected-message.component';

src/remote-desktop.module.ts

@@ -0,14 +1,16 @@
+import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+
 import {
+    ConnectingMessageComponent,
+    DisconnectedMessageComponent,
+    DisplayComponent,
+    ErrorMessageComponent,
+    MessageComponent,
     RemoteDesktopComponent,
+    StatusBarComponent,
+    StatusBarItemComponent,
     ToolbarItemComponent,
-    MessageComponent,
-    DisplayComponent,
-    ErrorMessageComponent,
-    DisconnectedMessageComponent,
-    ConnectingMessageComponent,
-    StatusBarComponent
 } from './components';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
@@ -28,3 +30,4 @@ @NgModule({
         ConnectingMessageComponent,
-        StatusBarComponent
+        StatusBarComponent,
+        StatusBarItemComponent
     ],
@@ -37,3 +40,4 @@ exports: [
         ConnectingMessageComponent,
-        StatusBarComponent
+        StatusBarComponent,
+        StatusBarItemComponent
     ],
@@ -40,0 +44,0 @@ entryComponents: [

src/services/remote-desktop-manager.service.ts

@@ -1,12 +0,4 @@
-import {
-    Client,
-    Tunnel,
-    WebSocketTunnel,
-    ChainedTunnel,
-    HTTPTunnel,
-    Status,
-    StringReader
-} from '@illgrenoble/guacamole-common-js';
-import { Observable, BehaviorSubject, ReplaySubject } from 'rxjs';
 import { URLSearchParams } from '@angular/http';
+import { Client, StringReader, Tunnel } from '@illgrenoble/guacamole-common-js';
+import { BehaviorSubject, ReplaySubject } from 'rxjs';
 
@@ -13,0 +5,0 @@ /**

No alert changes

Improved metrics

Total package byte prevSize

910070

increased by0.55%

Number of package files

111

increased by4.72%

Lines of code

3436

increased by1.57%

No dependency changes