@cmusei/console-forge 0.0.1 → 0.10.0

package/lib/components/console-toolbar/console-toolbar.component.d.ts

@@ -12,6 +12,7 @@ export declare class ConsoleToolbarComponent {
     canvasRecordingStarted: import("@angular/core").OutputEmitterRef<void>;
     canvasRecordingFinished: import("@angular/core").OutputEmitterRef<Blob>;
     ctrlAltDelSent: import("@angular/core").OutputEmitterRef<void>;
+    keyboardInputSent: import("@angular/core").OutputEmitterRef<string>;
     networkConnectionRequested: import("@angular/core").OutputEmitterRef<string>;
     networkDisconnectRequested: import("@angular/core").OutputEmitterRef<void>;
     powerRequestSent: import("@angular/core").OutputEmitterRef<ConsolePowerRequest>;
@@ -29,6 +30,7 @@ export declare class ConsoleToolbarComponent {
     constructor();
     protected handleCopyScreenshot(): Promise<void>;
     protected handleFullscreen(): Promise<void>;
+    protected handleKeyboardInputSend(text: string): Promise<void>;
     protected handleNetworkConnectionRequest(networkName: string): void;
     protected handleRecordScreenStart(): void;
     protected handleRecordScreenStop(): Promise<Blob>;
@@ -36,5 +38,5 @@ export declare class ConsoleToolbarComponent {
     private handleSendPowerRequest;
     protected handleSendTextToClipboard(text: string): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConsoleToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConsoleToolbarComponent, "cf-console-toolbar", never, { "consoleClient": { "alias": "consoleClient"; "required": true; "isSignal": true; }; "consoleNetworkConfig": { "alias": "consoleNetworkConfig"; "required": false; "isSignal": true; }; "customToolbarComponent": { "alias": "customToolbarComponent"; "required": false; "isSignal": true; }; }, { "canvasRecordingStarted": "canvasRecordingStarted"; "canvasRecordingFinished": "canvasRecordingFinished"; "ctrlAltDelSent": "ctrlAltDelSent"; "networkConnectionRequested": "networkConnectionRequested"; "networkDisconnectRequested": "networkDisconnectRequested"; "powerRequestSent": "powerRequestSent"; "screenshotCopied": "screenshotCopied"; "toggleFullscreen": "toggleFullscreen"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConsoleToolbarComponent, "cf-console-toolbar", never, { "consoleClient": { "alias": "consoleClient"; "required": true; "isSignal": true; }; "consoleNetworkConfig": { "alias": "consoleNetworkConfig"; "required": false; "isSignal": true; }; "customToolbarComponent": { "alias": "customToolbarComponent"; "required": false; "isSignal": true; }; }, { "canvasRecordingStarted": "canvasRecordingStarted"; "canvasRecordingFinished": "canvasRecordingFinished"; "ctrlAltDelSent": "ctrlAltDelSent"; "keyboardInputSent": "keyboardInputSent"; "networkConnectionRequested": "networkConnectionRequested"; "networkDisconnectRequested": "networkDisconnectRequested"; "powerRequestSent": "powerRequestSent"; "screenshotCopied": "screenshotCopied"; "toggleFullscreen": "toggleFullscreen"; }, never, never, true, never>;
 }

package/lib/components/console-toolbar-default/console-toolbar-default.component.d.ts

@@ -8,23 +8,27 @@ import * as i0 from "@angular/core";
 export declare class ConsoleToolbarDefaultComponent implements ConsoleToolbarComponentBase {
     consoleContext: import("@angular/core").InputSignal<ConsoleToolbarContext>;
     protected isClipboardDialogOpen: boolean;
+    protected isKeyboardDialogOpen: boolean;
     protected isNetworkDialogOpen: boolean;
     protected isPowerDialogOpen: boolean;
     protected isSettingsDialogOpen: boolean;
+    protected keyboardInputText: import("@angular/core").ModelSignal<string>;
     protected readonly cfConfig: ConsoleForgeConfig;
+    private readonly clipboardService;
     protected readonly clipboardTextInput: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    protected readonly userSettings: import("@angular/core").Signal<import("../../models/console-user-settings").ConsoleUserSettings>;
     protected handleChangeToolbarPosition(position: ConsoleToolbarPosition): void;
     protected handleClipboardDialogOpenClose(isOpen: boolean): void;
     protected handleClipboardCopyLastText(text: string): void;
     protected handleNetworkChangeRequested(networkName?: string): void;
     protected handleNetworkDialogOpenClose(isOpen: boolean): void;
     protected handleRecordToggle(): void;
-    protected handleSendClipboardText(event: Event, text: string): void;
+    protected handleSendClipboardText(event: Event, text: string): Promise<void>;
+    protected handlSendKeyboardCtrlAltDel(): Promise<void>;
+    protected handleSendKeyboardInput(event: Event, text: string): Promise<void>;
     protected handleSendPowerRequest(request: ConsolePowerRequest): Promise<void>;
     protected handleSettingsDialogOpenClose(isOpen: boolean): void;
     protected handleSettingsAllowLocalClipboardWrite(allow: boolean): void;
     protected handleSettingsPreserveAspectRatioChange(preserveAspectRatioOnScale: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConsoleToolbarDefaultComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConsoleToolbarDefaultComponent, "cf-console-toolbar-default", never, { "consoleContext": { "alias": "consoleContext"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConsoleToolbarDefaultComponent, "cf-console-toolbar-default", never, { "consoleContext": { "alias": "consoleContext"; "required": true; "isSignal": true; }; "keyboardInputText": { "alias": "keyboardInputText"; "required": false; "isSignal": true; }; }, { "keyboardInputText": "keyboardInputTextChange"; }, never, never, true, never>;
 }

package/lib/models/console-supported-features.d.ts

@@ -1,4 +1,30 @@
 export interface ConsoleSupportedFeatures {
+    /**
+     * This is basically a stupid kludge that is only here because VMWare's client has a very weird implementation of "copy".
+     *
+     * The VMWare "WMKS" client only emits clipboard events after the remote console's clipboard receives new data (i.e. you copy some content on the remote desktop)
+     * AND after the console canvas loses focus. That is, no matter how much copying you do, the client doesn't know about until the canvas housing the console
+     * is blurred.
+     *
+     * The downstream effect of this that, unlike with other protocols, we can't gracefully emit events when copies happen or automatically copy to your local
+     * clipboard in a reasonable way, because we can't know when the remote copy happened and if you really want it copied to your local CB or not. So when this
+     * flag is set to false (VMWare is the only service which does this), we show a panel in the default toolbar that you can manually copy content from and
+     * automatically receives the last "copy" event from the console.
+     *
+     * Yuck.
+     */
+    clipboardAutomaticLocalCopy: boolean;
+    /**
+     * Indicates whether the remote console protocol allows us to write content directly to the clipboard of the remote machine.
+     */
+    clipboardRemoteWrite: boolean;
+    /**
+     * Indicates whether there remote console offers an on-screen keyboard. (Hint: probably not. As far as we know, VMWare's WMKS is the only one that will do this.)
+     */
     onScreenKeyboard: boolean;
+    /**
+     * Indicates whether the remote console protocol allows us to issue power requests (like restart, reboot, and hard reboot). This is typically a configuration detail
+     * of the machine, so we usually have to rely on the protocol-specific service to tell us whether the feature is enabled (see our VNC client, wrapping noVnc, for an example)
+     */
     powerManagement: boolean;
 }

package/lib/models/console-toolbar-context.d.ts

@@ -5,13 +5,17 @@ import { ConsoleSupportedFeatures } from "./console-supported-features";
 import { ConsoleComponentNetworkConfig } from "./console-component-network-config";
 import { UserSettingsService } from "../services/user-settings.service";
 export interface ConsoleToolbarContext {
+    clipboard: {
+        consoleClipboardText: Signal<string>;
+        sendTextToConsoleClipboard(text: string): Promise<void>;
+    };
     console: {
         copyScreenshot(): Promise<void>;
         recordScreenStart(): void;
         recordScreenStop(): Promise<Blob>;
         sendCtrlAltDel(): Promise<void>;
+        sendKeyboardInput(text: string): Promise<void>;
         sendPowerRequest(request: ConsolePowerRequest): Promise<void>;
-        sendTextToClipboard(text: string): Promise<void>;
         supportedFeatures: Signal<ConsoleSupportedFeatures>;
         toggleFullscreen(): Promise<void>;
     };

package/lib/services/clipboard/clipboard.helpers.d.ts

@@ -3,12 +3,6 @@
  *
  * @param clipboardItem - The ClipboardItem to extract text from.
  * @returns A promise that resolves to the extracted text, or null if no text is present.
- *
- * @example
- * const text = await getTextFromClipboardItem(item);
- * if (text) {
- *   console.log("Clipboard text:", text);
- * }
  */
 export declare function getTextFromClipboardItem(clipboardItem?: ClipboardItem): Promise<string | null>;
 export declare function getClipboardItemFromText(text: string): ClipboardItem;

package/lib/services/console-clients/console-client.service.d.ts

@@ -8,10 +8,10 @@ export interface ConsoleClientService {
     readonly consoleClipboardUpdated: Signal<string>;
     readonly supportedFeatures: Signal<ConsoleSupportedFeatures>;
     connect(url: string, options: ConsoleConnectionOptions): Promise<ConsoleSupportedFeatures>;
-    copyVmClipboard(): Promise<void>;
     disconnect(): Promise<void>;
     sendClipboardText(text: string): Promise<void>;
     sendCtrlAltDelete(): Promise<void>;
+    sendKeyboardInput(text: string): Promise<void>;
     sendPowerRequest(request: ConsolePowerRequest): Promise<void>;
     setPreserveAspectRatioOnScale(preserve: boolean): Promise<void>;
     setIsViewOnly(isViewOnly: boolean): Promise<void>;

package/lib/services/console-clients/vmware/vmware-console-client.service.d.ts

@@ -9,6 +9,7 @@ export declare class VmWareConsoleClientService implements ConsoleClientService
     private readonly clipboardService;
     private readonly logger;
     private readonly document;
+    private readonly userSettings;
     private readonly window;
     private wmksClient?;
     private readonly _connectionStatus;
@@ -21,9 +22,9 @@ export declare class VmWareConsoleClientService implements ConsoleClientService
     private readonly _needsCanvasSizeUpdateSub;
     connect(url: string, options: ConsoleConnectionOptions): Promise<ConsoleSupportedFeatures>;
     disconnect(): Promise<void>;
-    copyVmClipboard(): Promise<void>;
     sendClipboardText(text: string): Promise<void>;
     sendCtrlAltDelete(): Promise<void>;
+    sendKeyboardInput(text: string): Promise<void>;
     sendPowerRequest(request: ConsolePowerRequest): Promise<void>;
     setIsViewOnly(isViewOnly: boolean): Promise<void>;
     setPreserveAspectRatioOnScale(scaleToContainerSize: boolean): Promise<void>;

package/lib/services/console-clients/vnc-console-client/vnc-console-client.service.d.ts

@@ -19,9 +19,9 @@ export declare class VncConsoleClientService implements ConsoleClientService {
     connect(url: string, options: ConsoleConnectionOptions): Promise<ConsoleSupportedFeatures>;
     disconnect(): Promise<void>;
     dispose(): Promise<void>;
-    copyVmClipboard(): Promise<void>;
     sendClipboardText(text: string): Promise<void>;
     sendCtrlAltDelete(): Promise<void>;
+    sendKeyboardInput(text: string): Promise<void>;
     sendPowerRequest(request: ConsolePowerRequest): Promise<void>;
     setIsViewOnly(isViewOnly: boolean): Promise<void>;
     setPreserveAspectRatioOnScale(preserve: boolean): Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmusei/console-forge",
-  "version": "0.0.1",
+  "version": "0.10.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/cmu-sei/console-forge.git"

package/vendor/vmware-wmks/css/extended-keypad.css

@@ -1,318 +0,0 @@
-/******************************************************************************
- * Copyright 2013 VMware, Inc.  All rights reserved.
- *****************************************************************************/
-
-/*
- * extended-keypad.css
- *
- *     Defines style for the virtual keys on the control pane.
- */
-
-.ctrl-pane-wrapper {
-   width: 290px !important; /* Needed as the default is a bit larger than this */
-   border: 1px solid #333 !important;
-   -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
-   background: rgb(170,171,182); /* Old browsers */
-   background: -webkit-linear-gradient(top, rgba(170,171,182,.93) 0%,rgba(123,123,133,.93) 100%); /* Chrome10+,Safari5.1+ */
-   background: -o-linear-gradient(top, rgba(170,171,182,.93) 0%,rgba(123,123,133,.93) 100%); /* Opera 11.10+ */
-   background: -ms-linear-gradient(top, rgba(170,171,182,.93) 0%,rgba(123,123,133,.93) 100%); /* IE10+ */
-   background: linear-gradient(top, rgba(170,171,182,.93) 0%,rgba(123,123,133,.93) 100%); /* W3C */
-}
-
-.fnKey-pane-wrapper {
-   width: 427px;
-   border: 1px solid #333;
-   -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
-   background: #c1c4d1; /* Old browsers */
-   background: -webkit-linear-gradient(top, #c1c4d1 0%,#b0b1bd 100%); /* Chrome10+,Safari5.1+ */
-   background: -o-linear-gradient(top, #c1c4d1 0%,#b0b1bd 100%); /* Opera 11.10+ */
-   background: -ms-linear-gradient(top, #c1c4d1 0%,#b0b1bd 100%); /* IE10+ */
-   background: linear-gradient(top, #c1c4d1 0%, #b0b1bd 100%); /* W3C */
-   position: absolute;
-   padding: 0;
-   -moz-box-shadow: 0px 5px 7px    rgba(0,0,0,.5);
-   -webkit-box-shadow: 0px 5px 7px rgba(0,0,0,.5);
-   box-shadow: 0px 5px 7px         rgba(0,0,0,.5);
-}
-
-.fnKey-pane-wrapper-down {
-   width: 427px;
-   border: 1px solid #333;
-   -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
-   background: #6e6e77; /* Old browsers */
-   background: -webkit-linear-gradient(top,  #6e6e77 0%,#656565 100%); /* Chrome10+,Safari5.1+ */
-   background: -o-linear-gradient(top,  #6e6e77 0%,#656565 100%); /* Opera 11.10+ */
-   background: -ms-linear-gradient(top,  #6e6e77 0%,#656565 100%); /* IE10+ */
-   background: linear-gradient(top, #6e6e77 0%, #656565 100%); /* W3C */
-   position: absolute;
-   padding: 0;
-   -moz-box-shadow: 0px 5px 7px    rgba(0,0,0,.5);
-   -webkit-box-shadow: 0px 5px 7px rgba(0,0,0,.5);
-   box-shadow: 0px 5px 7px         rgba(0,0,0,.5);
-}
-
-/* Hide jquery ui title bar. */
-.ctrl-pane-wrapper .ui-dialog-titlebar {
-   border-top: 1px solid #ccc;
-   border-left: 1px solid #aaa;
-   border-right: 1px solid #aaa;
-   border-bottom: 0;
-   padding: .6em .8em 0 .8em;
-   background: none !important;
-   -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px;
-   -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px;
-}
-
-/* Replace jquery ui title bar close icon. */
-.ctrl-pane-wrapper .ui-dialog-titlebar-close {
-   margin-top: -9px;
-   border: 0 !important;
-   background: none !important;
-}
-
-/* Background-image is defined along with touch-sprite in 1 place. */
-.ctrl-pane-wrapper .ui-dialog-titlebar-close .ui-icon {
-   background-position: -9px -239px;
-   background-repeat: no-repeat;
-}
-
-.ctrl-pane-wrapper .ui-dialog-titlebar-close .ui-icon:active {
-   background-position-x: -24px;
-   background-repeat: no-repeat;
-}
-
-/* The grabber icon indicating the dialog could be moved around */
-.ctrl-pane-wrapper .ui-dialog-titlebar .ui-dialog-title {
-   background-position: -10px -255px;
-   background-repeat: no-repeat;
-   width: 40px;
-   height: 14px;
-   margin: 0 0 0 42%;
-}
-
-.ctrl-pane-wrapper .ui-dialog-titlebar .ui-dialog-title:active {
-   background-position-x: -52px;
-}
-
-.ctrl-pane-wrapper .ui-dialog-content {
-   background: none !important;
-   padding: 0 0;
-   border-style: solid;
-   border-color: #aaaaaa;
-   border-width: 0 1px 1px 1px;
-   -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
-   -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
-}
-
-.fnKey-inner-border-helper {
-   position: relative;
-   background: none !important;
-   border-style: solid;
-   border-color: #d5d5d5;
-   border-width: 1px;
-   -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
-   pointer-events:none;
-}
-
-.ctrl-pane-wrapper .ctrl-pane {
-   padding: 3px 0 3px 6px;
-   height: 140px;
-   width: 280px;
-}
-
-.ctrl-pane .baseKey {
-   float: left;
-   border: 0;
-   padding: 0;
-   width: 57px;
-   height: 57px;
-   margin: 6px;
-   -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
-   font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHeros', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
-   font-size: 18px;
-   text-shadow: 0 1px 1px #eeeeee;
-   -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .7);
-   -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.7);
-   box-shadow: 0px 1px 3px         rgba(0,0,0,.7);
-}
-
-.ctrl-pane .ctrl-key-top-row {
-   background: -webkit-linear-gradient(top, #fff 0%,#f3f5fb 2%,#d2d2d8 98%,#999 100%); /* Chrome10+,Safari5.1+ */
-   background: -o-linear-gradient(top, #fff 0%,#f3f5fb 2%,#d2d2d8 98%,#999 100%); /* Opera 11.10+ */
-   background: -ms-linear-gradient(top, #fff 0%,#f3f5fb 2%,#d2d2d8 98%,#999 100%); /* IE10+ */
-   background: linear-gradient(top, #fff 0%,#f3f5fb 2%,#d2d2d8 98%,#999 100%); /* W3C */
-}
-
-.ctrl-pane .ctrl-key-bottom-row {
-   background: -webkit-linear-gradient(top, #fff 0%,#e1e1e3 2%,#d1d1d4 50%,#bebec3 98%,#838387 100%); /* Chrome10+,Safari5.1+ */
-   background: -o-linear-gradient(top, #fff 0%,#e1e1e3 2%,#d1d1d4 50%,#bebec3 98%,#838387 100%); /* Opera 11.10+ */
-   background: -ms-linear-gradient(top, #fff 0%,#e1e1e3 2%,#d1d1d4 50%,#bebec3 98%,#838387 100%); /* IE10+ */
-   background: linear-gradient(top, #fff 0%,#e1e1e3 2%,#d1d1d4 50%,#bebec3 98%,#838387 100%); /* W3C */
-}
-
-.ctrl-pane .up-position .fn-key-top-row {
-   color:#333;
-   background: #ffffff; /* Old browsers */
-   background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 2%,#dcdde3 96%,#999999 100%); /* Chrome10+,Safari5.1+ */
-   background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 2%,#dcdde3 96%,#999999 100%); /* Opera 11.10+ */
-   background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 2%,#dcdde3 96%,#999999 100%); /* IE10+ */
-   background: linear-gradient(top, #ffffff 0%,#f7f7f7 2%,#dcdde3 96%,#999999 100%); /* W3C */
-}
-
-.ctrl-pane .up-position .fn-key-bottom-row {
-   color:#333;
-   background: #ffffff; /* Old browsers */
-   background: -webkit-linear-gradient(top, #ffffff 0%,#f3f5fb 2%,#d2d2d8 98%,#999999 100%); /* Chrome10+,Safari5.1+ */
-   background: -o-linear-gradient(top, #ffffff 0%,#f3f5fb 2%,#d2d2d8 98%,#999999 100%); /* Opera 11.10+ */
-   background: -ms-linear-gradient(top, #ffffff 0%,#f3f5fb 2%,#d2d2d8 98%,#999999 100%); /* IE10+ */
-   background: linear-gradient(top, #ffffff 0%,#f3f5fb 2%,#d2d2d8 98%,#999999 100%); /* W3C */
-}
-
-.ctrl-pane .down-position .fn-key-top-row {
-   color:#333;
-   background: #ffffff; /* Old browsers */
-   background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e3 4%,#d1d1d4 45%,#b7b8bd 98%,#838387 100%); /* Chrome10+,Safari5.1+ */
-   background: -o-linear-gradient(top, #ffffff 0%,#e1e1e3 4%,#d1d1d4 45%,#b7b8bd 98%,#838387 100%); /* Opera 11.10+ */
-   background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e3 4%,#d1d1d4 45%,#b7b8bd 98%,#838387 100%); /* IE10+ */
-   background: linear-gradient(top, #ffffff 0%,#e1e1e3 4%,#d1d1d4 45%,#b7b8bd 98%,#838387 100%); /* W3C */
-}
-
-.ctrl-pane .down-position .fn-key-bottom-row {
-   color:#333;
-   background: #ffffff; /* Old browsers */
-   background: -webkit-linear-gradient(top, #ffffff 0%,#d9dadd 4%,#c8c8cd 45%,#b0b0b7 98%,#838387 100%); /* Chrome10+,Safari5.1+ */
-   background: -o-linear-gradient(top, #ffffff 0%,#d9dadd 4%,#c8c8cd 45%,#b0b0b7 98%,#838387 100%); /* Opera 11.10+ */
-   background: -ms-linear-gradient(top, #ffffff 0%,#d9dadd 4%,#c8c8cd 45%,#b0b0b7 98%,#838387 100%); /* IE10+ */
-   background: linear-gradient(top, #ffffff 0%,#d9dadd 4%,#c8c8cd 45%,#b0b0b7 98%,#838387 100%); /* W3C */
-}
-
-.ctrl-pane .fn-key-top-row {
-   margin: 12px 6px 6px 6px;
-}
-
-.ctrl-pane .border-key-top-left .fn-key-top-row {
-   margin: 12px 6px 6px 12px;
-}
-
-.ctrl-pane .border-key-top-right .fn-key-top-row {
-   margin: 12px 12px 6px 6px;
-}
-
-.ctrl-pane .fn-key-bottom-row {
-   margin: 5px 6px 12px 6px;
-}
-
-.ctrl-pane .border-key-bottom-left .fn-key-bottom-row {
-   margin: 5px 6px 12px 12px;
-}
-
-.ctrl-pane .border-key-bottom-right .fn-key-bottom-row {
-   margin: 5px 12px 12px 6px;
-}
-
-.ctrl-pane .ctrl-key-top-row:active, .ctrl-pane .fn-key-top-row:active,
-.ctrl-pane .ctrl-key-bottom-row:active, .ctrl-pane .fn-key-bottom-row:active {
-   background: #bbbbbb;
-   background: -webkit-linear-gradient(bottom, #888888 25%, #CCCCCC 68%);
-   background:     -ms-linear-gradient(bottom, #888888 25%, #CCCCCC 68%);
-   background:      -o-linear-gradient(bottom, #888888 25%, #CCCCCC 68%);
-   background:         linear-gradient(bottom, #888888 25%, #CCCCCC 68%);
-}
-
-.ctrl-pane .ctrl-key-top-row div, .ctrl-pane .ctrl-key-bottom-row div,
-.ctrl-pane .fn-key-top-row div, .ctrl-pane .fn-key-bottom-row div {
-   width: 100%;
-   text-align: center;
-   padding-top: 17px;
-   overflow-x: hidden;
-}
-
-/* Highlight selected modifier key */
-.ctrl-pane .ab-modifier-key-down {
-   color: #4D8DFF;
-}
-
-.ctrl-pane .baseKey img { /* use .touch-sprite for image */
-   background-repeat: no-repeat;
-   width: 57px;
-   height: 57px;
-   border: 0;
-   -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
-}
-
-.ctrl-pane .baseKey .right-arrow {
-   background-position: -242px -182px;
-}
-
-.ctrl-pane .baseKey .left-arrow {
-   background-position: -126px -182px;
-}
-
-.ctrl-pane .baseKey .up-arrow {
-   background-position: -299px -182px;
-}
-
-.ctrl-pane .baseKey .down-arrow {
-   background-position: -183px -182px;
-}
-
-.ctrl-pane .baseKey .more-keys {
-   background-position: -10px -182px;
-}
-
-/* Ctrl - pane flip transition. */
-.ctrl-pane.flip-container {
-   perspective: 1000;
-   -webkit-perspective: 1000;
-   -moz-perspective: 1000;
-   -ms-perspective: 1000;
-}
-
-  /* flip the ctrl-pane when this class toggles. */
-.flip-container.perform-flip .flipper {
-   transform: rotateY(180deg);
-   -webkit-transform: rotateY(180deg);
-   -moz-transform: rotateY(180deg);
-   -ms-transform: rotateY(180deg);
-}
-
-/* flip speed goes here */
-.flip-container .flipper {
-   transition: 0.6s;
-   transform-style: preserve-3d;
-   -webkit-transition: 0.6s;
-   -webkit-transform-style: preserve-3d;
-   -moz-transition: 0.6s;
-   -moz-transform-style: preserve-3d;
-   -ms-transition: 0.6s;
-   -ms-transform-style: preserve-3d;
-   position: relative;
-}
-
-/* hide back of pane during swap */
-.flip-container .front, .flip-container .back {
-   backface-visibility: hidden;
-   -webkit-backface-visibility: hidden;
-   -moz-backface-visibility: hidden;
-   -ms-backface-visibility: hidden;
-   position: absolute;
-   top: 0;
-   left: 0;
-}
-
-/* front pane, placed above back */
-.flip-container .front {
-   z-index: 200;
-}
-
-/* back, initially hidden pane */
-.flip-container .back {
-   transform: rotateY(180deg);
-   -webkit-transform: rotateY(180deg);
-   -moz-transform: rotateY(180deg);
-   -ms-transform: rotateY(180deg);
-}
-
-#fnMasterKey {
-   letter-spacing: -1px
-}

package/vendor/vmware-wmks/css/main-ui.css

@@ -1,180 +0,0 @@
-/******************************************************************************
- * Copyright 2013 VMware, Inc.  All rights reserved.
- *****************************************************************************/
-
-/*
- * main-ui.css
- *
- *    Defines style for the wmks ui widgets.
- *
- *    Use CSS3 for touch devices as jquery effects break when browser handles
- *    orientation changes, or page bouncing.
- *
- *    TODO: Need to handle Retina mode for iPad.
- */
-
-/*
- * jQuery UI Dialog
- */
-.ui-dialog {
-   padding: 0;
-   box-shadow: 0px 5px 7px         rgba(0,0,0,.5);
-}
-
-.ui-dialog .ui-dialog-titlebar {
-   padding: .8em .8em;
-   border-bottom-left-radius: 0;
-   border-bottom-right-radius: 0;
-}
-
-.ui-dialog .ui-dialog-titlebar-close {
-   right: .4em;
-   margin-top: -11px;
-}
-
-.ui-widget-content {
-   border: 0;
-   background: #ffffff;
-   color: #333333;
-}
-
-.ui-widget-header a {
-   color: #333333;
-}
-
-
-/* Touch feedback indicator */
-.ui-touch-feedback-icon {
-   /* HACK ALERT - can't easily manage this when distributing with a library */ 
-   /* background-image: url('../img/touch_sprite_feedback.png'); */
-   width: 300px;
-   height: 120px;
-   position: absolute;
-   left: -9999px;
-   top: -9999px;
-   z-index: 2;
-}
-
-.feedback-container {
-   z-index: 2;
-   position: absolute;
-   display: none;
-}
-
-.feedback-container.cursor-icon {
-   /* HACK ALERT - can't easily manage this when distributing with a library */
-   /* background: url('../img/touch_sprite_feedback.png') -260px -15px no-repeat; */
-   width: 17px;
-   height: 23px;
-}
-
-.feedback-container.tap-icon {
-   /* HACK ALERT - can't easily manage this when distributing with a library */
-   /* background: url('../img/touch_sprite_feedback.png') -300px -15px no-repeat; */
-   width: 36px;
-   height: 36px;
-}
-
-.feedback-container.drag-icon {
-   /* HACK ALERT - can't easily manage this when distributing with a library */
-   /* background: url('../img/touch_sprite_feedback.png') -10px -10px no-repeat; */
-   width: 100px;
-   height: 100px;
-}
-
-.feedback-container.pulse-icon {
-   /* HACK ALERT - can't easily manage this when distributing with a library */
-   /* background: url('../img/touch_sprite_feedback.png') -111px -10px no-repeat; */
-   width: 100px;
-   height: 100px;
-}
-
-.feedback-container.scroll-icon {
-   /* HACK ALERT - can't easily manage this when distributing with a library */
-   /* background: url('../img/touch_sprite_feedback.png') -212px -10px no-repeat; */
-   width: 27px;
-   height: 100px;
-}
-
-.trackPad-cursor {
-   background: none !important;
-}
-
-.trackPad-cursor.cursorIcon{
-   opacity: 0;
-}
-
-.cursor-icon-shadow {
-   transform-origin: 0 0 ;
-   -webkit-transform-origin: 0 0 ;
-   -moz-transform-origin: 0 0 ;
-   -ms-transform-origin: 0 0 ;
-}
-
-/* CSS3 feedback indicator animation. Keep it simple (uses lower cpu cycles)
-   as there may be multiple animation requests made in quick successions. */
-.animate-feedback-indicator {
-   display: block;
-   opacity: 0;
-   animation-name: showfadeout;
-   animation-duration: 350ms;
-   -webkit-animation-name: showfadeout;
-   -webkit-animation-duration: 350ms;
-   -moz-animation-name: showfadeout;
-   -moz-animation-duration: 350ms;
-   -ms-animation-name: showfadeout;
-   -ms-animation-duration: 350ms;
-}
-
-@-webkit-keyframes showfadeout {
-   0%    { opacity: 1; }
-   100%  { opacity: 0; }
-}
-
-@-moz-keyframes showfadeout {
-   0%    { opacity: 1; }
-   100%  { opacity: 0; }
-}
-
-@-ms-keyframes showfadeout {
-   0%    { opacity: 1; }
-   100%  { opacity: 0; }
-}
-
-.animate-double-feedback-indicator {
-   display: block;
-   opacity: 0;
-   animation-name: showdoublefadeout;
-   animation-duration: 400ms;
-   -webkit-animation-name: showdoublefadeout;
-   -webkit-animation-duration: 400ms;
-   -moz-animation-name: showdoublefadeout;
-   -moz-animation-duration: 400ms;
-   -ms-animation-name: showdoublefadeout;
-   -ms-animation-duration: 400ms;
-}
-
-@-webkit-keyframes showdoublefadeout {
-   0%    { opacity: 1; }
-   40%   { opacity: 0; }
-   70%   { opacity: 1; }
-   100%  { opacity: 0; }
-}
-
-@-moz-keyframes showdoublefadeout {
-   0%    { opacity: 1; }
-   40%   { opacity: 0; }
-   70%   { opacity: 1; }
-   100%  { opacity: 0; }
-}
-
-@-ms-keyframes showdoublefadeout {
-   0%    { opacity: 1; }
-   40%   { opacity: 0; }
-   70%   { opacity: 1; }
-   100%  { opacity: 0; }
-}
-
-#relativepadLeft {
-   height:200px; border:1px solid black;
-}