diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 8fe54ad4..1e617d04 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -4,6 +4,11 @@ on: branches: - main +env: + LT_USERNAME: ${{ secrets.LT_USERNAME }} + LT_ACCESS_KEY: ${{ secrets.LT_ACCESS_KEY }} + GRID_HOST: ${{ secrets.GRID_HOST }} + jobs: Find-GitSHA: name: find Git Sha @@ -36,6 +41,7 @@ jobs: echo "Current Commit ID REF : $REF" STATUS_URL=$API_HOST/repos/$OWNER/$REPO/statuses/$COMMIT_ID echo "STATUS_URL: $STATUS_URL" + echo "GITHUB_URL=$STATUS_URL" >> $GITHUB_ENV curl -X POST $STATUS_URL \ -H "Authorization: Bearer $GITHUB_TOKEN" \ -H "Content-Type: application/json" \ @@ -43,4 +49,10 @@ jobs: "state": "success", "description": "The build was successful.", "context": "ci/smartui-github-testing" - }' \ No newline at end of file + }' + + - name: Install Dependecies + run: npm install + + - name: Execute Test + run: npm test \ No newline at end of file diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..dbf08213 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules/* \ No newline at end of file diff --git a/README.md b/README.md index 2e5bc4aa..6ccc38c5 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,5 @@ # smartui-github-testing -For Testing Github App Integration with SmartUI \ No newline at end of file +For Testing Github App Integration with SmartUI + diff --git a/guacamole.html b/guacamole.html deleted file mode 100644 index 66f26f60..00000000 --- a/guacamole.html +++ /dev/null @@ -1,63 +0,0 @@ - - - - Guacamole Client - - - - - - - -
- - - -
- - - - -
-
-
- -
- - - - \ No newline at end of file diff --git a/guacamole.js b/guacamole.js deleted file mode 100644 index a09a3f84..00000000 --- a/guacamole.js +++ /dev/null @@ -1,12794 +0,0 @@ -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * A reader which automatically handles the given input stream, returning - * strictly received packets as array buffers. Note that this object will - * overwrite any installed event handlers on the given Guacamole.InputStream. - * - * @constructor - * @param {Guacamole.InputStream} stream The stream that data will be read - * from. - */ -Guacamole.ArrayBufferReader = function(stream) { - - /** - * Reference to this Guacamole.InputStream. - * @private - */ - var guac_reader = this; - - // Receive blobs as array buffers - stream.onblob = function(data) { - - // Convert to ArrayBuffer - var binary = window.atob(data); - var arrayBuffer = new ArrayBuffer(binary.length); - var bufferView = new Uint8Array(arrayBuffer); - - for (var i=0; istart and ending at end - 1. - */ - var slice = function slice(blob, start, end) { - - // Use prefixed implementations if necessary - var sliceImplementation = ( - blob.slice - || blob.webkitSlice - || blob.mozSlice - ).bind(blob); - - var length = end - start; - - // The old Blob.slice() was length-based (not end-based). Try the - // length version first, if the two calls are not equivalent. - if (length !== end) { - - // If the result of the slice() call matches the expected length, - // trust that result. It must be correct. - var sliceResult = sliceImplementation(start, length); - if (sliceResult.size === length) - return sliceResult; - - } - - // Otherwise, use the most-recent standard: end-based slice() - return sliceImplementation(start, end); - - }; - - /** - * Sends the contents of the given blob over the underlying stream. - * - * @param {Blob} blob - * The blob to send. - */ - this.sendBlob = function sendBlob(blob) { - - var offset = 0; - var reader = new FileReader(); - - /** - * Reads the next chunk of the blob provided to - * [sendBlob()]{@link Guacamole.BlobWriter#sendBlob}. The chunk itself - * is read asynchronously, and will not be available until - * reader.onload fires. - * - * @private - */ - var readNextChunk = function readNextChunk() { - - // If no further chunks remain, inform of completion and stop - if (offset >= blob.size) { - - // Fire completion event for completed blob - if (guacWriter.oncomplete) - guacWriter.oncomplete(blob); - - // No further chunks to read - return; - - } - - // Obtain reference to next chunk as a new blob - var chunk = slice(blob, offset, offset + arrayBufferWriter.blobLength); - offset += arrayBufferWriter.blobLength; - - // Attempt to read the blob contents represented by the blob into - // a new array buffer - reader.readAsArrayBuffer(chunk); - - }; - - // Send each chunk over the stream, continue reading the next chunk - reader.onload = function chunkLoadComplete() { - - // Send the successfully-read chunk - arrayBufferWriter.sendData(reader.result); - - // Continue sending more chunks after the latest chunk is - // acknowledged - arrayBufferWriter.onack = function sendMoreChunks(status) { - - if (guacWriter.onack) - guacWriter.onack(status); - - // Abort transfer if an error occurs - if (status.isError()) - return; - - // Inform of blob upload progress via progress events - if (guacWriter.onprogress) - guacWriter.onprogress(blob, offset - arrayBufferWriter.blobLength); - - // Queue the next chunk for reading - readNextChunk(); - - }; - - }; - - // If an error prevents further reading, inform of error and stop - reader.onerror = function chunkLoadFailed() { - - // Fire error event, including the context of the error - if (guacWriter.onerror) - guacWriter.onerror(blob, offset, reader.error); - - }; - - // Begin reading the first chunk - readNextChunk(); - - }; - - /** - * Signals that no further text will be sent, effectively closing the - * stream. - */ - this.sendEnd = function sendEnd() { - arrayBufferWriter.sendEnd(); - }; - - /** - * Fired for received data, if acknowledged by the server. - * - * @event - * @param {Guacamole.Status} status - * The status of the operation. - */ - this.onack = null; - - /** - * Fired when an error occurs reading a blob passed to - * [sendBlob()]{@link Guacamole.BlobWriter#sendBlob}. The transfer for the - * the given blob will cease, but the stream will remain open. - * - * @event - * @param {Blob} blob - * The blob that was being read when the error occurred. - * - * @param {Number} offset - * The offset of the failed read attempt within the blob, in bytes. - * - * @param {DOMError} error - * The error that occurred. - */ - this.onerror = null; - - /** - * Fired for each successfully-read chunk of data as a blob is being sent - * via [sendBlob()]{@link Guacamole.BlobWriter#sendBlob}. - * - * @event - * @param {Blob} blob - * The blob that is being read. - * - * @param {Number} offset - * The offset of the read that just succeeded. - */ - this.onprogress = null; - - /** - * Fired when a blob passed to - * [sendBlob()]{@link Guacamole.BlobWriter#sendBlob} has finished being - * sent. - * - * @event - * @param {Blob} blob - * The blob that was sent. - */ - this.oncomplete = null; - -}; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * Guacamole protocol client. Given a {@link Guacamole.Tunnel}, - * automatically handles incoming and outgoing Guacamole instructions via the - * provided tunnel, updating its display using one or more canvas elements. - * - * @constructor - * @param {Guacamole.Tunnel} tunnel The tunnel to use to send and receive - * Guacamole instructions. - */ -Guacamole.Client = function(tunnel) { - - var guac_client = this; - - var STATE_IDLE = 0; - var STATE_CONNECTING = 1; - var STATE_WAITING = 2; - var STATE_CONNECTED = 3; - var STATE_DISCONNECTING = 4; - var STATE_DISCONNECTED = 5; - - var scaleValue = 1 - - var currentState = STATE_IDLE; - - var currentTimestamp = 0; - var pingInterval = null; - - /** - * Translation from Guacamole protocol line caps to Layer line caps. - * @private - */ - var lineCap = { - 0: "butt", - 1: "round", - 2: "square" - }; - - /** - * Translation from Guacamole protocol line caps to Layer line caps. - * @private - */ - var lineJoin = { - 0: "bevel", - 1: "miter", - 2: "round" - }; - - /** - * The underlying Guacamole display. - * - * @private - * @type {Guacamole.Display} - */ - var display = new Guacamole.Display(); - - /** - * All available layers and buffers - * - * @private - * @type {Object.} - */ - var layers = {}; - - /** - * All audio players currently in use by the client. Initially, this will - * be empty, but audio players may be allocated by the server upon request. - * - * @private - * @type {Object.} - */ - var audioPlayers = {}; - - /** - * All video players currently in use by the client. Initially, this will - * be empty, but video players may be allocated by the server upon request. - * - * @private - * @type {Object.} - */ - var videoPlayers = {}; - - // No initial parsers - var parsers = []; - - // No initial streams - var streams = []; - - /** - * All current objects. The index of each object is dictated by the - * Guacamole server. - * - * @private - * @type {Guacamole.Object[]} - */ - var objects = []; - - // Pool of available stream indices - var stream_indices = new Guacamole.IntegerPool(); - - // Array of allocated output streams by index - var output_streams = []; - - function setState(state) { - if (state != currentState) { - currentState = state; - if (guac_client.onstatechange) - guac_client.onstatechange(currentState); - } - } - - function isConnected() { - return currentState == STATE_CONNECTED - || currentState == STATE_WAITING; - } - - /** - * Produces an opaque representation of Guacamole.Client state which can be - * later imported through a call to importState(). This object is - * effectively an independent, compressed snapshot of protocol and display - * state. Invoking this function implicitly flushes the display. - * - * @param {function} callback - * Callback which should be invoked once the state object is ready. The - * state object will be passed to the callback as the sole parameter. - * This callback may be invoked immediately, or later as the display - * finishes rendering and becomes ready. - */ - this.exportState = function exportState(callback) { - - // Start with empty state - var state = { - 'currentState' : currentState, - 'currentTimestamp' : currentTimestamp, - 'layers' : {} - }; - - var layersSnapshot = {}; - - // Make a copy of all current layers (protocol state) - for (var key in layers) { - layersSnapshot[key] = layers[key]; - } - - // Populate layers once data is available (display state, requires flush) - display.flush(function populateLayers() { - - // Export each defined layer/buffer - for (var key in layersSnapshot) { - - var index = parseInt(key); - var layer = layersSnapshot[key]; - var canvas = layer.toCanvas(); - - // Store layer/buffer dimensions - var exportLayer = { - 'width' : layer.width, - 'height' : layer.height - }; - - // Store layer/buffer image data, if it can be generated - if (layer.width && layer.height) - exportLayer.url = canvas.toDataURL('image/png'); - - // Add layer properties if not a buffer nor the default layer - if (index > 0) { - exportLayer.x = layer.x; - exportLayer.y = layer.y; - exportLayer.z = layer.z; - exportLayer.alpha = layer.alpha; - exportLayer.matrix = layer.matrix; - exportLayer.parent = getLayerIndex(layer.parent); - } - - // Store exported layer - state.layers[key] = exportLayer; - - } - - // Invoke callback now that the state is ready - callback(state); - - }); - - }; - - /** - * Restores Guacamole.Client protocol and display state based on an opaque - * object from a prior call to exportState(). The Guacamole.Client instance - * used to export that state need not be the same as this instance. - * - * @param {Object} state - * An opaque representation of Guacamole.Client state from a prior call - * to exportState(). - * - * @param {function} [callback] - * The function to invoke when state has finished being imported. This - * may happen immediately, or later as images within the provided state - * object are loaded. - */ - this.importState = function importState(state, callback) { - - var key; - var index; - - currentState = state.currentState; - currentTimestamp = state.currentTimestamp; - - // Dispose of all layers - for (key in layers) { - index = parseInt(key); - if (index > 0) - display.dispose(layers[key]); - } - - layers = {}; - - // Import state of each layer/buffer - for (key in state.layers) { - - index = parseInt(key); - - var importLayer = state.layers[key]; - var layer = getLayer(index); - - // Reset layer size - display.resize(layer, importLayer.width, importLayer.height); - - // Initialize new layer if it has associated data - if (importLayer.url) { - display.setChannelMask(layer, Guacamole.Layer.SRC); - display.draw(layer, 0, 0, importLayer.url); - } - - // Set layer-specific properties if not a buffer nor the default layer - if (index > 0 && importLayer.parent >= 0) { - - // Apply layer position and set parent - var parent = getLayer(importLayer.parent); - display.move(layer, parent, importLayer.x, importLayer.y, importLayer.z); - - // Set layer transparency - display.shade(layer, importLayer.alpha); - - // Apply matrix transform - var matrix = importLayer.matrix; - display.distort(layer, - matrix[0], matrix[1], matrix[2], - matrix[3], matrix[4], matrix[5]); - - } - - } - - // Flush changes to display - display.flush(callback); - - }; - - /** - * Returns the underlying display of this Guacamole.Client. The display - * contains an Element which can be added to the DOM, causing the - * display to become visible. - * - * @return {Guacamole.Display} The underlying display of this - * Guacamole.Client. - */ - this.getDisplay = function() { - return display; - }; - - this.setMouseScale = function (value) { - scaleValue = value - } - - this.getMouseScale = function () { - return scaleValue - } - /** - * Sends the current size of the screen. - * - * @param {Number} width The width of the screen. - * @param {Number} height The height of the screen. - */ - this.sendSize = function(width, height) { - - // Do not send requests if not connected - if (!isConnected()) - return; - - tunnel.sendMessage("size", width, height); - - }; - - /** - * Sends a key event having the given properties as if the user - * pressed or released a key. - * - * @param {Boolean} pressed Whether the key is pressed (true) or released - * (false). - * @param {Number} keysym The keysym of the key being pressed or released. - */ - this.sendKeyEvent = function(pressed, keysym) { - // Do not send requests if not connected - if (!isConnected()) - return; - tunnel.sendMessage("key", keysym, pressed); - }; - - /** - * Sends a mouse event having the properties provided by the given mouse - * state. - * - * @param {Guacamole.Mouse.State} mouseState The state of the mouse to send - * in the mouse event. - */ - this.sendMouseState = function(mouseState) { - - // Do not send requests if not connected - if (!isConnected()) - return; - - // Update client-side cursor - display.moveCursor( - Math.floor(mouseState.x), - Math.floor(mouseState.y) - ); - - // Build mask - var buttonMask = 0; - if (mouseState.left) buttonMask |= 1; - if (mouseState.middle) buttonMask |= 2; - if (mouseState.right) buttonMask |= 4; - if (mouseState.up) buttonMask |= 8; - if (mouseState.down) buttonMask |= 16; - - // Send message - tunnel.sendMessage("mouse", Math.floor(mouseState.x / scaleValue), Math.floor(mouseState.y / scaleValue), buttonMask); - }; - - /** - * Sets the clipboard of the remote client to the given text data. - * - * @deprecated Use createClipboardStream() instead. - * @param {String} data The data to send as the clipboard contents. - */ - this.setClipboard = function(data) { - - // Do not send requests if not connected - if (!isConnected()) - return; - - // Open stream - var stream = guac_client.createClipboardStream("text/plain"); - var writer = new Guacamole.StringWriter(stream); - - // Send text chunks - for (var i=0; i 0) - layer = display.createLayer(); - else - layer = display.createBuffer(); - - // Add new layer - layers[index] = layer; - - } - - return layer; - - }; - - /** - * Returns the index passed to getLayer() when the given layer was created. - * Positive indices refer to visible layers, an index of zero refers to the - * default layer, and negative indices refer to buffers. - * - * @param {Guacamole.Display.VisibleLayer|Guacamole.Layer} layer - * The layer whose index should be determined. - * - * @returns {Number} - * The index of the given layer, or null if no such layer is associated - * with this client. - */ - var getLayerIndex = function getLayerIndex(layer) { - - // Avoid searching if there clearly is no such layer - if (!layer) - return null; - - // Search through each layer, returning the index of the given layer - // once found - for (var key in layers) { - if (layer === layers[key]) - return parseInt(key); - } - - // Otherwise, no such index - return null; - - }; - - function getParser(index) { - - var parser = parsers[index]; - - // If parser not yet created, create it, and tie to the - // oninstruction handler of the tunnel. - if (parser == null) { - parser = parsers[index] = new Guacamole.Parser(); - parser.oninstruction = tunnel.oninstruction; - } - - return parser; - - } - - /** - * Handlers for all defined layer properties. - * @private - */ - var layerPropertyHandlers = { - - "miter-limit": function(layer, value) { - display.setMiterLimit(layer, parseFloat(value)); - } - - }; - - /** - * Handlers for all instruction opcodes receivable by a Guacamole protocol - * client. - * @private - */ - var instructionHandlers = { - - "ack": function(parameters) { - - var stream_index = parseInt(parameters[0]); - var reason = parameters[1]; - var code = parseInt(parameters[2]); - - // Get stream - var stream = output_streams[stream_index]; - if (stream) { - - // Signal ack if handler defined - if (stream.onack) - stream.onack(new Guacamole.Status(code, reason)); - - // If code is an error, invalidate stream if not already - // invalidated by onack handler - if (code >= 0x0100 && output_streams[stream_index] === stream) { - stream_indices.free(stream_index); - delete output_streams[stream_index]; - } - - } - - }, - - "arc": function(parameters) { - - var layer = getLayer(parseInt(parameters[0])); - var x = parseInt(parameters[1]); - var y = parseInt(parameters[2]); - var radius = parseInt(parameters[3]); - var startAngle = parseFloat(parameters[4]); - var endAngle = parseFloat(parameters[5]); - var negative = parseInt(parameters[6]); - - display.arc(layer, x, y, radius, startAngle, endAngle, negative != 0); - - }, - - "audio": function(parameters) { - - var stream_index = parseInt(parameters[0]); - var mimetype = parameters[1]; - - // Create stream - var stream = streams[stream_index] = - new Guacamole.InputStream(guac_client, stream_index); - - // Get player instance via callback - var audioPlayer = null; - if (guac_client.onaudio) - audioPlayer = guac_client.onaudio(stream, mimetype); - - // If unsuccessful, try to use a default implementation - if (!audioPlayer) - audioPlayer = Guacamole.AudioPlayer.getInstance(stream, mimetype); - - // If we have successfully retrieved an audio player, send success response - if (audioPlayer) { - audioPlayers[stream_index] = audioPlayer; - guac_client.sendAck(stream_index, "OK", 0x0000); - } - - // Otherwise, mimetype must be unsupported - else - guac_client.sendAck(stream_index, "BAD TYPE", 0x030F); - - }, - - "blob": function(parameters) { - - // Get stream - var stream_index = parseInt(parameters[0]); - var data = parameters[1]; - var stream = streams[stream_index]; - - // Write data - if (stream && stream.onblob) - stream.onblob(data); - - }, - - "body" : function handleBody(parameters) { - - // Get object - var objectIndex = parseInt(parameters[0]); - var object = objects[objectIndex]; - - var streamIndex = parseInt(parameters[1]); - var mimetype = parameters[2]; - var name = parameters[3]; - - // Create stream if handler defined - if (object && object.onbody) { - var stream = streams[streamIndex] = new Guacamole.InputStream(guac_client, streamIndex); - object.onbody(stream, mimetype, name); - } - - // Otherwise, unsupported - else - guac_client.sendAck(streamIndex, "Receipt of body unsupported", 0x0100); - - }, - - "cfill": function(parameters) { - - var channelMask = parseInt(parameters[0]); - var layer = getLayer(parseInt(parameters[1])); - var r = parseInt(parameters[2]); - var g = parseInt(parameters[3]); - var b = parseInt(parameters[4]); - var a = parseInt(parameters[5]); - - display.setChannelMask(layer, channelMask); - display.fillColor(layer, r, g, b, a); - - }, - - "clip": function(parameters) { - - var layer = getLayer(parseInt(parameters[0])); - - display.clip(layer); - - }, - - "clipboard": function(parameters) { - - var stream_index = parseInt(parameters[0]); - var mimetype = parameters[1]; - - // Create stream - if (guac_client.onclipboard) { - var stream = streams[stream_index] = new Guacamole.InputStream(guac_client, stream_index); - guac_client.onclipboard(stream, mimetype); - } - - // Otherwise, unsupported - else - guac_client.sendAck(stream_index, "Clipboard unsupported", 0x0100); - - }, - - "close": function(parameters) { - - var layer = getLayer(parseInt(parameters[0])); - - display.close(layer); - - }, - - "copy": function(parameters) { - - var srcL = getLayer(parseInt(parameters[0])); - var srcX = parseInt(parameters[1]); - var srcY = parseInt(parameters[2]); - var srcWidth = parseInt(parameters[3]); - var srcHeight = parseInt(parameters[4]); - var channelMask = parseInt(parameters[5]); - var dstL = getLayer(parseInt(parameters[6])); - var dstX = parseInt(parameters[7]); - var dstY = parseInt(parameters[8]); - - display.setChannelMask(dstL, channelMask); - display.copy(srcL, srcX, srcY, srcWidth, srcHeight, - dstL, dstX, dstY); - - }, - - "cstroke": function(parameters) { - - var channelMask = parseInt(parameters[0]); - var layer = getLayer(parseInt(parameters[1])); - var cap = lineCap[parseInt(parameters[2])]; - var join = lineJoin[parseInt(parameters[3])]; - var thickness = parseInt(parameters[4]); - var r = parseInt(parameters[5]); - var g = parseInt(parameters[6]); - var b = parseInt(parameters[7]); - var a = parseInt(parameters[8]); - - display.setChannelMask(layer, channelMask); - display.strokeColor(layer, cap, join, thickness, r, g, b, a); - - }, - - "cursor": function(parameters) { - - var cursorHotspotX = parseInt(parameters[0]); - var cursorHotspotY = parseInt(parameters[1]); - var srcL = getLayer(parseInt(parameters[2])); - var srcX = parseInt(parameters[3]); - var srcY = parseInt(parameters[4]); - var srcWidth = parseInt(parameters[5]); - var srcHeight = parseInt(parameters[6]); - - display.setCursor(cursorHotspotX, cursorHotspotY, - srcL, srcX, srcY, srcWidth, srcHeight); - - }, - - "curve": function(parameters) { - - var layer = getLayer(parseInt(parameters[0])); - var cp1x = parseInt(parameters[1]); - var cp1y = parseInt(parameters[2]); - var cp2x = parseInt(parameters[3]); - var cp2y = parseInt(parameters[4]); - var x = parseInt(parameters[5]); - var y = parseInt(parameters[6]); - - display.curveTo(layer, cp1x, cp1y, cp2x, cp2y, x, y); - - }, - - "disconnect" : function handleDisconnect(parameters) { - - // Explicitly tear down connection - guac_client.disconnect(); - - }, - - "dispose": function(parameters) { - - var layer_index = parseInt(parameters[0]); - - // If visible layer, remove from parent - if (layer_index > 0) { - - // Remove from parent - var layer = getLayer(layer_index); - display.dispose(layer); - - // Delete reference - delete layers[layer_index]; - - } - - // If buffer, just delete reference - else if (layer_index < 0) - delete layers[layer_index]; - - // Attempting to dispose the root layer currently has no effect. - - }, - - "distort": function(parameters) { - - var layer_index = parseInt(parameters[0]); - var a = parseFloat(parameters[1]); - var b = parseFloat(parameters[2]); - var c = parseFloat(parameters[3]); - var d = parseFloat(parameters[4]); - var e = parseFloat(parameters[5]); - var f = parseFloat(parameters[6]); - - // Only valid for visible layers (not buffers) - if (layer_index >= 0) { - var layer = getLayer(layer_index); - display.distort(layer, a, b, c, d, e, f); - } - - }, - - "error": function(parameters) { - - var reason = parameters[0]; - var code = parseInt(parameters[1]); - - // Call handler if defined - if (guac_client.onerror) - guac_client.onerror(new Guacamole.Status(code, reason)); - - guac_client.disconnect(); - - }, - - "end": function(parameters) { - - var stream_index = parseInt(parameters[0]); - - // Get stream - var stream = streams[stream_index]; - if (stream) { - - // Signal end of stream if handler defined - if (stream.onend) - stream.onend(); - - // Invalidate stream - delete streams[stream_index]; - - } - - }, - - "file": function(parameters) { - - var stream_index = parseInt(parameters[0]); - var mimetype = parameters[1]; - var filename = parameters[2]; - - // Create stream - if (guac_client.onfile) { - var stream = streams[stream_index] = new Guacamole.InputStream(guac_client, stream_index); - guac_client.onfile(stream, mimetype, filename); - } - - // Otherwise, unsupported - else - guac_client.sendAck(stream_index, "File transfer unsupported", 0x0100); - - }, - - "filesystem" : function handleFilesystem(parameters) { - - var objectIndex = parseInt(parameters[0]); - var name = parameters[1]; - - // Create object, if supported - if (guac_client.onfilesystem) { - var object = objects[objectIndex] = new Guacamole.Object(guac_client, objectIndex); - guac_client.onfilesystem(object, name); - } - - // If unsupported, simply ignore the availability of the filesystem - - }, - - "identity": function(parameters) { - - var layer = getLayer(parseInt(parameters[0])); - - display.setTransform(layer, 1, 0, 0, 1, 0, 0); - - }, - - "img": function(parameters) { - - var stream_index = parseInt(parameters[0]); - var channelMask = parseInt(parameters[1]); - var layer = getLayer(parseInt(parameters[2])); - var mimetype = parameters[3]; - var x = parseInt(parameters[4]); - var y = parseInt(parameters[5]); - - // Create stream - var stream = streams[stream_index] = new Guacamole.InputStream(guac_client, stream_index); - var reader = new Guacamole.DataURIReader(stream, mimetype); - - // Draw image when stream is complete - reader.onend = function drawImageBlob() { - display.setChannelMask(layer, channelMask); - display.draw(layer, x, y, reader.getURI()); - }; - - }, - - "jpeg": function(parameters) { - - var channelMask = parseInt(parameters[0]); - var layer = getLayer(parseInt(parameters[1])); - var x = parseInt(parameters[2]); - var y = parseInt(parameters[3]); - var data = parameters[4]; - - display.setChannelMask(layer, channelMask); - display.draw(layer, x, y, "data:image/jpeg;base64," + data); - - }, - - "lfill": function(parameters) { - - var channelMask = parseInt(parameters[0]); - var layer = getLayer(parseInt(parameters[1])); - var srcLayer = getLayer(parseInt(parameters[2])); - - display.setChannelMask(layer, channelMask); - display.fillLayer(layer, srcLayer); - - }, - - "line": function(parameters) { - - var layer = getLayer(parseInt(parameters[0])); - var x = parseInt(parameters[1]); - var y = parseInt(parameters[2]); - - display.lineTo(layer, x, y); - - }, - - "lstroke": function(parameters) { - - var channelMask = parseInt(parameters[0]); - var layer = getLayer(parseInt(parameters[1])); - var srcLayer = getLayer(parseInt(parameters[2])); - - display.setChannelMask(layer, channelMask); - display.strokeLayer(layer, srcLayer); - - }, - - "mouse" : function handleMouse(parameters) { - - var x = parseInt(parameters[0]); - var y = parseInt(parameters[1]); - - // Display and move software cursor to received coordinates - display.showCursor(true); - display.moveCursor(x, y); - - }, - - "move": function(parameters) { - - var layer_index = parseInt(parameters[0]); - var parent_index = parseInt(parameters[1]); - var x = parseInt(parameters[2]); - var y = parseInt(parameters[3]); - var z = parseInt(parameters[4]); - - // Only valid for non-default layers - if (layer_index > 0 && parent_index >= 0) { - var layer = getLayer(layer_index); - var parent = getLayer(parent_index); - display.move(layer, parent, x, y, z); - } - - }, - - "name": function(parameters) { - if (guac_client.onname) guac_client.onname(parameters[0]); - }, - - "nest": function(parameters) { - var parser = getParser(parseInt(parameters[0])); - parser.receive(parameters[1]); - }, - - "pipe": function(parameters) { - - var stream_index = parseInt(parameters[0]); - var mimetype = parameters[1]; - var name = parameters[2]; - - // Create stream - if (guac_client.onpipe) { - var stream = streams[stream_index] = new Guacamole.InputStream(guac_client, stream_index); - guac_client.onpipe(stream, mimetype, name); - } - - // Otherwise, unsupported - else - guac_client.sendAck(stream_index, "Named pipes unsupported", 0x0100); - - }, - - "png": function(parameters) { - - var channelMask = parseInt(parameters[0]); - var layer = getLayer(parseInt(parameters[1])); - var x = parseInt(parameters[2]); - var y = parseInt(parameters[3]); - var data = parameters[4]; - - display.setChannelMask(layer, channelMask); - display.draw(layer, x, y, "data:image/png;base64," + data); - - }, - - "pop": function(parameters) { - - var layer = getLayer(parseInt(parameters[0])); - - display.pop(layer); - - }, - - "push": function(parameters) { - - var layer = getLayer(parseInt(parameters[0])); - - display.push(layer); - - }, - - "rect": function(parameters) { - - var layer = getLayer(parseInt(parameters[0])); - var x = parseInt(parameters[1]); - var y = parseInt(parameters[2]); - var w = parseInt(parameters[3]); - var h = parseInt(parameters[4]); - - display.rect(layer, x, y, w, h); - - }, - - "reset": function(parameters) { - - var layer = getLayer(parseInt(parameters[0])); - - display.reset(layer); - - }, - - "set": function(parameters) { - - var layer = getLayer(parseInt(parameters[0])); - var name = parameters[1]; - var value = parameters[2]; - - // Call property handler if defined - var handler = layerPropertyHandlers[name]; - if (handler) - handler(layer, value); - - }, - - "shade": function(parameters) { - - var layer_index = parseInt(parameters[0]); - var a = parseInt(parameters[1]); - - // Only valid for visible layers (not buffers) - if (layer_index >= 0) { - var layer = getLayer(layer_index); - display.shade(layer, a); - } - - }, - - "size": function(parameters) { - - var layer_index = parseInt(parameters[0]); - var layer = getLayer(layer_index); - var width = parseInt(parameters[1]); - var height = parseInt(parameters[2]); - - display.resize(layer, width, height); - - }, - - "start": function(parameters) { - - var layer = getLayer(parseInt(parameters[0])); - var x = parseInt(parameters[1]); - var y = parseInt(parameters[2]); - - display.moveTo(layer, x, y); - - }, - - "sync": function(parameters) { - - var timestamp = parseInt(parameters[0]); - - // Flush display, send sync when done - display.flush(function displaySyncComplete() { - - // Synchronize all audio players - for (var index in audioPlayers) { - var audioPlayer = audioPlayers[index]; - if (audioPlayer) - audioPlayer.sync(); - } - - // Send sync response to server - if (timestamp !== currentTimestamp) { - tunnel.sendMessage("sync", timestamp); - currentTimestamp = timestamp; - } - - }); - - // If received first update, no longer waiting. - if (currentState === STATE_WAITING) - setState(STATE_CONNECTED); - - // Call sync handler if defined - if (guac_client.onsync) - guac_client.onsync(timestamp); - - }, - - "transfer": function(parameters) { - - var srcL = getLayer(parseInt(parameters[0])); - var srcX = parseInt(parameters[1]); - var srcY = parseInt(parameters[2]); - var srcWidth = parseInt(parameters[3]); - var srcHeight = parseInt(parameters[4]); - var function_index = parseInt(parameters[5]); - var dstL = getLayer(parseInt(parameters[6])); - var dstX = parseInt(parameters[7]); - var dstY = parseInt(parameters[8]); - - /* SRC */ - if (function_index === 0x3) - display.put(srcL, srcX, srcY, srcWidth, srcHeight, - dstL, dstX, dstY); - - /* Anything else that isn't a NO-OP */ - else if (function_index !== 0x5) - display.transfer(srcL, srcX, srcY, srcWidth, srcHeight, - dstL, dstX, dstY, Guacamole.Client.DefaultTransferFunction[function_index]); - - }, - - "transform": function(parameters) { - - var layer = getLayer(parseInt(parameters[0])); - var a = parseFloat(parameters[1]); - var b = parseFloat(parameters[2]); - var c = parseFloat(parameters[3]); - var d = parseFloat(parameters[4]); - var e = parseFloat(parameters[5]); - var f = parseFloat(parameters[6]); - - display.transform(layer, a, b, c, d, e, f); - - }, - - "undefine" : function handleUndefine(parameters) { - - // Get object - var objectIndex = parseInt(parameters[0]); - var object = objects[objectIndex]; - - // Signal end of object definition - if (object && object.onundefine) - object.onundefine(); - - }, - - "video": function(parameters) { - - var stream_index = parseInt(parameters[0]); - var layer = getLayer(parseInt(parameters[1])); - var mimetype = parameters[2]; - - // Create stream - var stream = streams[stream_index] = - new Guacamole.InputStream(guac_client, stream_index); - - // Get player instance via callback - var videoPlayer = null; - if (guac_client.onvideo) - videoPlayer = guac_client.onvideo(stream, layer, mimetype); - - // If unsuccessful, try to use a default implementation - if (!videoPlayer) - videoPlayer = Guacamole.VideoPlayer.getInstance(stream, layer, mimetype); - - // If we have successfully retrieved an video player, send success response - if (videoPlayer) { - videoPlayers[stream_index] = videoPlayer; - guac_client.sendAck(stream_index, "OK", 0x0000); - } - - // Otherwise, mimetype must be unsupported - else - guac_client.sendAck(stream_index, "BAD TYPE", 0x030F); - - } - - }; - - tunnel.oninstruction = function(opcode, parameters) { - - var handler = instructionHandlers[opcode]; - if (handler) - handler(parameters); - - }; - - /** - * Sends a disconnect instruction to the server and closes the tunnel. - */ - this.disconnect = function() { - - // Only attempt disconnection not disconnected. - if (currentState != STATE_DISCONNECTED - && currentState != STATE_DISCONNECTING) { - - setState(STATE_DISCONNECTING); - - // Stop ping - if (pingInterval) - window.clearInterval(pingInterval); - - // Send disconnect message and disconnect - tunnel.sendMessage("disconnect"); - tunnel.disconnect(); - setState(STATE_DISCONNECTED); - - } - - }; - - /** - * Connects the underlying tunnel of this Guacamole.Client, passing the - * given arbitrary data to the tunnel during the connection process. - * - * @param data Arbitrary connection data to be sent to the underlying - * tunnel during the connection process. - * @throws {Guacamole.Status} If an error occurs during connection. - */ - this.connect = function(data) { - - setState(STATE_CONNECTING); - - try { - tunnel.connect(data); - } - catch (status) { - setState(STATE_IDLE); - throw status; - } - - // Ping every 5 seconds (ensure connection alive) - pingInterval = window.setInterval(function() { - tunnel.sendMessage("nop"); - }, 5000); - - setState(STATE_WAITING); - }; - -}; - -/** - * Map of all Guacamole binary raster operations to transfer functions. - * @private - */ -Guacamole.Client.DefaultTransferFunction = { - - /* BLACK */ - 0x0: function (src, dst) { - dst.red = dst.green = dst.blue = 0x00; - }, - - /* WHITE */ - 0xF: function (src, dst) { - dst.red = dst.green = dst.blue = 0xFF; - }, - - /* SRC */ - 0x3: function (src, dst) { - dst.red = src.red; - dst.green = src.green; - dst.blue = src.blue; - dst.alpha = src.alpha; - }, - - /* DEST (no-op) */ - 0x5: function (src, dst) { - // Do nothing - }, - - /* Invert SRC */ - 0xC: function (src, dst) { - dst.red = 0xFF & ~src.red; - dst.green = 0xFF & ~src.green; - dst.blue = 0xFF & ~src.blue; - dst.alpha = src.alpha; - }, - - /* Invert DEST */ - 0xA: function (src, dst) { - dst.red = 0xFF & ~dst.red; - dst.green = 0xFF & ~dst.green; - dst.blue = 0xFF & ~dst.blue; - }, - - /* AND */ - 0x1: function (src, dst) { - dst.red = ( src.red & dst.red); - dst.green = ( src.green & dst.green); - dst.blue = ( src.blue & dst.blue); - }, - - /* NAND */ - 0xE: function (src, dst) { - dst.red = 0xFF & ~( src.red & dst.red); - dst.green = 0xFF & ~( src.green & dst.green); - dst.blue = 0xFF & ~( src.blue & dst.blue); - }, - - /* OR */ - 0x7: function (src, dst) { - dst.red = ( src.red | dst.red); - dst.green = ( src.green | dst.green); - dst.blue = ( src.blue | dst.blue); - }, - - /* NOR */ - 0x8: function (src, dst) { - dst.red = 0xFF & ~( src.red | dst.red); - dst.green = 0xFF & ~( src.green | dst.green); - dst.blue = 0xFF & ~( src.blue | dst.blue); - }, - - /* XOR */ - 0x6: function (src, dst) { - dst.red = ( src.red ^ dst.red); - dst.green = ( src.green ^ dst.green); - dst.blue = ( src.blue ^ dst.blue); - }, - - /* XNOR */ - 0x9: function (src, dst) { - dst.red = 0xFF & ~( src.red ^ dst.red); - dst.green = 0xFF & ~( src.green ^ dst.green); - dst.blue = 0xFF & ~( src.blue ^ dst.blue); - }, - - /* AND inverted source */ - 0x4: function (src, dst) { - dst.red = 0xFF & (~src.red & dst.red); - dst.green = 0xFF & (~src.green & dst.green); - dst.blue = 0xFF & (~src.blue & dst.blue); - }, - - /* OR inverted source */ - 0xD: function (src, dst) { - dst.red = 0xFF & (~src.red | dst.red); - dst.green = 0xFF & (~src.green | dst.green); - dst.blue = 0xFF & (~src.blue | dst.blue); - }, - - /* AND inverted destination */ - 0x2: function (src, dst) { - dst.red = 0xFF & ( src.red & ~dst.red); - dst.green = 0xFF & ( src.green & ~dst.green); - dst.blue = 0xFF & ( src.blue & ~dst.blue); - }, - - /* OR inverted destination */ - 0xB: function (src, dst) { - dst.red = 0xFF & ( src.red | ~dst.red); - dst.green = 0xFF & ( src.green | ~dst.green); - dst.blue = 0xFF & ( src.blue | ~dst.blue); - } - -}; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * A reader which automatically handles the given input stream, returning - * received blobs as a single data URI built over the course of the stream. - * Note that this object will overwrite any installed event handlers on the - * given Guacamole.InputStream. - * - * @constructor - * @param {Guacamole.InputStream} stream - * The stream that data will be read from. - */ -Guacamole.DataURIReader = function(stream, mimetype) { - - /** - * Reference to this Guacamole.DataURIReader. - * @private - */ - var guac_reader = this; - - /** - * Current data URI. - * - * @private - * @type {String} - */ - var uri = 'data:' + mimetype + ';base64,'; - - // Receive blobs as array buffers - stream.onblob = function dataURIReaderBlob(data) { - - // Currently assuming data will ALWAYS be safe to simply append. This - // will not be true if the received base64 data encodes a number of - // bytes that isn't a multiple of three (as base64 expands in a ratio - // of exactly 3:4). - uri += data; - - }; - - // Simply call onend when end received - stream.onend = function dataURIReaderEnd() { - if (guac_reader.onend) - guac_reader.onend(); - }; - - /** - * Returns the data URI of all data received through the underlying stream - * thus far. - * - * @returns {String} - * The data URI of all data received through the underlying stream thus - * far. - */ - this.getURI = function getURI() { - return uri; - }; - - /** - * Fired once this stream is finished and no further data will be written. - * - * @event - */ - this.onend = null; - -};/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * The Guacamole display. The display does not deal with the Guacamole - * protocol, and instead implements a set of graphical operations which - * embody the set of operations present in the protocol. The order operations - * are executed is guaranteed to be in the same order as their corresponding - * functions are called. - * - * @constructor - */ -Guacamole.Display = function() { - - /** - * Reference to this Guacamole.Display. - * @private - */ - var guac_display = this; - - var displayWidth = 0; - var displayHeight = 0; - var displayScale = 1; - - // Create display - var display = document.createElement("div"); - display.style.position = "relative"; - display.style.width = displayWidth + "px"; - display.style.height = displayHeight + "px"; - - // Ensure transformations on display originate at 0,0 - display.style.transformOrigin = - display.style.webkitTransformOrigin = - display.style.MozTransformOrigin = - display.style.OTransformOrigin = - display.style.msTransformOrigin = - "0 0"; - - // Create default layer - var default_layer = new Guacamole.Display.VisibleLayer(displayWidth, displayHeight); - - // Create cursor layer - var cursor = new Guacamole.Display.VisibleLayer(0, 0); - cursor.setChannelMask(Guacamole.Layer.SRC); - - // Add default layer and cursor to display - display.appendChild(default_layer.getElement()); - display.appendChild(cursor.getElement()); - - // Create bounding div - var bounds = document.createElement("div"); - bounds.style.position = "relative"; - bounds.style.width = (displayWidth*displayScale) + "px"; - bounds.style.height = (displayHeight*displayScale) + "px"; - - // Add display to bounds - bounds.appendChild(display); - - /** - * The X coordinate of the hotspot of the mouse cursor. The hotspot is - * the relative location within the image of the mouse cursor at which - * each click occurs. - * - * @type {Number} - */ - this.cursorHotspotX = 0; - - /** - * The Y coordinate of the hotspot of the mouse cursor. The hotspot is - * the relative location within the image of the mouse cursor at which - * each click occurs. - * - * @type {Number} - */ - this.cursorHotspotY = 0; - - /** - * The current X coordinate of the local mouse cursor. This is not - * necessarily the location of the actual mouse - it refers only to - * the location of the cursor image within the Guacamole display, as - * last set by moveCursor(). - * - * @type {Number} - */ - this.cursorX = 0; - - /** - * The current X coordinate of the local mouse cursor. This is not - * necessarily the location of the actual mouse - it refers only to - * the location of the cursor image within the Guacamole display, as - * last set by moveCursor(). - * - * @type {Number} - */ - this.cursorY = 0; - - /** - * Fired when the default layer (and thus the entire Guacamole display) - * is resized. - * - * @event - * @param {Number} width The new width of the Guacamole display. - * @param {Number} height The new height of the Guacamole display. - */ - this.onresize = null; - - /** - * Fired whenever the local cursor image is changed. This can be used to - * implement special handling of the client-side cursor, or to override - * the default use of a software cursor layer. - * - * @event - * @param {HTMLCanvasElement} canvas The cursor image. - * @param {Number} x The X-coordinate of the cursor hotspot. - * @param {Number} y The Y-coordinate of the cursor hotspot. - */ - this.oncursor = null; - - /** - * The queue of all pending Tasks. Tasks will be run in order, with new - * tasks added at the end of the queue and old tasks removed from the - * front of the queue (FIFO). These tasks will eventually be grouped - * into a Frame. - * @private - * @type {Task[]} - */ - var tasks = []; - - /** - * The queue of all frames. Each frame is a pairing of an array of tasks - * and a callback which must be called when the frame is rendered. - * @private - * @type {Frame[]} - */ - var frames = []; - - /** - * Flushes all pending frames. - * @private - */ - function __flush_frames() { - - var rendered_frames = 0; - - // Draw all pending frames, if ready - while (rendered_frames < frames.length) { - - var frame = frames[rendered_frames]; - if (!frame.isReady()) - break; - - frame.flush(); - rendered_frames++; - - } - - // Remove rendered frames from array - frames.splice(0, rendered_frames); - - } - - /** - * An ordered list of tasks which must be executed atomically. Once - * executed, an associated (and optional) callback will be called. - * - * @private - * @constructor - * @param {function} callback The function to call when this frame is - * rendered. - * @param {Task[]} tasks The set of tasks which must be executed to render - * this frame. - */ - function Frame(callback, tasks) { - - /** - * Returns whether this frame is ready to be rendered. This function - * returns true if and only if ALL underlying tasks are unblocked. - * - * @returns {Boolean} true if all underlying tasks are unblocked, - * false otherwise. - */ - this.isReady = function() { - - // Search for blocked tasks - for (var i=0; i < tasks.length; i++) { - if (tasks[i].blocked) - return false; - } - - // If no blocked tasks, the frame is ready - return true; - - }; - - /** - * Renders this frame, calling the associated callback, if any, after - * the frame is complete. This function MUST only be called when no - * blocked tasks exist. Calling this function with blocked tasks - * will result in undefined behavior. - */ - this.flush = function() { - - // Draw all pending tasks. - for (var i=0; i < tasks.length; i++) - tasks[i].execute(); - - // Call callback - if (callback) callback(); - - }; - - } - - /** - * A container for an task handler. Each operation which must be ordered - * is associated with a Task that goes into a task queue. Tasks in this - * queue are executed in order once their handlers are set, while Tasks - * without handlers block themselves and any following Tasks from running. - * - * @constructor - * @private - * @param {function} taskHandler The function to call when this task - * runs, if any. - * @param {boolean} blocked Whether this task should start blocked. - */ - function Task(taskHandler, blocked) { - - var task = this; - - /** - * Whether this Task is blocked. - * - * @type {boolean} - */ - this.blocked = blocked; - - /** - * Unblocks this Task, allowing it to run. - */ - this.unblock = function() { - if (task.blocked) { - task.blocked = false; - __flush_frames(); - } - }; - - /** - * Calls the handler associated with this task IMMEDIATELY. This - * function does not track whether this task is marked as blocked. - * Enforcing the blocked status of tasks is up to the caller. - */ - this.execute = function() { - if (taskHandler) taskHandler(); - }; - - } - - /** - * Schedules a task for future execution. The given handler will execute - * immediately after all previous tasks upon frame flush, unless this - * task is blocked. If any tasks is blocked, the entire frame will not - * render (and no tasks within will execute) until all tasks are unblocked. - * - * @private - * @param {function} handler The function to call when possible, if any. - * @param {boolean} blocked Whether the task should start blocked. - * @returns {Task} The Task created and added to the queue for future - * running. - */ - function scheduleTask(handler, blocked) { - var task = new Task(handler, blocked); - tasks.push(task); - return task; - } - - /** - * Returns the element which contains the Guacamole display. - * - * @return {Element} The element containing the Guacamole display. - */ - this.getElement = function() { - return bounds; - }; - - /** - * Returns the width of this display. - * - * @return {Number} The width of this display; - */ - this.getWidth = function() { - return displayWidth; - }; - - /** - * Returns the height of this display. - * - * @return {Number} The height of this display; - */ - this.getHeight = function() { - return displayHeight; - }; - - /** - * Returns the default layer of this display. Each Guacamole display always - * has at least one layer. Other layers can optionally be created within - * this layer, but the default layer cannot be removed and is the absolute - * ancestor of all other layers. - * - * @return {Guacamole.Display.VisibleLayer} The default layer. - */ - this.getDefaultLayer = function() { - return default_layer; - }; - - /** - * Returns the cursor layer of this display. Each Guacamole display contains - * a layer for the image of the mouse cursor. This layer is a special case - * and exists above all other layers, similar to the hardware mouse cursor. - * - * @return {Guacamole.Display.VisibleLayer} The cursor layer. - */ - this.getCursorLayer = function() { - return cursor; - }; - - /** - * Creates a new layer. The new layer will be a direct child of the default - * layer, but can be moved to be a child of any other layer. Layers returned - * by this function are visible. - * - * @return {Guacamole.Display.VisibleLayer} The newly-created layer. - */ - this.createLayer = function() { - var layer = new Guacamole.Display.VisibleLayer(displayWidth, displayHeight); - layer.move(default_layer, 0, 0, 0); - return layer; - }; - - /** - * Creates a new buffer. Buffers are invisible, off-screen surfaces. They - * are implemented in the same manner as layers, but do not provide the - * same nesting semantics. - * - * @return {Guacamole.Layer} The newly-created buffer. - */ - this.createBuffer = function() { - var buffer = new Guacamole.Layer(0, 0); - buffer.autosize = 1; - return buffer; - }; - - /** - * Flush all pending draw tasks, if possible, as a new frame. If the entire - * frame is not ready, the flush will wait until all required tasks are - * unblocked. - * - * @param {function} callback The function to call when this frame is - * flushed. This may happen immediately, or - * later when blocked tasks become unblocked. - */ - this.flush = function(callback) { - - // Add frame, reset tasks - frames.push(new Frame(callback, tasks)); - tasks = []; - - // Attempt flush - __flush_frames(); - - }; - - /** - * Sets the hotspot and image of the mouse cursor displayed within the - * Guacamole display. - * - * @param {Number} hotspotX The X coordinate of the cursor hotspot. - * @param {Number} hotspotY The Y coordinate of the cursor hotspot. - * @param {Guacamole.Layer} layer The source layer containing the data which - * should be used as the mouse cursor image. - * @param {Number} srcx The X coordinate of the upper-left corner of the - * rectangle within the source layer's coordinate - * space to copy data from. - * @param {Number} srcy The Y coordinate of the upper-left corner of the - * rectangle within the source layer's coordinate - * space to copy data from. - * @param {Number} srcw The width of the rectangle within the source layer's - * coordinate space to copy data from. - * @param {Number} srch The height of the rectangle within the source - * layer's coordinate space to copy data from. - - */ - this.setCursor = function(hotspotX, hotspotY, layer, srcx, srcy, srcw, srch) { - scheduleTask(function __display_set_cursor() { - - // Set hotspot - guac_display.cursorHotspotX = hotspotX; - guac_display.cursorHotspotY = hotspotY; - - // Reset cursor size - cursor.resize(srcw, srch); - - // Draw cursor to cursor layer - cursor.copy(layer, srcx, srcy, srcw, srch, 0, 0); - guac_display.moveCursor(guac_display.cursorX, guac_display.cursorY); - - // Fire cursor change event - if (guac_display.oncursor) - guac_display.oncursor(cursor.toCanvas(), hotspotX, hotspotY); - - }); - }; - - /** - * Sets whether the software-rendered cursor is shown. This cursor differs - * from the hardware cursor in that it is built into the Guacamole.Display, - * and relies on its own Guacamole layer to render. - * - * @param {Boolean} [shown=true] Whether to show the software cursor. - */ - this.showCursor = function(shown) { - - var element = cursor.getElement(); - var parent = element.parentNode; - - // Remove from DOM if hidden - if (shown === false) { - if (parent) - parent.removeChild(element); - } - - // Otherwise, ensure cursor is child of display - else if (parent !== display) - display.appendChild(element); - - }; - - /** - * Sets the location of the local cursor to the given coordinates. For the - * sake of responsiveness, this function performs its action immediately. - * Cursor motion is not maintained within atomic frames. - * - * @param {Number} x The X coordinate to move the cursor to. - * @param {Number} y The Y coordinate to move the cursor to. - */ - this.moveCursor = function(x, y) { - - // Move cursor layer - cursor.translate(x - guac_display.cursorHotspotX, - y - guac_display.cursorHotspotY); - - // Update stored position - guac_display.cursorX = x; - guac_display.cursorY = y; - - }; - - /** - * Changes the size of the given Layer to the given width and height. - * Resizing is only attempted if the new size provided is actually different - * from the current size. - * - * @param {Guacamole.Layer} layer The layer to resize. - * @param {Number} width The new width. - * @param {Number} height The new height. - */ - this.resize = function(layer, width, height) { - scheduleTask(function __display_resize() { - - layer.resize(width, height); - - // Resize display if default layer is resized - if (layer === default_layer) { - - // Update (set) display size - displayWidth = width; - displayHeight = height; - display.style.width = displayWidth + "px"; - display.style.height = displayHeight + "px"; - - // Update bounds size - bounds.style.width = (displayWidth*displayScale) + "px"; - bounds.style.height = (displayHeight*displayScale) + "px"; - - // Notify of resize - if (guac_display.onresize) - guac_display.onresize(width, height); - - } - - }); - }; - - /** - * Draws the specified image at the given coordinates. The image specified - * must already be loaded. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - * @param {Number} x The destination X coordinate. - * @param {Number} y The destination Y coordinate. - * @param {Image} image The image to draw. Note that this is an Image - * object - not a URL. - */ - this.drawImage = function(layer, x, y, image) { - scheduleTask(function __display_drawImage() { - layer.drawImage(x, y, image); - }); - }; - - /** - * Draws the image contained within the specified Blob at the given - * coordinates. The Blob specified must already be populated with image - * data. - * - * @param {Guacamole.Layer} layer - * The layer to draw upon. - * - * @param {Number} x - * The destination X coordinate. - * - * @param {Number} y - * The destination Y coordinate. - * - * @param {Blob} blob - * The Blob containing the image data to draw. - */ - this.drawBlob = function(layer, x, y, blob) { - - // Create URL for blob - var url = URL.createObjectURL(blob); - - // Draw and free blob URL when ready - var task = scheduleTask(function __display_drawBlob() { - - // Draw the image only if it loaded without errors - if (image.width && image.height) - layer.drawImage(x, y, image); - - // Blob URL no longer needed - URL.revokeObjectURL(url); - - }, true); - - // Load image from URL - var image = new Image(); - image.onload = task.unblock; - image.onerror = task.unblock; - image.src = url; - - }; - - /** - * Draws the image at the specified URL at the given coordinates. The image - * will be loaded automatically, and this and any future operations will - * wait for the image to finish loading. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - * @param {Number} x The destination X coordinate. - * @param {Number} y The destination Y coordinate. - * @param {String} url The URL of the image to draw. - */ - this.draw = function(layer, x, y, url) { - - var task = scheduleTask(function __display_draw() { - - // Draw the image only if it loaded without errors - if (image.width && image.height) - layer.drawImage(x, y, image); - - }, true); - - var image = new Image(); - image.onload = task.unblock; - image.onerror = task.unblock; - image.src = url; - - }; - - /** - * Plays the video at the specified URL within this layer. The video - * will be loaded automatically, and this and any future operations will - * wait for the video to finish loading. Future operations will not be - * executed until the video finishes playing. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - * @param {String} mimetype The mimetype of the video to play. - * @param {Number} duration The duration of the video in milliseconds. - * @param {String} url The URL of the video to play. - */ - this.play = function(layer, mimetype, duration, url) { - - // Start loading the video - var video = document.createElement("video"); - video.type = mimetype; - video.src = url; - - // Start copying frames when playing - video.addEventListener("play", function() { - - function render_callback() { - layer.drawImage(0, 0, video); - if (!video.ended) - window.setTimeout(render_callback, 20); - } - - render_callback(); - - }, false); - - scheduleTask(video.play); - - }; - - /** - * Transfer a rectangle of image data from one Layer to this Layer using the - * specified transfer function. - * - * @param {Guacamole.Layer} srcLayer The Layer to copy image data from. - * @param {Number} srcx The X coordinate of the upper-left corner of the - * rectangle within the source Layer's coordinate - * space to copy data from. - * @param {Number} srcy The Y coordinate of the upper-left corner of the - * rectangle within the source Layer's coordinate - * space to copy data from. - * @param {Number} srcw The width of the rectangle within the source Layer's - * coordinate space to copy data from. - * @param {Number} srch The height of the rectangle within the source - * Layer's coordinate space to copy data from. - * @param {Guacamole.Layer} dstLayer The layer to draw upon. - * @param {Number} x The destination X coordinate. - * @param {Number} y The destination Y coordinate. - * @param {Function} transferFunction The transfer function to use to - * transfer data from source to - * destination. - */ - this.transfer = function(srcLayer, srcx, srcy, srcw, srch, dstLayer, x, y, transferFunction) { - scheduleTask(function __display_transfer() { - dstLayer.transfer(srcLayer, srcx, srcy, srcw, srch, x, y, transferFunction); - }); - }; - - /** - * Put a rectangle of image data from one Layer to this Layer directly - * without performing any alpha blending. Simply copy the data. - * - * @param {Guacamole.Layer} srcLayer The Layer to copy image data from. - * @param {Number} srcx The X coordinate of the upper-left corner of the - * rectangle within the source Layer's coordinate - * space to copy data from. - * @param {Number} srcy The Y coordinate of the upper-left corner of the - * rectangle within the source Layer's coordinate - * space to copy data from. - * @param {Number} srcw The width of the rectangle within the source Layer's - * coordinate space to copy data from. - * @param {Number} srch The height of the rectangle within the source - * Layer's coordinate space to copy data from. - * @param {Guacamole.Layer} dstLayer The layer to draw upon. - * @param {Number} x The destination X coordinate. - * @param {Number} y The destination Y coordinate. - */ - this.put = function(srcLayer, srcx, srcy, srcw, srch, dstLayer, x, y) { - scheduleTask(function __display_put() { - dstLayer.put(srcLayer, srcx, srcy, srcw, srch, x, y); - }); - }; - - /** - * Copy a rectangle of image data from one Layer to this Layer. This - * operation will copy exactly the image data that will be drawn once all - * operations of the source Layer that were pending at the time this - * function was called are complete. This operation will not alter the - * size of the source Layer even if its autosize property is set to true. - * - * @param {Guacamole.Layer} srcLayer The Layer to copy image data from. - * @param {Number} srcx The X coordinate of the upper-left corner of the - * rectangle within the source Layer's coordinate - * space to copy data from. - * @param {Number} srcy The Y coordinate of the upper-left corner of the - * rectangle within the source Layer's coordinate - * space to copy data from. - * @param {Number} srcw The width of the rectangle within the source Layer's - * coordinate space to copy data from. - * @param {Number} srch The height of the rectangle within the source - * Layer's coordinate space to copy data from. - * @param {Guacamole.Layer} dstLayer The layer to draw upon. - * @param {Number} x The destination X coordinate. - * @param {Number} y The destination Y coordinate. - */ - this.copy = function(srcLayer, srcx, srcy, srcw, srch, dstLayer, x, y) { - scheduleTask(function __display_copy() { - dstLayer.copy(srcLayer, srcx, srcy, srcw, srch, x, y); - }); - }; - - /** - * Starts a new path at the specified point. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - * @param {Number} x The X coordinate of the point to draw. - * @param {Number} y The Y coordinate of the point to draw. - */ - this.moveTo = function(layer, x, y) { - scheduleTask(function __display_moveTo() { - layer.moveTo(x, y); - }); - }; - - /** - * Add the specified line to the current path. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - * @param {Number} x The X coordinate of the endpoint of the line to draw. - * @param {Number} y The Y coordinate of the endpoint of the line to draw. - */ - this.lineTo = function(layer, x, y) { - scheduleTask(function __display_lineTo() { - layer.lineTo(x, y); - }); - }; - - /** - * Add the specified arc to the current path. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - * @param {Number} x The X coordinate of the center of the circle which - * will contain the arc. - * @param {Number} y The Y coordinate of the center of the circle which - * will contain the arc. - * @param {Number} radius The radius of the circle. - * @param {Number} startAngle The starting angle of the arc, in radians. - * @param {Number} endAngle The ending angle of the arc, in radians. - * @param {Boolean} negative Whether the arc should be drawn in order of - * decreasing angle. - */ - this.arc = function(layer, x, y, radius, startAngle, endAngle, negative) { - scheduleTask(function __display_arc() { - layer.arc(x, y, radius, startAngle, endAngle, negative); - }); - }; - - /** - * Starts a new path at the specified point. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - * @param {Number} cp1x The X coordinate of the first control point. - * @param {Number} cp1y The Y coordinate of the first control point. - * @param {Number} cp2x The X coordinate of the second control point. - * @param {Number} cp2y The Y coordinate of the second control point. - * @param {Number} x The X coordinate of the endpoint of the curve. - * @param {Number} y The Y coordinate of the endpoint of the curve. - */ - this.curveTo = function(layer, cp1x, cp1y, cp2x, cp2y, x, y) { - scheduleTask(function __display_curveTo() { - layer.curveTo(cp1x, cp1y, cp2x, cp2y, x, y); - }); - }; - - /** - * Closes the current path by connecting the end point with the start - * point (if any) with a straight line. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - */ - this.close = function(layer) { - scheduleTask(function __display_close() { - layer.close(); - }); - }; - - /** - * Add the specified rectangle to the current path. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - * @param {Number} x The X coordinate of the upper-left corner of the - * rectangle to draw. - * @param {Number} y The Y coordinate of the upper-left corner of the - * rectangle to draw. - * @param {Number} w The width of the rectangle to draw. - * @param {Number} h The height of the rectangle to draw. - */ - this.rect = function(layer, x, y, w, h) { - scheduleTask(function __display_rect() { - layer.rect(x, y, w, h); - }); - }; - - /** - * Clip all future drawing operations by the current path. The current path - * is implicitly closed. The current path can continue to be reused - * for other operations (such as fillColor()) but a new path will be started - * once a path drawing operation (path() or rect()) is used. - * - * @param {Guacamole.Layer} layer The layer to affect. - */ - this.clip = function(layer) { - scheduleTask(function __display_clip() { - layer.clip(); - }); - }; - - /** - * Stroke the current path with the specified color. The current path - * is implicitly closed. The current path can continue to be reused - * for other operations (such as clip()) but a new path will be started - * once a path drawing operation (path() or rect()) is used. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - * @param {String} cap The line cap style. Can be "round", "square", - * or "butt". - * @param {String} join The line join style. Can be "round", "bevel", - * or "miter". - * @param {Number} thickness The line thickness in pixels. - * @param {Number} r The red component of the color to fill. - * @param {Number} g The green component of the color to fill. - * @param {Number} b The blue component of the color to fill. - * @param {Number} a The alpha component of the color to fill. - */ - this.strokeColor = function(layer, cap, join, thickness, r, g, b, a) { - scheduleTask(function __display_strokeColor() { - layer.strokeColor(cap, join, thickness, r, g, b, a); - }); - }; - - /** - * Fills the current path with the specified color. The current path - * is implicitly closed. The current path can continue to be reused - * for other operations (such as clip()) but a new path will be started - * once a path drawing operation (path() or rect()) is used. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - * @param {Number} r The red component of the color to fill. - * @param {Number} g The green component of the color to fill. - * @param {Number} b The blue component of the color to fill. - * @param {Number} a The alpha component of the color to fill. - */ - this.fillColor = function(layer, r, g, b, a) { - scheduleTask(function __display_fillColor() { - layer.fillColor(r, g, b, a); - }); - }; - - /** - * Stroke the current path with the image within the specified layer. The - * image data will be tiled infinitely within the stroke. The current path - * is implicitly closed. The current path can continue to be reused - * for other operations (such as clip()) but a new path will be started - * once a path drawing operation (path() or rect()) is used. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - * @param {String} cap The line cap style. Can be "round", "square", - * or "butt". - * @param {String} join The line join style. Can be "round", "bevel", - * or "miter". - * @param {Number} thickness The line thickness in pixels. - * @param {Guacamole.Layer} srcLayer The layer to use as a repeating pattern - * within the stroke. - */ - this.strokeLayer = function(layer, cap, join, thickness, srcLayer) { - scheduleTask(function __display_strokeLayer() { - layer.strokeLayer(cap, join, thickness, srcLayer); - }); - }; - - /** - * Fills the current path with the image within the specified layer. The - * image data will be tiled infinitely within the stroke. The current path - * is implicitly closed. The current path can continue to be reused - * for other operations (such as clip()) but a new path will be started - * once a path drawing operation (path() or rect()) is used. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - * @param {Guacamole.Layer} srcLayer The layer to use as a repeating pattern - * within the fill. - */ - this.fillLayer = function(layer, srcLayer) { - scheduleTask(function __display_fillLayer() { - layer.fillLayer(srcLayer); - }); - }; - - /** - * Push current layer state onto stack. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - */ - this.push = function(layer) { - scheduleTask(function __display_push() { - layer.push(); - }); - }; - - /** - * Pop layer state off stack. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - */ - this.pop = function(layer) { - scheduleTask(function __display_pop() { - layer.pop(); - }); - }; - - /** - * Reset the layer, clearing the stack, the current path, and any transform - * matrix. - * - * @param {Guacamole.Layer} layer The layer to draw upon. - */ - this.reset = function(layer) { - scheduleTask(function __display_reset() { - layer.reset(); - }); - }; - - /** - * Sets the given affine transform (defined with six values from the - * transform's matrix). - * - * @param {Guacamole.Layer} layer The layer to modify. - * @param {Number} a The first value in the affine transform's matrix. - * @param {Number} b The second value in the affine transform's matrix. - * @param {Number} c The third value in the affine transform's matrix. - * @param {Number} d The fourth value in the affine transform's matrix. - * @param {Number} e The fifth value in the affine transform's matrix. - * @param {Number} f The sixth value in the affine transform's matrix. - */ - this.setTransform = function(layer, a, b, c, d, e, f) { - scheduleTask(function __display_setTransform() { - layer.setTransform(a, b, c, d, e, f); - }); - }; - - /** - * Applies the given affine transform (defined with six values from the - * transform's matrix). - * - * @param {Guacamole.Layer} layer The layer to modify. - * @param {Number} a The first value in the affine transform's matrix. - * @param {Number} b The second value in the affine transform's matrix. - * @param {Number} c The third value in the affine transform's matrix. - * @param {Number} d The fourth value in the affine transform's matrix. - * @param {Number} e The fifth value in the affine transform's matrix. - * @param {Number} f The sixth value in the affine transform's matrix. - */ - this.transform = function(layer, a, b, c, d, e, f) { - scheduleTask(function __display_transform() { - layer.transform(a, b, c, d, e, f); - }); - }; - - /** - * Sets the channel mask for future operations on this Layer. - * - * The channel mask is a Guacamole-specific compositing operation identifier - * with a single bit representing each of four channels (in order): source - * image where destination transparent, source where destination opaque, - * destination where source transparent, and destination where source - * opaque. - * - * @param {Guacamole.Layer} layer The layer to modify. - * @param {Number} mask The channel mask for future operations on this - * Layer. - */ - this.setChannelMask = function(layer, mask) { - scheduleTask(function __display_setChannelMask() { - layer.setChannelMask(mask); - }); - }; - - /** - * Sets the miter limit for stroke operations using the miter join. This - * limit is the maximum ratio of the size of the miter join to the stroke - * width. If this ratio is exceeded, the miter will not be drawn for that - * joint of the path. - * - * @param {Guacamole.Layer} layer The layer to modify. - * @param {Number} limit The miter limit for stroke operations using the - * miter join. - */ - this.setMiterLimit = function(layer, limit) { - scheduleTask(function __display_setMiterLimit() { - layer.setMiterLimit(limit); - }); - }; - - /** - * Removes the given layer container entirely, such that it is no longer - * contained within its parent layer, if any. - * - * @param {Guacamole.Display.VisibleLayer} layer - * The layer being removed from its parent. - */ - this.dispose = function dispose(layer) { - scheduleTask(function disposeLayer() { - layer.dispose(); - }); - }; - - /** - * Applies the given affine transform (defined with six values from the - * transform's matrix) to the given layer. - * - * @param {Guacamole.Display.VisibleLayer} layer - * The layer being distorted. - * - * @param {Number} a - * The first value in the affine transform's matrix. - * - * @param {Number} b - * The second value in the affine transform's matrix. - * - * @param {Number} c - * The third value in the affine transform's matrix. - * - * @param {Number} d - * The fourth value in the affine transform's matrix. - * - * @param {Number} e - * The fifth value in the affine transform's matrix. - * - * @param {Number} f - * The sixth value in the affine transform's matrix. - */ - this.distort = function distort(layer, a, b, c, d, e, f) { - scheduleTask(function distortLayer() { - layer.distort(a, b, c, d, e, f); - }); - }; - - /** - * Moves the upper-left corner of the given layer to the given X and Y - * coordinate, sets the Z stacking order, and reparents the layer - * to the given parent layer. - * - * @param {Guacamole.Display.VisibleLayer} layer - * The layer being moved. - * - * @param {Guacamole.Display.VisibleLayer} parent - * The parent to set. - * - * @param {Number} x - * The X coordinate to move to. - * - * @param {Number} y - * The Y coordinate to move to. - * - * @param {Number} z - * The Z coordinate to move to. - */ - this.move = function move(layer, parent, x, y, z) { - scheduleTask(function moveLayer() { - layer.move(parent, x, y, z); - }); - }; - - /** - * Sets the opacity of the given layer to the given value, where 255 is - * fully opaque and 0 is fully transparent. - * - * @param {Guacamole.Display.VisibleLayer} layer - * The layer whose opacity should be set. - * - * @param {Number} alpha - * The opacity to set. - */ - this.shade = function shade(layer, alpha) { - scheduleTask(function shadeLayer() { - layer.shade(alpha); - }); - }; - - /** - * Sets the scale of the client display element such that it renders at - * a relatively smaller or larger size, without affecting the true - * resolution of the display. - * - * @param {Number} scale The scale to resize to, where 1.0 is normal - * size (1:1 scale). - */ - this.scale = function(scale) { - - display.style.transform = - display.style.WebkitTransform = - display.style.MozTransform = - display.style.OTransform = - display.style.msTransform = - - "scale(" + scale + "," + scale + ")"; - - displayScale = scale; - - // Update bounds size - bounds.style.width = (displayWidth*displayScale) + "px"; - bounds.style.height = (displayHeight*displayScale) + "px"; - - }; - - /** - * Returns the scale of the display. - * - * @return {Number} The scale of the display. - */ - this.getScale = function() { - return displayScale; - }; - - /** - * Returns a canvas element containing the entire display, with all child - * layers composited within. - * - * @return {HTMLCanvasElement} A new canvas element containing a copy of - * the display. - */ - this.flatten = function() { - - // Get destination canvas - var canvas = document.createElement("canvas"); - canvas.width = default_layer.width; - canvas.height = default_layer.height; - - var context = canvas.getContext("2d"); - - // Returns sorted array of children - function get_children(layer) { - - // Build array of children - var children = []; - for (var index in layer.children) - children.push(layer.children[index]); - - // Sort - children.sort(function children_comparator(a, b) { - - // Compare based on Z order - var diff = a.z - b.z; - if (diff !== 0) - return diff; - - // If Z order identical, use document order - var a_element = a.getElement(); - var b_element = b.getElement(); - var position = b_element.compareDocumentPosition(a_element); - - if (position & Node.DOCUMENT_POSITION_PRECEDING) return -1; - if (position & Node.DOCUMENT_POSITION_FOLLOWING) return 1; - - // Otherwise, assume same - return 0; - - }); - - // Done - return children; - - } - - // Draws the contents of the given layer at the given coordinates - function draw_layer(layer, x, y) { - - // Draw layer - if (layer.width > 0 && layer.height > 0) { - - // Save and update alpha - var initial_alpha = context.globalAlpha; - context.globalAlpha *= layer.alpha / 255.0; - - // Copy data - context.drawImage(layer.getCanvas(), x, y); - - // Draw all children - var children = get_children(layer); - for (var i=0; i 0) - return pool.shift(); - - // Otherwise, return a new integer - return guac_pool.next_int++; - - }; - - /** - * Frees the given integer, allowing it to be reused. - * - * @param {Number} integer The integer to free. - */ - this.free = function(integer) { - pool.push(integer); - }; - -}; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * A reader which automatically handles the given input stream, assembling all - * received blobs into a JavaScript object by appending them to each other, in - * order, and decoding the result as JSON. Note that this object will overwrite - * any installed event handlers on the given Guacamole.InputStream. - * - * @constructor - * @param {Guacamole.InputStream} stream - * The stream that JSON will be read from. - */ -Guacamole.JSONReader = function guacamoleJSONReader(stream) { - - /** - * Reference to this Guacamole.JSONReader. - * - * @private - * @type {Guacamole.JSONReader} - */ - var guacReader = this; - - /** - * Wrapped Guacamole.StringReader. - * - * @private - * @type {Guacamole.StringReader} - */ - var stringReader = new Guacamole.StringReader(stream); - - /** - * All JSON read thus far. - * - * @private - * @type {String} - */ - var json = ''; - - /** - * Returns the current length of this Guacamole.JSONReader, in characters. - * - * @return {Number} - * The current length of this Guacamole.JSONReader. - */ - this.getLength = function getLength() { - return json.length; - }; - - /** - * Returns the contents of this Guacamole.JSONReader as a JavaScript - * object. - * - * @return {Object} - * The contents of this Guacamole.JSONReader, as parsed from the JSON - * contents of the input stream. - */ - this.getJSON = function getJSON() { - return JSON.parse(json); - }; - - // Append all received text - stringReader.ontext = function ontext(text) { - - // Append received text - json += text; - - // Call handler, if present - if (guacReader.onprogress) - guacReader.onprogress(text.length); - - }; - - // Simply call onend when end received - stringReader.onend = function onend() { - if (guacReader.onend) - guacReader.onend(); - }; - - /** - * Fired once for every blob of data received. - * - * @event - * @param {Number} length - * The number of characters received. - */ - this.onprogress = null; - - /** - * Fired once this stream is finished and no further data will be written. - * - * @event - */ - this.onend = null; - -}; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * Provides cross-browser and cross-keyboard keyboard for a specific element. - * Browser and keyboard layout variation is abstracted away, providing events - * which represent keys as their corresponding X11 keysym. - * - * @constructor - * @param {Element} element The Element to use to provide keyboard events. - */ -Guacamole.Keyboard = function(element) { - - /** - * Reference to this Guacamole.Keyboard. - * @private - */ - var guac_keyboard = this; - - /** - * Fired whenever the user presses a key with the element associated - * with this Guacamole.Keyboard in focus. - * - * @event - * @param {Number} keysym The keysym of the key being pressed. - * @return {Boolean} true if the key event should be allowed through to the - * browser, false otherwise. - */ - this.onkeydown = null; - - /** - * Fired whenever the user releases a key with the element associated - * with this Guacamole.Keyboard in focus. - * - * @event - * @param {Number} keysym The keysym of the key being released. - */ - this.onkeyup = null; - - /** - * A key event having a corresponding timestamp. This event is non-specific. - * Its subclasses should be used instead when recording specific key - * events. - * - * @private - * @constructor - */ - var KeyEvent = function() { - - /** - * Reference to this key event. - */ - var key_event = this; - - /** - * An arbitrary timestamp in milliseconds, indicating this event's - * position in time relative to other events. - * - * @type {Number} - */ - this.timestamp = new Date().getTime(); - - /** - * Whether the default action of this key event should be prevented. - * - * @type {Boolean} - */ - this.defaultPrevented = false; - - /** - * The keysym of the key associated with this key event, as determined - * by a best-effort guess using available event properties and keyboard - * state. - * - * @type {Number} - */ - this.keysym = null; - - /** - * Whether the keysym value of this key event is known to be reliable. - * If false, the keysym may still be valid, but it's only a best guess, - * and future key events may be a better source of information. - * - * @type {Boolean} - */ - this.reliable = false; - - /** - * Returns the number of milliseconds elapsed since this event was - * received. - * - * @return {Number} The number of milliseconds elapsed since this - * event was received. - */ - this.getAge = function() { - return new Date().getTime() - key_event.timestamp; - }; - - }; - - /** - * Information related to the pressing of a key, which need not be a key - * associated with a printable character. The presence or absence of any - * information within this object is browser-dependent. - * - * @private - * @constructor - * @augments Guacamole.Keyboard.KeyEvent - * @param {Number} keyCode The JavaScript key code of the key pressed. - * @param {String} keyIdentifier The legacy DOM3 "keyIdentifier" of the key - * pressed, as defined at: - * http://www.w3.org/TR/2009/WD-DOM-Level-3-Events-20090908/#events-Events-KeyboardEvent - * @param {String} key The standard name of the key pressed, as defined at: - * http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent - * @param {Number} location The location on the keyboard corresponding to - * the key pressed, as defined at: - * http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent - */ - var KeydownEvent = function(keyCode, keyIdentifier, key, location) { - - // We extend KeyEvent - KeyEvent.apply(this); - - /** - * The JavaScript key code of the key pressed. - * - * @type {Number} - */ - this.keyCode = keyCode; - - /** - * The legacy DOM3 "keyIdentifier" of the key pressed, as defined at: - * http://www.w3.org/TR/2009/WD-DOM-Level-3-Events-20090908/#events-Events-KeyboardEvent - * - * @type {String} - */ - this.keyIdentifier = keyIdentifier; - - /** - * The standard name of the key pressed, as defined at: - * http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent - * - * @type {String} - */ - this.key = key; - - /** - * The location on the keyboard corresponding to the key pressed, as - * defined at: - * http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent - * - * @type {Number} - */ - this.location = location; - - // If key is known from keyCode or DOM3 alone, use that - this.keysym = keysym_from_key_identifier(key, location) - || keysym_from_keycode(keyCode, location); - - // DOM3 and keyCode are reliable sources if the corresponding key is - // not a printable key - if (this.keysym && !isPrintable(this.keysym)) - this.reliable = true; - - // Use legacy keyIdentifier as a last resort, if it looks sane - if (!this.keysym && key_identifier_sane(keyCode, keyIdentifier)) - this.keysym = keysym_from_key_identifier(keyIdentifier, location, guac_keyboard.modifiers.shift); - - // Determine whether default action for Alt+combinations must be prevented - var prevent_alt = !guac_keyboard.modifiers.ctrl - && !(navigator && navigator.platform && navigator.platform.match(/^mac/i)); - - // Determine whether default action for Ctrl+combinations must be prevented - var prevent_ctrl = !guac_keyboard.modifiers.alt; - - // We must rely on the (potentially buggy) keyIdentifier if preventing - // the default action is important - if ((prevent_ctrl && guac_keyboard.modifiers.ctrl) - || (prevent_alt && guac_keyboard.modifiers.alt) - || guac_keyboard.modifiers.meta - || guac_keyboard.modifiers.hyper) - this.reliable = true; - - // Record most recently known keysym by associated key code - recentKeysym[keyCode] = this.keysym; - - }; - - KeydownEvent.prototype = new KeyEvent(); - - /** - * Information related to the pressing of a key, which MUST be - * associated with a printable character. The presence or absence of any - * information within this object is browser-dependent. - * - * @private - * @constructor - * @augments Guacamole.Keyboard.KeyEvent - * @param {Number} charCode The Unicode codepoint of the character that - * would be typed by the key pressed. - */ - var KeypressEvent = function(charCode) { - - // We extend KeyEvent - KeyEvent.apply(this); - - /** - * The Unicode codepoint of the character that would be typed by the - * key pressed. - * - * @type {Number} - */ - this.charCode = charCode; - - // Pull keysym from char code - this.keysym = keysym_from_charcode(charCode); - - // Keypress is always reliable - this.reliable = true; - - }; - - KeypressEvent.prototype = new KeyEvent(); - - /** - * Information related to the pressing of a key, which need not be a key - * associated with a printable character. The presence or absence of any - * information within this object is browser-dependent. - * - * @private - * @constructor - * @augments Guacamole.Keyboard.KeyEvent - * @param {Number} keyCode The JavaScript key code of the key released. - * @param {String} keyIdentifier The legacy DOM3 "keyIdentifier" of the key - * released, as defined at: - * http://www.w3.org/TR/2009/WD-DOM-Level-3-Events-20090908/#events-Events-KeyboardEvent - * @param {String} key The standard name of the key released, as defined at: - * http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent - * @param {Number} location The location on the keyboard corresponding to - * the key released, as defined at: - * http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent - */ - var KeyupEvent = function(keyCode, keyIdentifier, key, location) { - - // We extend KeyEvent - KeyEvent.apply(this); - - /** - * The JavaScript key code of the key released. - * - * @type {Number} - */ - this.keyCode = keyCode; - - /** - * The legacy DOM3 "keyIdentifier" of the key released, as defined at: - * http://www.w3.org/TR/2009/WD-DOM-Level-3-Events-20090908/#events-Events-KeyboardEvent - * - * @type {String} - */ - this.keyIdentifier = keyIdentifier; - - /** - * The standard name of the key released, as defined at: - * http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent - * - * @type {String} - */ - this.key = key; - - /** - * The location on the keyboard corresponding to the key released, as - * defined at: - * http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent - * - * @type {Number} - */ - this.location = location; - - // If key is known from keyCode or DOM3 alone, use that - this.keysym = recentKeysym[keyCode] - || keysym_from_keycode(keyCode, location) - || keysym_from_key_identifier(key, location); // keyCode is still more reliable for keyup when dead keys are in use - - // Keyup is as reliable as it will ever be - this.reliable = true; - - }; - - KeyupEvent.prototype = new KeyEvent(); - - /** - * An array of recorded events, which can be instances of the private - * KeydownEvent, KeypressEvent, and KeyupEvent classes. - * - * @private - * @type {KeyEvent[]} - */ - var eventLog = []; - - /** - * Map of known JavaScript keycodes which do not map to typable characters - * to their X11 keysym equivalents. - * @private - */ - var keycodeKeysyms = { - 8: [0xFF08], // backspace - 9: [0xFF09], // tab - 12: [0xFF0B, 0xFF0B, 0xFF0B, 0xFFB5], // clear / KP 5 - 13: [0xFF0D], // enter - 16: [0xFFE1, 0xFFE1, 0xFFE2], // shift - 17: [0xFFE3, 0xFFE3, 0xFFE4], // ctrl - 18: [0xFFE9, 0xFFE9, 0xFE03], // alt - 19: [0xFF13], // pause/break - 20: [0xFFE5], // caps lock - 27: [0xFF1B], // escape - 32: [0x0020], // space - 33: [0xFF55, 0xFF55, 0xFF55, 0xFFB9], // page up / KP 9 - 34: [0xFF56, 0xFF56, 0xFF56, 0xFFB3], // page down / KP 3 - 35: [0xFF57, 0xFF57, 0xFF57, 0xFFB1], // end / KP 1 - 36: [0xFF50, 0xFF50, 0xFF50, 0xFFB7], // home / KP 7 - 37: [0xFF51, 0xFF51, 0xFF51, 0xFFB4], // left arrow / KP 4 - 38: [0xFF52, 0xFF52, 0xFF52, 0xFFB8], // up arrow / KP 8 - 39: [0xFF53, 0xFF53, 0xFF53, 0xFFB6], // right arrow / KP 6 - 40: [0xFF54, 0xFF54, 0xFF54, 0xFFB2], // down arrow / KP 2 - 45: [0xFF63, 0xFF63, 0xFF63, 0xFFB0], // insert / KP 0 - 46: [0xFFFF, 0xFFFF, 0xFFFF, 0xFFAE], // delete / KP decimal - 91: [0xFFEB], // left window key (hyper_l) - 92: [0xFF67], // right window key (menu key?) - 93: null, // select key - 96: [0xFFB0], // KP 0 - 97: [0xFFB1], // KP 1 - 98: [0xFFB2], // KP 2 - 99: [0xFFB3], // KP 3 - 100: [0xFFB4], // KP 4 - 101: [0xFFB5], // KP 5 - 102: [0xFFB6], // KP 6 - 103: [0xFFB7], // KP 7 - 104: [0xFFB8], // KP 8 - 105: [0xFFB9], // KP 9 - 106: [0xFFAA], // KP multiply - 107: [0xFFAB], // KP add - 109: [0xFFAD], // KP subtract - 110: [0xFFAE], // KP decimal - 111: [0xFFAF], // KP divide - 112: [0xFFBE], // f1 - 113: [0xFFBF], // f2 - 114: [0xFFC0], // f3 - 115: [0xFFC1], // f4 - 116: [0xFFC2], // f5 - 117: [0xFFC3], // f6 - 118: [0xFFC4], // f7 - 119: [0xFFC5], // f8 - 120: [0xFFC6], // f9 - 121: [0xFFC7], // f10 - 122: [0xFFC8], // f11 - 123: [0xFFC9], // f12 - 144: [0xFF7F], // num lock - 145: [0xFF14], // scroll lock - 225: [0xFE03] // altgraph (iso_level3_shift) - }; - - /** - * Map of known JavaScript keyidentifiers which do not map to typable - * characters to their unshifted X11 keysym equivalents. - * @private - */ - var keyidentifier_keysym = { - "Again": [0xFF66], - "AllCandidates": [0xFF3D], - "Alphanumeric": [0xFF30], - "Alt": [0xFFE9, 0xFFE9, 0xFE03], - "Attn": [0xFD0E], - "AltGraph": [0xFE03], - "ArrowDown": [0xFF54], - "ArrowLeft": [0xFF51], - "ArrowRight": [0xFF53], - "ArrowUp": [0xFF52], - "Backspace": [0xFF08], - "CapsLock": [0xFFE5], - "Cancel": [0xFF69], - "Clear": [0xFF0B], - "Convert": [0xFF21], - "Copy": [0xFD15], - "Crsel": [0xFD1C], - "CrSel": [0xFD1C], - "CodeInput": [0xFF37], - "Compose": [0xFF20], - "Control": [0xFFE3, 0xFFE3, 0xFFE4], - "ContextMenu": [0xFF67], - "DeadGrave": [0xFE50], - "DeadAcute": [0xFE51], - "DeadCircumflex": [0xFE52], - "DeadTilde": [0xFE53], - "DeadMacron": [0xFE54], - "DeadBreve": [0xFE55], - "DeadAboveDot": [0xFE56], - "DeadUmlaut": [0xFE57], - "DeadAboveRing": [0xFE58], - "DeadDoubleacute": [0xFE59], - "DeadCaron": [0xFE5A], - "DeadCedilla": [0xFE5B], - "DeadOgonek": [0xFE5C], - "DeadIota": [0xFE5D], - "DeadVoicedSound": [0xFE5E], - "DeadSemivoicedSound": [0xFE5F], - "Delete": [0xFFFF], - "Down": [0xFF54], - "End": [0xFF57], - "Enter": [0xFF0D], - "EraseEof": [0xFD06], - "Escape": [0xFF1B], - "Execute": [0xFF62], - "Exsel": [0xFD1D], - "ExSel": [0xFD1D], - "F1": [0xFFBE], - "F2": [0xFFBF], - "F3": [0xFFC0], - "F4": [0xFFC1], - "F5": [0xFFC2], - "F6": [0xFFC3], - "F7": [0xFFC4], - "F8": [0xFFC5], - "F9": [0xFFC6], - "F10": [0xFFC7], - "F11": [0xFFC8], - "F12": [0xFFC9], - "F13": [0xFFCA], - "F14": [0xFFCB], - "F15": [0xFFCC], - "F16": [0xFFCD], - "F17": [0xFFCE], - "F18": [0xFFCF], - "F19": [0xFFD0], - "F20": [0xFFD1], - "F21": [0xFFD2], - "F22": [0xFFD3], - "F23": [0xFFD4], - "F24": [0xFFD5], - "Find": [0xFF68], - "GroupFirst": [0xFE0C], - "GroupLast": [0xFE0E], - "GroupNext": [0xFE08], - "GroupPrevious": [0xFE0A], - "FullWidth": null, - "HalfWidth": null, - "HangulMode": [0xFF31], - "Hankaku": [0xFF29], - "HanjaMode": [0xFF34], - "Help": [0xFF6A], - "Hiragana": [0xFF25], - "HiraganaKatakana": [0xFF27], - "Home": [0xFF50], - "Hyper": [0xFFED, 0xFFED, 0xFFEE], - "Insert": [0xFF63], - "JapaneseHiragana": [0xFF25], - "JapaneseKatakana": [0xFF26], - "JapaneseRomaji": [0xFF24], - "JunjaMode": [0xFF38], - "KanaMode": [0xFF2D], - "KanjiMode": [0xFF21], - "Katakana": [0xFF26], - "Left": [0xFF51], - "Meta": [0xFFE7, 0xFFE7, 0xFFE8], - "ModeChange": [0xFF7E], - "NumLock": [0xFF7F], - "PageDown": [0xFF56], - "PageUp": [0xFF55], - "Pause": [0xFF13], - "Play": [0xFD16], - "PreviousCandidate": [0xFF3E], - "PrintScreen": [0xFD1D], - "Redo": [0xFF66], - "Right": [0xFF53], - "RomanCharacters": null, - "Scroll": [0xFF14], - "Select": [0xFF60], - "Separator": [0xFFAC], - "Shift": [0xFFE1, 0xFFE1, 0xFFE2], - "SingleCandidate": [0xFF3C], - "Super": [0xFFEB, 0xFFEB, 0xFFEC], - "Tab": [0xFF09], - "Up": [0xFF52], - "Undo": [0xFF65], - "Win": [0xFFEB], - "Zenkaku": [0xFF28], - "ZenkakuHankaku": [0xFF2A] - }; - - /** - * All keysyms which should not repeat when held down. - * @private - */ - var no_repeat = { - 0xFE03: true, // ISO Level 3 Shift (AltGr) - 0xFFE1: true, // Left shift - 0xFFE2: true, // Right shift - 0xFFE3: true, // Left ctrl - 0xFFE4: true, // Right ctrl - 0xFFE7: true, // Left meta - 0xFFE8: true, // Right meta - 0xFFE9: true, // Left alt - 0xFFEA: true, // Right alt - 0xFFEB: true, // Left hyper - 0xFFEC: true // Right hyper - }; - - /** - * All modifiers and their states. - */ - this.modifiers = new Guacamole.Keyboard.ModifierState(); - - /** - * The state of every key, indexed by keysym. If a particular key is - * pressed, the value of pressed for that keysym will be true. If a key - * is not currently pressed, it will not be defined. - */ - this.pressed = {}; - - /** - * The last result of calling the onkeydown handler for each key, indexed - * by keysym. This is used to prevent/allow default actions for key events, - * even when the onkeydown handler cannot be called again because the key - * is (theoretically) still pressed. - * - * @private - */ - var last_keydown_result = {}; - - /** - * The keysym most recently associated with a given keycode when keydown - * fired. This object maps keycodes to keysyms. - * - * @private - * @type {Object.} - */ - var recentKeysym = {}; - - /** - * Timeout before key repeat starts. - * @private - */ - var key_repeat_timeout = null; - - /** - * Interval which presses and releases the last key pressed while that - * key is still being held down. - * @private - */ - var key_repeat_interval = null; - - /** - * Given an array of keysyms indexed by location, returns the keysym - * for the given location, or the keysym for the standard location if - * undefined. - * - * @private - * @param {Number[]} keysyms - * An array of keysyms, where the index of the keysym in the array is - * the location value. - * - * @param {Number} location - * The location on the keyboard corresponding to the key pressed, as - * defined at: http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent - */ - var get_keysym = function get_keysym(keysyms, location) { - - if (!keysyms) - return null; - - return keysyms[location] || keysyms[0]; - }; - - /** - * Returns true if the given keysym corresponds to a printable character, - * false otherwise. - * - * @param {Number} keysym - * The keysym to check. - * - * @returns {Boolean} - * true if the given keysym corresponds to a printable character, - * false otherwise. - */ - var isPrintable = function isPrintable(keysym) { - - // Keysyms with Unicode equivalents are printable - return (keysym >= 0x00 && keysym <= 0xFF) - || (keysym & 0xFFFF0000) === 0x01000000; - - }; - - function keysym_from_key_identifier(identifier, location, shifted) { - - if (!identifier) - return null; - - var typedCharacter; - - // If identifier is U+xxxx, decode Unicode character - var unicodePrefixLocation = identifier.indexOf("U+"); - if (unicodePrefixLocation >= 0) { - var hex = identifier.substring(unicodePrefixLocation+2); - typedCharacter = String.fromCharCode(parseInt(hex, 16)); - } - - // If single character and not keypad, use that as typed character - else if (identifier.length === 1 && location !== 3) - typedCharacter = identifier; - - // Otherwise, look up corresponding keysym - else - return get_keysym(keyidentifier_keysym[identifier], location); - - // Alter case if necessary - if (shifted === true) - typedCharacter = typedCharacter.toUpperCase(); - else if (shifted === false) - typedCharacter = typedCharacter.toLowerCase(); - - // Get codepoint - var codepoint = typedCharacter.charCodeAt(0); - return keysym_from_charcode(codepoint); - - } - - function isControlCharacter(codepoint) { - return codepoint <= 0x1F || (codepoint >= 0x7F && codepoint <= 0x9F); - } - - function keysym_from_charcode(codepoint) { - - // Keysyms for control characters - if (isControlCharacter(codepoint)) return 0xFF00 | codepoint; - - // Keysyms for ASCII chars - if (codepoint >= 0x0000 && codepoint <= 0x00FF) - return codepoint; - - // Keysyms for Unicode - if (codepoint >= 0x0100 && codepoint <= 0x10FFFF) - return 0x01000000 | codepoint; - - return null; - - } - - function keysym_from_keycode(keyCode, location) { - return get_keysym(keycodeKeysyms[keyCode], location); - } - - /** - * Heuristically detects if the legacy keyIdentifier property of - * a keydown/keyup event looks incorrectly derived. Chrome, and - * presumably others, will produce the keyIdentifier by assuming - * the keyCode is the Unicode codepoint for that key. This is not - * correct in all cases. - * - * @private - * @param {Number} keyCode - * The keyCode from a browser keydown/keyup event. - * - * @param {String} keyIdentifier - * The legacy keyIdentifier from a browser keydown/keyup event. - * - * @returns {Boolean} - * true if the keyIdentifier looks sane, false if the keyIdentifier - * appears incorrectly derived or is missing entirely. - */ - var key_identifier_sane = function key_identifier_sane(keyCode, keyIdentifier) { - - // Missing identifier is not sane - if (!keyIdentifier) - return false; - - // Assume non-Unicode keyIdentifier values are sane - var unicodePrefixLocation = keyIdentifier.indexOf("U+"); - if (unicodePrefixLocation === -1) - return true; - - // If the Unicode codepoint isn't identical to the keyCode, - // then the identifier is likely correct - var codepoint = parseInt(keyIdentifier.substring(unicodePrefixLocation+2), 16); - if (keyCode !== codepoint) - return true; - - // The keyCodes for A-Z and 0-9 are actually identical to their - // Unicode codepoints - if ((keyCode >= 65 && keyCode <= 90) || (keyCode >= 48 && keyCode <= 57)) - return true; - - // The keyIdentifier does NOT appear sane - return false; - - }; - - /** - * Marks a key as pressed, firing the keydown event if registered. Key - * repeat for the pressed key will start after a delay if that key is - * not a modifier. The return value of this function depends on the - * return value of the keydown event handler, if any. - * - * @param {Number} keysym The keysym of the key to press. - * @return {Boolean} true if event should NOT be canceled, false otherwise. - */ - this.press = function(keysym) { - - // Don't bother with pressing the key if the key is unknown - if (keysym === null) return; - - // Only press if released - if (!guac_keyboard.pressed[keysym]) { - - // Mark key as pressed - guac_keyboard.pressed[keysym] = true; - - // Send key event - if (guac_keyboard.onkeydown) { - var result = guac_keyboard.onkeydown(keysym); - last_keydown_result[keysym] = result; - - // Stop any current repeat - window.clearTimeout(key_repeat_timeout); - window.clearInterval(key_repeat_interval); - - // Repeat after a delay as long as pressed - if (!no_repeat[keysym]) - key_repeat_timeout = window.setTimeout(function() { - key_repeat_interval = window.setInterval(function() { - guac_keyboard.onkeyup(keysym); - guac_keyboard.onkeydown(keysym); - }, 50); - }, 500); - - return result; - } - } - - // Return the last keydown result by default, resort to false if unknown - return last_keydown_result[keysym] || false; - - }; - - /** - * Marks a key as released, firing the keyup event if registered. - * - * @param {Number} keysym The keysym of the key to release. - */ - this.release = function(keysym) { - - // Only release if pressed - if (guac_keyboard.pressed[keysym]) { - - // Mark key as released - delete guac_keyboard.pressed[keysym]; - - // Stop repeat - window.clearTimeout(key_repeat_timeout); - window.clearInterval(key_repeat_interval); - - // Send key event - if (keysym !== null && guac_keyboard.onkeyup) - guac_keyboard.onkeyup(keysym); - - } - - }; - - /** - * Resets the state of this keyboard, releasing all keys, and firing keyup - * events for each released key. - */ - this.reset = function() { - - // Release all pressed keys - for (var keysym in guac_keyboard.pressed) - guac_keyboard.release(parseInt(keysym)); - - // Clear event log - eventLog = []; - - }; - - /** - * Given a keyboard event, updates the local modifier state and remote - * key state based on the modifier flags within the event. This function - * pays no attention to keycodes. - * - * @private - * @param {KeyboardEvent} e - * The keyboard event containing the flags to update. - */ - var update_modifier_state = function update_modifier_state(e) { - - // Get state - var state = Guacamole.Keyboard.ModifierState.fromKeyboardEvent(e); - - // Release alt if implicitly released - if (guac_keyboard.modifiers.alt && state.alt === false) { - guac_keyboard.release(0xFFE9); // Left alt - guac_keyboard.release(0xFFEA); // Right alt - guac_keyboard.release(0xFE03); // AltGr - } - - // Release shift if implicitly released - if (guac_keyboard.modifiers.shift && state.shift === false) { - guac_keyboard.release(0xFFE1); // Left shift - guac_keyboard.release(0xFFE2); // Right shift - } - - // Release ctrl if implicitly released - if (guac_keyboard.modifiers.ctrl && state.ctrl === false) { - guac_keyboard.release(0xFFE3); // Left ctrl - guac_keyboard.release(0xFFE4); // Right ctrl - } - - // Release meta if implicitly released - if (guac_keyboard.modifiers.meta && state.meta === false) { - guac_keyboard.release(0xFFE7); // Left meta - guac_keyboard.release(0xFFE8); // Right meta - } - - // Release hyper if implicitly released - if (guac_keyboard.modifiers.hyper && state.hyper === false) { - guac_keyboard.release(0xFFEB); // Left hyper - guac_keyboard.release(0xFFEC); // Right hyper - } - - // Update state - guac_keyboard.modifiers = state; - - }; - - /** - * Reads through the event log, removing events from the head of the log - * when the corresponding true key presses are known (or as known as they - * can be). - * - * @private - * @return {Boolean} Whether the default action of the latest event should - * be prevented. - */ - function interpret_events() { - - // Do not prevent default if no event could be interpreted - var handled_event = interpret_event(); - if (!handled_event) - return false; - - // Interpret as much as possible - var last_event; - do { - last_event = handled_event; - handled_event = interpret_event(); - } while (handled_event !== null); - - return last_event.defaultPrevented; - - } - - /** - * Releases Ctrl+Alt, if both are currently pressed and the given keysym - * looks like a key that may require AltGr. - * - * @private - * @param {Number} keysym The key that was just pressed. - */ - var release_simulated_altgr = function release_simulated_altgr(keysym) { - - // Both Ctrl+Alt must be pressed if simulated AltGr is in use - if (!guac_keyboard.modifiers.ctrl || !guac_keyboard.modifiers.alt) - return; - - // Assume [A-Z] never require AltGr - if (keysym >= 0x0041 && keysym <= 0x005A) - return; - - // Assume [a-z] never require AltGr - if (keysym >= 0x0061 && keysym <= 0x007A) - return; - - // Release Ctrl+Alt if the keysym is printable - if (keysym <= 0xFF || (keysym & 0xFF000000) === 0x01000000) { - guac_keyboard.release(0xFFE3); // Left ctrl - guac_keyboard.release(0xFFE4); // Right ctrl - guac_keyboard.release(0xFFE9); // Left alt - guac_keyboard.release(0xFFEA); // Right alt - } - - }; - - /** - * Reads through the event log, interpreting the first event, if possible, - * and returning that event. If no events can be interpreted, due to a - * total lack of events or the need for more events, null is returned. Any - * interpreted events are automatically removed from the log. - * - * @private - * @return {KeyEvent} - * The first key event in the log, if it can be interpreted, or null - * otherwise. - */ - var interpret_event = function interpret_event() { - - // Peek at first event in log - var first = eventLog[0]; - if (!first) - return null; - - // Keydown event - if (first instanceof KeydownEvent) { - - var keysym = null; - var accepted_events = []; - - // If event itself is reliable, no need to wait for other events - if (first.reliable) { - keysym = first.keysym; - accepted_events = eventLog.splice(0, 1); - } - - // If keydown is immediately followed by a keypress, use the indicated character - else if (eventLog[1] instanceof KeypressEvent) { - keysym = eventLog[1].keysym; - accepted_events = eventLog.splice(0, 2); - } - - // If keydown is immediately followed by anything else, then no - // keypress can possibly occur to clarify this event, and we must - // handle it now - else if (eventLog[1]) { - keysym = first.keysym; - accepted_events = eventLog.splice(0, 1); - } - - // Fire a key press if valid events were found - if (accepted_events.length > 0) { - - if (keysym) { - - // Fire event - release_simulated_altgr(keysym); - var defaultPrevented = !guac_keyboard.press(keysym); - recentKeysym[first.keyCode] = keysym; - - // If a key is pressed while meta is held down, the keyup will - // never be sent in Chrome, so send it now. (bug #108404) - if (guac_keyboard.modifiers.meta && keysym !== 0xFFE7 && keysym !== 0xFFE8) - guac_keyboard.release(keysym); - - // Record whether default was prevented - for (var i=0; i layer.width) - resizeWidth = opBoundX; - else - resizeWidth = layer.width; - - // Determine max height - var resizeHeight; - if (opBoundY > layer.height) - resizeHeight = opBoundY; - else - resizeHeight = layer.height; - - // Resize if necessary - layer.resize(resizeWidth, resizeHeight); - - } - - /** - * Set to true if this Layer should resize itself to accomodate the - * dimensions of any drawing operation, and false (the default) otherwise. - * - * Note that setting this property takes effect immediately, and thus may - * take effect on operations that were started in the past but have not - * yet completed. If you wish the setting of this flag to only modify - * future operations, you will need to make the setting of this flag an - * operation with sync(). - * - * @example - * // Set autosize to true for all future operations - * layer.sync(function() { - * layer.autosize = true; - * }); - * - * @type {Boolean} - * @default false - */ - this.autosize = false; - - /** - * The current width of this layer. - * @type {Number} - */ - this.width = width; - - /** - * The current height of this layer. - * @type {Number} - */ - this.height = height; - - /** - * Returns the canvas element backing this Layer. Note that the dimensions - * of the canvas may not exactly match those of the Layer, as resizing a - * canvas while maintaining its state is an expensive operation. - * - * @returns {HTMLCanvasElement} - * The canvas element backing this Layer. - */ - this.getCanvas = function getCanvas() { - return canvas; - }; - - /** - * Returns a new canvas element containing the same image as this Layer. - * Unlike getCanvas(), the canvas element returned is guaranteed to have - * the exact same dimensions as the Layer. - * - * @returns {HTMLCanvasElement} - * A new canvas element containing a copy of the image content this - * Layer. - */ - this.toCanvas = function toCanvas() { - - // Create new canvas having same dimensions - var canvas = document.createElement('canvas'); - canvas.width = layer.width; - canvas.height = layer.height; - - // Copy image contents to new canvas - var context = canvas.getContext('2d'); - context.drawImage(layer.getCanvas(), 0, 0); - - return canvas; - - }; - - /** - * Changes the size of this Layer to the given width and height. Resizing - * is only attempted if the new size provided is actually different from - * the current size. - * - * @param {Number} newWidth The new width to assign to this Layer. - * @param {Number} newHeight The new height to assign to this Layer. - */ - this.resize = function(newWidth, newHeight) { - if (newWidth !== layer.width || newHeight !== layer.height) - resize(newWidth, newHeight); - }; - - /** - * Draws the specified image at the given coordinates. The image specified - * must already be loaded. - * - * @param {Number} x The destination X coordinate. - * @param {Number} y The destination Y coordinate. - * @param {Image} image The image to draw. Note that this is an Image - * object - not a URL. - */ - this.drawImage = function(x, y, image) { - if (layer.autosize) fitRect(x, y, image.width, image.height); - context.drawImage(image, x, y); - empty = false; - }; - - /** - * Transfer a rectangle of image data from one Layer to this Layer using the - * specified transfer function. - * - * @param {Guacamole.Layer} srcLayer The Layer to copy image data from. - * @param {Number} srcx The X coordinate of the upper-left corner of the - * rectangle within the source Layer's coordinate - * space to copy data from. - * @param {Number} srcy The Y coordinate of the upper-left corner of the - * rectangle within the source Layer's coordinate - * space to copy data from. - * @param {Number} srcw The width of the rectangle within the source Layer's - * coordinate space to copy data from. - * @param {Number} srch The height of the rectangle within the source - * Layer's coordinate space to copy data from. - * @param {Number} x The destination X coordinate. - * @param {Number} y The destination Y coordinate. - * @param {Function} transferFunction The transfer function to use to - * transfer data from source to - * destination. - */ - this.transfer = function(srcLayer, srcx, srcy, srcw, srch, x, y, transferFunction) { - - var srcCanvas = srcLayer.getCanvas(); - - // If entire rectangle outside source canvas, stop - if (srcx >= srcCanvas.width || srcy >= srcCanvas.height) return; - - // Otherwise, clip rectangle to area - if (srcx + srcw > srcCanvas.width) - srcw = srcCanvas.width - srcx; - - if (srcy + srch > srcCanvas.height) - srch = srcCanvas.height - srcy; - - // Stop if nothing to draw. - if (srcw === 0 || srch === 0) return; - - if (layer.autosize) fitRect(x, y, srcw, srch); - - // Get image data from src and dst - var src = srcLayer.getCanvas().getContext("2d").getImageData(srcx, srcy, srcw, srch); - var dst = context.getImageData(x , y, srcw, srch); - - // Apply transfer for each pixel - for (var i=0; i= srcCanvas.width || srcy >= srcCanvas.height) return; - - // Otherwise, clip rectangle to area - if (srcx + srcw > srcCanvas.width) - srcw = srcCanvas.width - srcx; - - if (srcy + srch > srcCanvas.height) - srch = srcCanvas.height - srcy; - - // Stop if nothing to draw. - if (srcw === 0 || srch === 0) return; - - if (layer.autosize) fitRect(x, y, srcw, srch); - - // Get image data from src and dst - var src = srcLayer.getCanvas().getContext("2d").getImageData(srcx, srcy, srcw, srch); - context.putImageData(src, x, y); - empty = false; - - }; - - /** - * Copy a rectangle of image data from one Layer to this Layer. This - * operation will copy exactly the image data that will be drawn once all - * operations of the source Layer that were pending at the time this - * function was called are complete. This operation will not alter the - * size of the source Layer even if its autosize property is set to true. - * - * @param {Guacamole.Layer} srcLayer The Layer to copy image data from. - * @param {Number} srcx The X coordinate of the upper-left corner of the - * rectangle within the source Layer's coordinate - * space to copy data from. - * @param {Number} srcy The Y coordinate of the upper-left corner of the - * rectangle within the source Layer's coordinate - * space to copy data from. - * @param {Number} srcw The width of the rectangle within the source Layer's - * coordinate space to copy data from. - * @param {Number} srch The height of the rectangle within the source - * Layer's coordinate space to copy data from. - * @param {Number} x The destination X coordinate. - * @param {Number} y The destination Y coordinate. - */ - this.copy = function(srcLayer, srcx, srcy, srcw, srch, x, y) { - - var srcCanvas = srcLayer.getCanvas(); - - // If entire rectangle outside source canvas, stop - if (srcx >= srcCanvas.width || srcy >= srcCanvas.height) return; - - // Otherwise, clip rectangle to area - if (srcx + srcw > srcCanvas.width) - srcw = srcCanvas.width - srcx; - - if (srcy + srch > srcCanvas.height) - srch = srcCanvas.height - srcy; - - // Stop if nothing to draw. - if (srcw === 0 || srch === 0) return; - - if (layer.autosize) fitRect(x, y, srcw, srch); - context.drawImage(srcCanvas, srcx, srcy, srcw, srch, x, y, srcw, srch); - empty = false; - - }; - - /** - * Starts a new path at the specified point. - * - * @param {Number} x The X coordinate of the point to draw. - * @param {Number} y The Y coordinate of the point to draw. - */ - this.moveTo = function(x, y) { - - // Start a new path if current path is closed - if (pathClosed) { - context.beginPath(); - pathClosed = false; - } - - if (layer.autosize) fitRect(x, y, 0, 0); - context.moveTo(x, y); - - }; - - /** - * Add the specified line to the current path. - * - * @param {Number} x The X coordinate of the endpoint of the line to draw. - * @param {Number} y The Y coordinate of the endpoint of the line to draw. - */ - this.lineTo = function(x, y) { - - // Start a new path if current path is closed - if (pathClosed) { - context.beginPath(); - pathClosed = false; - } - - if (layer.autosize) fitRect(x, y, 0, 0); - context.lineTo(x, y); - - }; - - /** - * Add the specified arc to the current path. - * - * @param {Number} x The X coordinate of the center of the circle which - * will contain the arc. - * @param {Number} y The Y coordinate of the center of the circle which - * will contain the arc. - * @param {Number} radius The radius of the circle. - * @param {Number} startAngle The starting angle of the arc, in radians. - * @param {Number} endAngle The ending angle of the arc, in radians. - * @param {Boolean} negative Whether the arc should be drawn in order of - * decreasing angle. - */ - this.arc = function(x, y, radius, startAngle, endAngle, negative) { - - // Start a new path if current path is closed - if (pathClosed) { - context.beginPath(); - pathClosed = false; - } - - if (layer.autosize) fitRect(x, y, 0, 0); - context.arc(x, y, radius, startAngle, endAngle, negative); - - }; - - /** - * Starts a new path at the specified point. - * - * @param {Number} cp1x The X coordinate of the first control point. - * @param {Number} cp1y The Y coordinate of the first control point. - * @param {Number} cp2x The X coordinate of the second control point. - * @param {Number} cp2y The Y coordinate of the second control point. - * @param {Number} x The X coordinate of the endpoint of the curve. - * @param {Number} y The Y coordinate of the endpoint of the curve. - */ - this.curveTo = function(cp1x, cp1y, cp2x, cp2y, x, y) { - - // Start a new path if current path is closed - if (pathClosed) { - context.beginPath(); - pathClosed = false; - } - - if (layer.autosize) fitRect(x, y, 0, 0); - context.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y); - - }; - - /** - * Closes the current path by connecting the end point with the start - * point (if any) with a straight line. - */ - this.close = function() { - context.closePath(); - pathClosed = true; - }; - - /** - * Add the specified rectangle to the current path. - * - * @param {Number} x The X coordinate of the upper-left corner of the - * rectangle to draw. - * @param {Number} y The Y coordinate of the upper-left corner of the - * rectangle to draw. - * @param {Number} w The width of the rectangle to draw. - * @param {Number} h The height of the rectangle to draw. - */ - this.rect = function(x, y, w, h) { - - // Start a new path if current path is closed - if (pathClosed) { - context.beginPath(); - pathClosed = false; - } - - if (layer.autosize) fitRect(x, y, w, h); - context.rect(x, y, w, h); - - }; - - /** - * Clip all future drawing operations by the current path. The current path - * is implicitly closed. The current path can continue to be reused - * for other operations (such as fillColor()) but a new path will be started - * once a path drawing operation (path() or rect()) is used. - */ - this.clip = function() { - - // Set new clipping region - context.clip(); - - // Path now implicitly closed - pathClosed = true; - - }; - - /** - * Stroke the current path with the specified color. The current path - * is implicitly closed. The current path can continue to be reused - * for other operations (such as clip()) but a new path will be started - * once a path drawing operation (path() or rect()) is used. - * - * @param {String} cap The line cap style. Can be "round", "square", - * or "butt". - * @param {String} join The line join style. Can be "round", "bevel", - * or "miter". - * @param {Number} thickness The line thickness in pixels. - * @param {Number} r The red component of the color to fill. - * @param {Number} g The green component of the color to fill. - * @param {Number} b The blue component of the color to fill. - * @param {Number} a The alpha component of the color to fill. - */ - this.strokeColor = function(cap, join, thickness, r, g, b, a) { - - // Stroke with color - context.lineCap = cap; - context.lineJoin = join; - context.lineWidth = thickness; - context.strokeStyle = "rgba(" + r + "," + g + "," + b + "," + a/255.0 + ")"; - context.stroke(); - empty = false; - - // Path now implicitly closed - pathClosed = true; - - }; - - /** - * Fills the current path with the specified color. The current path - * is implicitly closed. The current path can continue to be reused - * for other operations (such as clip()) but a new path will be started - * once a path drawing operation (path() or rect()) is used. - * - * @param {Number} r The red component of the color to fill. - * @param {Number} g The green component of the color to fill. - * @param {Number} b The blue component of the color to fill. - * @param {Number} a The alpha component of the color to fill. - */ - this.fillColor = function(r, g, b, a) { - - // Fill with color - context.fillStyle = "rgba(" + r + "," + g + "," + b + "," + a/255.0 + ")"; - context.fill(); - empty = false; - - // Path now implicitly closed - pathClosed = true; - - }; - - /** - * Stroke the current path with the image within the specified layer. The - * image data will be tiled infinitely within the stroke. The current path - * is implicitly closed. The current path can continue to be reused - * for other operations (such as clip()) but a new path will be started - * once a path drawing operation (path() or rect()) is used. - * - * @param {String} cap The line cap style. Can be "round", "square", - * or "butt". - * @param {String} join The line join style. Can be "round", "bevel", - * or "miter". - * @param {Number} thickness The line thickness in pixels. - * @param {Guacamole.Layer} srcLayer The layer to use as a repeating pattern - * within the stroke. - */ - this.strokeLayer = function(cap, join, thickness, srcLayer) { - - // Stroke with image data - context.lineCap = cap; - context.lineJoin = join; - context.lineWidth = thickness; - context.strokeStyle = context.createPattern( - srcLayer.getCanvas(), - "repeat" - ); - context.stroke(); - empty = false; - - // Path now implicitly closed - pathClosed = true; - - }; - - /** - * Fills the current path with the image within the specified layer. The - * image data will be tiled infinitely within the stroke. The current path - * is implicitly closed. The current path can continue to be reused - * for other operations (such as clip()) but a new path will be started - * once a path drawing operation (path() or rect()) is used. - * - * @param {Guacamole.Layer} srcLayer The layer to use as a repeating pattern - * within the fill. - */ - this.fillLayer = function(srcLayer) { - - // Fill with image data - context.fillStyle = context.createPattern( - srcLayer.getCanvas(), - "repeat" - ); - context.fill(); - empty = false; - - // Path now implicitly closed - pathClosed = true; - - }; - - /** - * Push current layer state onto stack. - */ - this.push = function() { - - // Save current state onto stack - context.save(); - stackSize++; - - }; - - /** - * Pop layer state off stack. - */ - this.pop = function() { - - // Restore current state from stack - if (stackSize > 0) { - context.restore(); - stackSize--; - } - - }; - - /** - * Reset the layer, clearing the stack, the current path, and any transform - * matrix. - */ - this.reset = function() { - - // Clear stack - while (stackSize > 0) { - context.restore(); - stackSize--; - } - - // Restore to initial state - context.restore(); - context.save(); - - // Clear path - context.beginPath(); - pathClosed = false; - - }; - - /** - * Sets the given affine transform (defined with six values from the - * transform's matrix). - * - * @param {Number} a The first value in the affine transform's matrix. - * @param {Number} b The second value in the affine transform's matrix. - * @param {Number} c The third value in the affine transform's matrix. - * @param {Number} d The fourth value in the affine transform's matrix. - * @param {Number} e The fifth value in the affine transform's matrix. - * @param {Number} f The sixth value in the affine transform's matrix. - */ - this.setTransform = function(a, b, c, d, e, f) { - context.setTransform( - a, b, c, - d, e, f - /*0, 0, 1*/ - ); - }; - - /** - * Applies the given affine transform (defined with six values from the - * transform's matrix). - * - * @param {Number} a The first value in the affine transform's matrix. - * @param {Number} b The second value in the affine transform's matrix. - * @param {Number} c The third value in the affine transform's matrix. - * @param {Number} d The fourth value in the affine transform's matrix. - * @param {Number} e The fifth value in the affine transform's matrix. - * @param {Number} f The sixth value in the affine transform's matrix. - */ - this.transform = function(a, b, c, d, e, f) { - context.transform( - a, b, c, - d, e, f - /*0, 0, 1*/ - ); - }; - - /** - * Sets the channel mask for future operations on this Layer. - * - * The channel mask is a Guacamole-specific compositing operation identifier - * with a single bit representing each of four channels (in order): source - * image where destination transparent, source where destination opaque, - * destination where source transparent, and destination where source - * opaque. - * - * @param {Number} mask The channel mask for future operations on this - * Layer. - */ - this.setChannelMask = function(mask) { - context.globalCompositeOperation = compositeOperation[mask]; - }; - - /** - * Sets the miter limit for stroke operations using the miter join. This - * limit is the maximum ratio of the size of the miter join to the stroke - * width. If this ratio is exceeded, the miter will not be drawn for that - * joint of the path. - * - * @param {Number} limit The miter limit for stroke operations using the - * miter join. - */ - this.setMiterLimit = function(limit) { - context.miterLimit = limit; - }; - - // Initialize canvas dimensions - resize(width, height); - - // Explicitly render canvas below other elements in the layer (such as - // child layers). Chrome and others may fail to render layers properly - // without this. - canvas.style.zIndex = -1; - -}; - -/** - * Channel mask for the composite operation "rout". - */ -Guacamole.Layer.ROUT = 0x2; - -/** - * Channel mask for the composite operation "atop". - */ -Guacamole.Layer.ATOP = 0x6; - -/** - * Channel mask for the composite operation "xor". - */ -Guacamole.Layer.XOR = 0xA; - -/** - * Channel mask for the composite operation "rover". - */ -Guacamole.Layer.ROVER = 0xB; - -/** - * Channel mask for the composite operation "over". - */ -Guacamole.Layer.OVER = 0xE; - -/** - * Channel mask for the composite operation "plus". - */ -Guacamole.Layer.PLUS = 0xF; - -/** - * Channel mask for the composite operation "rin". - * Beware that WebKit-based browsers may leave the contents of the destionation - * layer where the source layer is transparent, despite the definition of this - * operation. - */ -Guacamole.Layer.RIN = 0x1; - -/** - * Channel mask for the composite operation "in". - * Beware that WebKit-based browsers may leave the contents of the destionation - * layer where the source layer is transparent, despite the definition of this - * operation. - */ -Guacamole.Layer.IN = 0x4; - -/** - * Channel mask for the composite operation "out". - * Beware that WebKit-based browsers may leave the contents of the destionation - * layer where the source layer is transparent, despite the definition of this - * operation. - */ -Guacamole.Layer.OUT = 0x8; - -/** - * Channel mask for the composite operation "ratop". - * Beware that WebKit-based browsers may leave the contents of the destionation - * layer where the source layer is transparent, despite the definition of this - * operation. - */ -Guacamole.Layer.RATOP = 0x9; - -/** - * Channel mask for the composite operation "src". - * Beware that WebKit-based browsers may leave the contents of the destionation - * layer where the source layer is transparent, despite the definition of this - * operation. - */ -Guacamole.Layer.SRC = 0xC; - -/** - * Represents a single pixel of image data. All components have a minimum value - * of 0 and a maximum value of 255. - * - * @constructor - * - * @param {Number} r The red component of this pixel. - * @param {Number} g The green component of this pixel. - * @param {Number} b The blue component of this pixel. - * @param {Number} a The alpha component of this pixel. - */ -Guacamole.Layer.Pixel = function(r, g, b, a) { - - /** - * The red component of this pixel, where 0 is the minimum value, - * and 255 is the maximum. - */ - this.red = r; - - /** - * The green component of this pixel, where 0 is the minimum value, - * and 255 is the maximum. - */ - this.green = g; - - /** - * The blue component of this pixel, where 0 is the minimum value, - * and 255 is the maximum. - */ - this.blue = b; - - /** - * The alpha component of this pixel, where 0 is the minimum value, - * and 255 is the maximum. - */ - this.alpha = a; - -}; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * Provides cross-browser mouse events for a given element. The events of - * the given element are automatically populated with handlers that translate - * mouse events into a non-browser-specific event provided by the - * Guacamole.Mouse instance. - * - * @constructor - * @param {Element} element The Element to use to provide mouse events. - */ -Guacamole.Mouse = function(element) { - - /** - * Reference to this Guacamole.Mouse. - * @private - */ - var guac_mouse = this; - - /** - * The number of mousemove events to require before re-enabling mouse - * event handling after receiving a touch event. - */ - this.touchMouseThreshold = 3; - - /** - * The minimum amount of pixels scrolled required for a single scroll button - * click. - */ - this.scrollThreshold = 53; - - /** - * The number of pixels to scroll per line. - */ - this.PIXELS_PER_LINE = 18; - - /** - * The number of pixels to scroll per page. - */ - this.PIXELS_PER_PAGE = this.PIXELS_PER_LINE * 16; - - /** - * The current mouse state. The properties of this state are updated when - * mouse events fire. This state object is also passed in as a parameter to - * the handler of any mouse events. - * - * @type {Guacamole.Mouse.State} - */ - this.currentState = new Guacamole.Mouse.State( - 0, 0, - false, false, false, false, false - ); - - /** - * Fired whenever the user presses a mouse button down over the element - * associated with this Guacamole.Mouse. - * - * @event - * @param {Guacamole.Mouse.State} state The current mouse state. - */ - this.onmousedown = null; - - /** - * Fired whenever the user releases a mouse button down over the element - * associated with this Guacamole.Mouse. - * - * @event - * @param {Guacamole.Mouse.State} state The current mouse state. - */ - this.onmouseup = null; - - /** - * Fired whenever the user moves the mouse over the element associated with - * this Guacamole.Mouse. - * - * @event - * @param {Guacamole.Mouse.State} state The current mouse state. - */ - this.onmousemove = null; - - /** - * Fired whenever the mouse leaves the boundaries of the element associated - * with this Guacamole.Mouse. - * - * @event - */ - this.onmouseout = null; - - /** - * Counter of mouse events to ignore. This decremented by mousemove, and - * while non-zero, mouse events will have no effect. - * @private - */ - var ignore_mouse = 0; - - /** - * Cumulative scroll delta amount. This value is accumulated through scroll - * events and results in scroll button clicks if it exceeds a certain - * threshold. - * - * @private - */ - var scroll_delta = 0; - - function cancelEvent(e) { - e.stopPropagation(); - if (e.preventDefault) e.preventDefault(); - e.returnValue = false; - } - - // Block context menu so right-click gets sent properly - element.addEventListener("contextmenu", function(e) { - cancelEvent(e); - }, false); - - element.addEventListener("mousemove", function(e) { - - cancelEvent(e); - - // If ignoring events, decrement counter - if (ignore_mouse) { - ignore_mouse--; - return; - } - - guac_mouse.currentState.fromClientPosition(element, e.clientX, e.clientY); - - if (guac_mouse.onmousemove) - guac_mouse.onmousemove(guac_mouse.currentState); - - }, false); - - element.addEventListener("mousedown", function(e) { - - cancelEvent(e); - - // Do not handle if ignoring events - if (ignore_mouse) - return; - - switch (e.button) { - case 0: - guac_mouse.currentState.left = true; - break; - case 1: - guac_mouse.currentState.middle = true; - break; - case 2: - guac_mouse.currentState.right = true; - break; - } - - if (guac_mouse.onmousedown) - guac_mouse.onmousedown(guac_mouse.currentState); - - }, false); - - element.addEventListener("mouseup", function(e) { - - cancelEvent(e); - - // Do not handle if ignoring events - if (ignore_mouse) - return; - - switch (e.button) { - case 0: - guac_mouse.currentState.left = false; - break; - case 1: - guac_mouse.currentState.middle = false; - break; - case 2: - guac_mouse.currentState.right = false; - break; - } - - if (guac_mouse.onmouseup) { - guac_mouse.onmouseup(guac_mouse.currentState); - } - - }, false); - - element.addEventListener("mouseout", function(e) { - - // Get parent of the element the mouse pointer is leaving - if (!e) e = window.event; - - // Check that mouseout is due to actually LEAVING the element - var target = e.relatedTarget || e.toElement; - while (target) { - if (target === element) - return; - target = target.parentNode; - } - - cancelEvent(e); - - // Release all buttons - if (guac_mouse.currentState.left - || guac_mouse.currentState.middle - || guac_mouse.currentState.right) { - - guac_mouse.currentState.left = false; - guac_mouse.currentState.middle = false; - guac_mouse.currentState.right = false; - - if (guac_mouse.onmouseup) - guac_mouse.onmouseup(guac_mouse.currentState); - } - - // Fire onmouseout event - if (guac_mouse.onmouseout) - guac_mouse.onmouseout(); - - }, false); - - // Override selection on mouse event element. - element.addEventListener("selectstart", function(e) { - cancelEvent(e); - }, false); - - // Ignore all pending mouse events when touch events are the apparent source - function ignorePendingMouseEvents() { ignore_mouse = guac_mouse.touchMouseThreshold; } - - element.addEventListener("touchmove", ignorePendingMouseEvents, false); - element.addEventListener("touchstart", ignorePendingMouseEvents, false); - element.addEventListener("touchend", ignorePendingMouseEvents, false); - - // Scroll wheel support - function mousewheel_handler(e) { - - // Determine approximate scroll amount (in pixels) - var delta = e.deltaY || -e.wheelDeltaY || -e.wheelDelta; - - // If successfully retrieved scroll amount, convert to pixels if not - // already in pixels - if (delta) { - - // Convert to pixels if delta was lines - if (e.deltaMode === 1) - delta = e.deltaY * guac_mouse.PIXELS_PER_LINE; - - // Convert to pixels if delta was pages - else if (e.deltaMode === 2) - delta = e.deltaY * guac_mouse.PIXELS_PER_PAGE; - - } - - // Otherwise, assume legacy mousewheel event and line scrolling - else - delta = e.detail * guac_mouse.PIXELS_PER_LINE; - - // Update overall delta - scroll_delta += delta; - - // Up - if (scroll_delta <= -guac_mouse.scrollThreshold) { - - // Repeatedly click the up button until insufficient delta remains - do { - - if (guac_mouse.onmousedown) { - guac_mouse.currentState.up = true; - guac_mouse.onmousedown(guac_mouse.currentState); - } - - if (guac_mouse.onmouseup) { - guac_mouse.currentState.up = false; - guac_mouse.onmouseup(guac_mouse.currentState); - } - - scroll_delta += guac_mouse.scrollThreshold; - - } while (scroll_delta <= -guac_mouse.scrollThreshold); - - // Reset delta - scroll_delta = 0; - - } - - // Down - if (scroll_delta >= guac_mouse.scrollThreshold) { - - // Repeatedly click the down button until insufficient delta remains - do { - - if (guac_mouse.onmousedown) { - guac_mouse.currentState.down = true; - guac_mouse.onmousedown(guac_mouse.currentState); - } - - if (guac_mouse.onmouseup) { - guac_mouse.currentState.down = false; - guac_mouse.onmouseup(guac_mouse.currentState); - } - - scroll_delta -= guac_mouse.scrollThreshold; - - } while (scroll_delta >= guac_mouse.scrollThreshold); - - // Reset delta - scroll_delta = 0; - - } - - cancelEvent(e); - - } - - element.addEventListener('DOMMouseScroll', mousewheel_handler, false); - element.addEventListener('mousewheel', mousewheel_handler, false); - element.addEventListener('wheel', mousewheel_handler, false); - - /** - * Whether the browser supports CSS3 cursor styling, including hotspot - * coordinates. - * - * @private - * @type {Boolean} - */ - var CSS3_CURSOR_SUPPORTED = (function() { - - var div = document.createElement("div"); - - // If no cursor property at all, then no support - if (!("cursor" in div.style)) - return false; - - try { - // Apply simple 1x1 PNG - div.style.cursor = "url(data:image/png;base64," - + "iVBORw0KGgoAAAANSUhEUgAAAAEAAAAB" - + "AQMAAAAl21bKAAAAA1BMVEX///+nxBvI" - + "AAAACklEQVQI12NgAAAAAgAB4iG8MwAA" - + "AABJRU5ErkJggg==) 0 0, auto"; - } - catch (e) { - return false; - } - - // Verify cursor property is set to URL with hotspot - return /\burl\([^()]*\)\s+0\s+0\b/.test(div.style.cursor || ""); - - })(); - - /** - * Changes the local mouse cursor to the given canvas, having the given - * hotspot coordinates. This affects styling of the element backing this - * Guacamole.Mouse only, and may fail depending on browser support for - * setting the mouse cursor. - * - * If setting the local cursor is desired, it is up to the implementation - * to do something else, such as use the software cursor built into - * Guacamole.Display, if the local cursor cannot be set. - * - * @param {HTMLCanvasElement} canvas The cursor image. - * @param {Number} x The X-coordinate of the cursor hotspot. - * @param {Number} y The Y-coordinate of the cursor hotspot. - * @return {Boolean} true if the cursor was successfully set, false if the - * cursor could not be set for any reason. - */ - this.setCursor = function(canvas, x, y) { - - // Attempt to set via CSS3 cursor styling - if (CSS3_CURSOR_SUPPORTED) { - var dataURL = canvas.toDataURL('image/png'); - element.style.cursor = "url(" + dataURL + ") " + x + " " + y + ", auto"; - return true; - } - - // Otherwise, setting cursor failed - return false; - - }; - -}; - -/** - * Simple container for properties describing the state of a mouse. - * - * @constructor - * @param {Number} x The X position of the mouse pointer in pixels. - * @param {Number} y The Y position of the mouse pointer in pixels. - * @param {Boolean} left Whether the left mouse button is pressed. - * @param {Boolean} middle Whether the middle mouse button is pressed. - * @param {Boolean} right Whether the right mouse button is pressed. - * @param {Boolean} up Whether the up mouse button is pressed (the fourth - * button, usually part of a scroll wheel). - * @param {Boolean} down Whether the down mouse button is pressed (the fifth - * button, usually part of a scroll wheel). - */ -Guacamole.Mouse.State = function(x, y, left, middle, right, up, down) { - - /** - * Reference to this Guacamole.Mouse.State. - * @private - */ - var guac_state = this; - - /** - * The current X position of the mouse pointer. - * @type {Number} - */ - this.x = x; - - /** - * The current Y position of the mouse pointer. - * @type {Number} - */ - this.y = y; - - /** - * Whether the left mouse button is currently pressed. - * @type {Boolean} - */ - this.left = left; - - /** - * Whether the middle mouse button is currently pressed. - * @type {Boolean} - */ - this.middle = middle; - - /** - * Whether the right mouse button is currently pressed. - * @type {Boolean} - */ - this.right = right; - - /** - * Whether the up mouse button is currently pressed. This is the fourth - * mouse button, associated with upward scrolling of the mouse scroll - * wheel. - * @type {Boolean} - */ - this.up = up; - - /** - * Whether the down mouse button is currently pressed. This is the fifth - * mouse button, associated with downward scrolling of the mouse scroll - * wheel. - * @type {Boolean} - */ - this.down = down; - - /** - * Updates the position represented within this state object by the given - * element and clientX/clientY coordinates (commonly available within event - * objects). Position is translated from clientX/clientY (relative to - * viewport) to element-relative coordinates. - * - * @param {Element} element The element the coordinates should be relative - * to. - * @param {Number} clientX The X coordinate to translate, viewport-relative. - * @param {Number} clientY The Y coordinate to translate, viewport-relative. - */ - this.fromClientPosition = function(element, clientX, clientY) { - - guac_state.x = clientX - element.offsetLeft; - guac_state.y = clientY - element.offsetTop; - - // This is all JUST so we can get the mouse position within the element - var parent = element.offsetParent; - while (parent && !(parent === document.body)) { - guac_state.x -= parent.offsetLeft - parent.scrollLeft; - guac_state.y -= parent.offsetTop - parent.scrollTop; - - parent = parent.offsetParent; - } - - // Element ultimately depends on positioning within document body, - // take document scroll into account. - if (parent) { - var documentScrollLeft = document.body.scrollLeft || document.documentElement.scrollLeft; - var documentScrollTop = document.body.scrollTop || document.documentElement.scrollTop; - - guac_state.x -= parent.offsetLeft - documentScrollLeft; - guac_state.y -= parent.offsetTop - documentScrollTop; - } - - }; - -}; - -/** - * Provides cross-browser relative touch event translation for a given element. - * - * Touch events are translated into mouse events as if the touches occurred - * on a touchpad (drag to push the mouse pointer, tap to click). - * - * @constructor - * @param {Element} element The Element to use to provide touch events. - */ -Guacamole.Mouse.Touchpad = function(element) { - - /** - * Reference to this Guacamole.Mouse.Touchpad. - * @private - */ - var guac_touchpad = this; - - /** - * The distance a two-finger touch must move per scrollwheel event, in - * pixels. - */ - this.scrollThreshold = 20 * (window.devicePixelRatio || 1); - - /** - * The maximum number of milliseconds to wait for a touch to end for the - * gesture to be considered a click. - */ - this.clickTimingThreshold = 250; - - /** - * The maximum number of pixels to allow a touch to move for the gesture to - * be considered a click. - */ - this.clickMoveThreshold = 10 * (window.devicePixelRatio || 1); - - /** - * The current mouse state. The properties of this state are updated when - * mouse events fire. This state object is also passed in as a parameter to - * the handler of any mouse events. - * - * @type {Guacamole.Mouse.State} - */ - this.currentState = new Guacamole.Mouse.State( - 0, 0, - false, false, false, false, false - ); - - /** - * Fired whenever a mouse button is effectively pressed. This can happen - * as part of a "click" gesture initiated by the user by tapping one - * or more fingers over the touchpad element, as part of a "scroll" - * gesture initiated by dragging two fingers up or down, etc. - * - * @event - * @param {Guacamole.Mouse.State} state The current mouse state. - */ - this.onmousedown = null; - - /** - * Fired whenever a mouse button is effectively released. This can happen - * as part of a "click" gesture initiated by the user by tapping one - * or more fingers over the touchpad element, as part of a "scroll" - * gesture initiated by dragging two fingers up or down, etc. - * - * @event - * @param {Guacamole.Mouse.State} state The current mouse state. - */ - this.onmouseup = null; - - /** - * Fired whenever the user moves the mouse by dragging their finger over - * the touchpad element. - * - * @event - * @param {Guacamole.Mouse.State} state The current mouse state. - */ - this.onmousemove = null; - - var touch_count = 0; - var last_touch_x = 0; - var last_touch_y = 0; - var last_touch_time = 0; - var pixels_moved = 0; - - var touch_buttons = { - 1: "left", - 2: "right", - 3: "middle" - }; - - var gesture_in_progress = false; - var click_release_timeout = null; - - element.addEventListener("touchend", function(e) { - - e.preventDefault(); - - // If we're handling a gesture AND this is the last touch - if (gesture_in_progress && e.touches.length === 0) { - - var time = new Date().getTime(); - - // Get corresponding mouse button - var button = touch_buttons[touch_count]; - - // If mouse already down, release anad clear timeout - if (guac_touchpad.currentState[button]) { - - // Fire button up event - guac_touchpad.currentState[button] = false; - if (guac_touchpad.onmouseup) - guac_touchpad.onmouseup(guac_touchpad.currentState); - - // Clear timeout, if set - if (click_release_timeout) { - window.clearTimeout(click_release_timeout); - click_release_timeout = null; - } - - } - - // If single tap detected (based on time and distance) - if (time - last_touch_time <= guac_touchpad.clickTimingThreshold - && pixels_moved < guac_touchpad.clickMoveThreshold) { - - // Fire button down event - guac_touchpad.currentState[button] = true; - if (guac_touchpad.onmousedown) - guac_touchpad.onmousedown(guac_touchpad.currentState); - - // Delay mouse up - mouse up should be canceled if - // touchstart within timeout. - click_release_timeout = window.setTimeout(function() { - - // Fire button up event - guac_touchpad.currentState[button] = false; - if (guac_touchpad.onmouseup) - guac_touchpad.onmouseup(guac_touchpad.currentState); - - // Gesture now over - gesture_in_progress = false; - - }, guac_touchpad.clickTimingThreshold); - - } - - // If we're not waiting to see if this is a click, stop gesture - if (!click_release_timeout) - gesture_in_progress = false; - - } - - }, false); - - element.addEventListener("touchstart", function(e) { - - e.preventDefault(); - - // Track number of touches, but no more than three - touch_count = Math.min(e.touches.length, 3); - - // Clear timeout, if set - if (click_release_timeout) { - window.clearTimeout(click_release_timeout); - click_release_timeout = null; - } - - // Record initial touch location and time for touch movement - // and tap gestures - if (!gesture_in_progress) { - - // Stop mouse events while touching - gesture_in_progress = true; - - // Record touch location and time - var starting_touch = e.touches[0]; - last_touch_x = starting_touch.clientX; - last_touch_y = starting_touch.clientY; - last_touch_time = new Date().getTime(); - pixels_moved = 0; - - } - - }, false); - - element.addEventListener("touchmove", function(e) { - - e.preventDefault(); - - // Get change in touch location - var touch = e.touches[0]; - var delta_x = touch.clientX - last_touch_x; - var delta_y = touch.clientY - last_touch_y; - - // Track pixels moved - pixels_moved += Math.abs(delta_x) + Math.abs(delta_y); - - // If only one touch involved, this is mouse move - if (touch_count === 1) { - - // Calculate average velocity in Manhatten pixels per millisecond - var velocity = pixels_moved / (new Date().getTime() - last_touch_time); - - // Scale mouse movement relative to velocity - var scale = 1 + velocity; - - // Update mouse location - guac_touchpad.currentState.x += delta_x*scale; - guac_touchpad.currentState.y += delta_y*scale; - - // Prevent mouse from leaving screen - - if (guac_touchpad.currentState.x < 0) - guac_touchpad.currentState.x = 0; - else if (guac_touchpad.currentState.x >= element.offsetWidth) - guac_touchpad.currentState.x = element.offsetWidth - 1; - - if (guac_touchpad.currentState.y < 0) - guac_touchpad.currentState.y = 0; - else if (guac_touchpad.currentState.y >= element.offsetHeight) - guac_touchpad.currentState.y = element.offsetHeight - 1; - - // Fire movement event, if defined - if (guac_touchpad.onmousemove) - guac_touchpad.onmousemove(guac_touchpad.currentState); - - // Update touch location - last_touch_x = touch.clientX; - last_touch_y = touch.clientY; - - } - - // Interpret two-finger swipe as scrollwheel - else if (touch_count === 2) { - - // If change in location passes threshold for scroll - if (Math.abs(delta_y) >= guac_touchpad.scrollThreshold) { - - // Decide button based on Y movement direction - var button; - if (delta_y > 0) button = "down"; - else button = "up"; - - // Fire button down event - guac_touchpad.currentState[button] = true; - if (guac_touchpad.onmousedown) - guac_touchpad.onmousedown(guac_touchpad.currentState); - - // Fire button up event - guac_touchpad.currentState[button] = false; - if (guac_touchpad.onmouseup) - guac_touchpad.onmouseup(guac_touchpad.currentState); - - // Only update touch location after a scroll has been - // detected - last_touch_x = touch.clientX; - last_touch_y = touch.clientY; - - } - - } - - }, false); - -}; - -/** - * Provides cross-browser absolute touch event translation for a given element. - * - * Touch events are translated into mouse events as if the touches occurred - * on a touchscreen (tapping anywhere on the screen clicks at that point, - * long-press to right-click). - * - * @constructor - * @param {Element} element The Element to use to provide touch events. - */ -Guacamole.Mouse.Touchscreen = function(element) { - - /** - * Reference to this Guacamole.Mouse.Touchscreen. - * @private - */ - var guac_touchscreen = this; - - /** - * Whether a gesture is known to be in progress. If false, touch events - * will be ignored. - * - * @private - */ - var gesture_in_progress = false; - - /** - * The start X location of a gesture. - * @private - */ - var gesture_start_x = null; - - /** - * The start Y location of a gesture. - * @private - */ - var gesture_start_y = null; - - /** - * The timeout associated with the delayed, cancellable click release. - * - * @private - */ - var click_release_timeout = null; - - /** - * The timeout associated with long-press for right click. - * - * @private - */ - var long_press_timeout = null; - - /** - * The distance a two-finger touch must move per scrollwheel event, in - * pixels. - */ - this.scrollThreshold = 20 * (window.devicePixelRatio || 1); - - /** - * The maximum number of milliseconds to wait for a touch to end for the - * gesture to be considered a click. - */ - this.clickTimingThreshold = 250; - - /** - * The maximum number of pixels to allow a touch to move for the gesture to - * be considered a click. - */ - this.clickMoveThreshold = 16 * (window.devicePixelRatio || 1); - - /** - * The amount of time a press must be held for long press to be - * detected. - */ - this.longPressThreshold = 500; - - /** - * The current mouse state. The properties of this state are updated when - * mouse events fire. This state object is also passed in as a parameter to - * the handler of any mouse events. - * - * @type {Guacamole.Mouse.State} - */ - this.currentState = new Guacamole.Mouse.State( - 0, 0, - false, false, false, false, false - ); - - /** - * Fired whenever a mouse button is effectively pressed. This can happen - * as part of a "mousedown" gesture initiated by the user by pressing one - * finger over the touchscreen element, as part of a "scroll" gesture - * initiated by dragging two fingers up or down, etc. - * - * @event - * @param {Guacamole.Mouse.State} state The current mouse state. - */ - this.onmousedown = null; - - /** - * Fired whenever a mouse button is effectively released. This can happen - * as part of a "mouseup" gesture initiated by the user by removing the - * finger pressed against the touchscreen element, or as part of a "scroll" - * gesture initiated by dragging two fingers up or down, etc. - * - * @event - * @param {Guacamole.Mouse.State} state The current mouse state. - */ - this.onmouseup = null; - - /** - * Fired whenever the user moves the mouse by dragging their finger over - * the touchscreen element. Note that unlike Guacamole.Mouse.Touchpad, - * dragging a finger over the touchscreen element will always cause - * the mouse button to be effectively down, as if clicking-and-dragging. - * - * @event - * @param {Guacamole.Mouse.State} state The current mouse state. - */ - this.onmousemove = null; - - /** - * Presses the given mouse button, if it isn't already pressed. Valid - * button values are "left", "middle", "right", "up", and "down". - * - * @private - * @param {String} button The mouse button to press. - */ - function press_button(button) { - if (!guac_touchscreen.currentState[button]) { - guac_touchscreen.currentState[button] = true; - if (guac_touchscreen.onmousedown) - guac_touchscreen.onmousedown(guac_touchscreen.currentState); - } - } - - /** - * Releases the given mouse button, if it isn't already released. Valid - * button values are "left", "middle", "right", "up", and "down". - * - * @private - * @param {String} button The mouse button to release. - */ - function release_button(button) { - if (guac_touchscreen.currentState[button]) { - guac_touchscreen.currentState[button] = false; - if (guac_touchscreen.onmouseup) - guac_touchscreen.onmouseup(guac_touchscreen.currentState); - } - } - - /** - * Clicks (presses and releases) the given mouse button. Valid button - * values are "left", "middle", "right", "up", and "down". - * - * @private - * @param {String} button The mouse button to click. - */ - function click_button(button) { - press_button(button); - release_button(button); - } - - /** - * Moves the mouse to the given coordinates. These coordinates must be - * relative to the browser window, as they will be translated based on - * the touch event target's location within the browser window. - * - * @private - * @param {Number} x The X coordinate of the mouse pointer. - * @param {Number} y The Y coordinate of the mouse pointer. - */ - function move_mouse(x, y) { - guac_touchscreen.currentState.fromClientPosition(element, x, y); - if (guac_touchscreen.onmousemove) - guac_touchscreen.onmousemove(guac_touchscreen.currentState); - } - - /** - * Returns whether the given touch event exceeds the movement threshold for - * clicking, based on where the touch gesture began. - * - * @private - * @param {TouchEvent} e The touch event to check. - * @return {Boolean} true if the movement threshold is exceeded, false - * otherwise. - */ - function finger_moved(e) { - var touch = e.touches[0] || e.changedTouches[0]; - var delta_x = touch.clientX - gesture_start_x; - var delta_y = touch.clientY - gesture_start_y; - return Math.sqrt(delta_x*delta_x + delta_y*delta_y) >= guac_touchscreen.clickMoveThreshold; - } - - /** - * Begins a new gesture at the location of the first touch in the given - * touch event. - * - * @private - * @param {TouchEvent} e The touch event beginning this new gesture. - */ - function begin_gesture(e) { - var touch = e.touches[0]; - gesture_in_progress = true; - gesture_start_x = touch.clientX; - gesture_start_y = touch.clientY; - } - - /** - * End the current gesture entirely. Wait for all touches to be done before - * resuming gesture detection. - * - * @private - */ - function end_gesture() { - window.clearTimeout(click_release_timeout); - window.clearTimeout(long_press_timeout); - gesture_in_progress = false; - } - - element.addEventListener("touchend", function(e) { - - // Do not handle if no gesture - if (!gesture_in_progress) - return; - - // Ignore if more than one touch - if (e.touches.length !== 0 || e.changedTouches.length !== 1) { - end_gesture(); - return; - } - - // Long-press, if any, is over - window.clearTimeout(long_press_timeout); - - // Always release mouse button if pressed - release_button("left"); - - // If finger hasn't moved enough to cancel the click - if (!finger_moved(e)) { - - e.preventDefault(); - - // If not yet pressed, press and start delay release - if (!guac_touchscreen.currentState.left) { - - var touch = e.changedTouches[0]; - move_mouse(touch.clientX, touch.clientY); - press_button("left"); - - // Release button after a delay, if not canceled - click_release_timeout = window.setTimeout(function() { - release_button("left"); - end_gesture(); - }, guac_touchscreen.clickTimingThreshold); - - } - - } // end if finger not moved - - }, false); - - element.addEventListener("touchstart", function(e) { - - // Ignore if more than one touch - if (e.touches.length !== 1) { - end_gesture(); - return; - } - - e.preventDefault(); - - // New touch begins a new gesture - begin_gesture(e); - - // Keep button pressed if tap after left click - window.clearTimeout(click_release_timeout); - - // Click right button if this turns into a long-press - long_press_timeout = window.setTimeout(function() { - var touch = e.touches[0]; - move_mouse(touch.clientX, touch.clientY); - click_button("right"); - end_gesture(); - }, guac_touchscreen.longPressThreshold); - - }, false); - - element.addEventListener("touchmove", function(e) { - - // Do not handle if no gesture - if (!gesture_in_progress) - return; - - // Cancel long press if finger moved - if (finger_moved(e)) - window.clearTimeout(long_press_timeout); - - // Ignore if more than one touch - if (e.touches.length !== 1) { - end_gesture(); - return; - } - - // Update mouse position if dragging - if (guac_touchscreen.currentState.left) { - - e.preventDefault(); - - // Update state - var touch = e.touches[0]; - move_mouse(touch.clientX, touch.clientY); - - } - - }, false); - -}; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -/** - * The namespace used by the Guacamole JavaScript API. Absolutely all classes - * defined by the Guacamole JavaScript API will be within this namespace. - * - * @namespace - */ -var Guacamole = Guacamole || {}; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * An object used by the Guacamole client to house arbitrarily-many named - * input and output streams. - * - * @constructor - * @param {Guacamole.Client} client - * The client owning this object. - * - * @param {Number} index - * The index of this object. - */ -Guacamole.Object = function guacamoleObject(client, index) { - - /** - * Reference to this Guacamole.Object. - * - * @private - * @type {Guacamole.Object} - */ - var guacObject = this; - - /** - * Map of stream name to corresponding queue of callbacks. The queue of - * callbacks is guaranteed to be in order of request. - * - * @private - * @type {Object.} - */ - var bodyCallbacks = {}; - - /** - * Removes and returns the callback at the head of the callback queue for - * the stream having the given name. If no such callbacks exist, null is - * returned. - * - * @private - * @param {String} name - * The name of the stream to retrieve a callback for. - * - * @returns {Function} - * The next callback associated with the stream having the given name, - * or null if no such callback exists. - */ - var dequeueBodyCallback = function dequeueBodyCallback(name) { - - // If no callbacks defined, simply return null - var callbacks = bodyCallbacks[name]; - if (!callbacks) - return null; - - // Otherwise, pull off first callback, deleting the queue if empty - var callback = callbacks.shift(); - if (callbacks.length === 0) - delete bodyCallbacks[name]; - - // Return found callback - return callback; - - }; - - /** - * Adds the given callback to the tail of the callback queue for the stream - * having the given name. - * - * @private - * @param {String} name - * The name of the stream to associate with the given callback. - * - * @param {Function} callback - * The callback to add to the queue of the stream with the given name. - */ - var enqueueBodyCallback = function enqueueBodyCallback(name, callback) { - - // Get callback queue by name, creating first if necessary - var callbacks = bodyCallbacks[name]; - if (!callbacks) { - callbacks = []; - bodyCallbacks[name] = callbacks; - } - - // Add callback to end of queue - callbacks.push(callback); - - }; - - /** - * The index of this object. - * - * @type {Number} - */ - this.index = index; - - /** - * Called when this object receives the body of a requested input stream. - * By default, all objects will invoke the callbacks provided to their - * requestInputStream() functions based on the name of the stream - * requested. This behavior can be overridden by specifying a different - * handler here. - * - * @event - * @param {Guacamole.InputStream} inputStream - * The input stream of the received body. - * - * @param {String} mimetype - * The mimetype of the data being received. - * - * @param {String} name - * The name of the stream whose body has been received. - */ - this.onbody = function defaultBodyHandler(inputStream, mimetype, name) { - - // Call queued callback for the received body, if any - var callback = dequeueBodyCallback(name); - if (callback) - callback(inputStream, mimetype); - - }; - - /** - * Called when this object is being undefined. Once undefined, no further - * communication involving this object may occur. - * - * @event - */ - this.onundefine = null; - - /** - * Requests read access to the input stream having the given name. If - * successful, a new input stream will be created. - * - * @param {String} name - * The name of the input stream to request. - * - * @param {Function} [bodyCallback] - * The callback to invoke when the body of the requested input stream - * is received. This callback will be provided a Guacamole.InputStream - * and its mimetype as its two only arguments. If the onbody handler of - * this object is overridden, this callback will not be invoked. - */ - this.requestInputStream = function requestInputStream(name, bodyCallback) { - - // Queue body callback if provided - if (bodyCallback) - enqueueBodyCallback(name, bodyCallback); - - // Send request for input stream - client.requestObjectInputStream(guacObject.index, name); - - }; - - /** - * Creates a new output stream associated with this object and having the - * given mimetype and name. The legality of a mimetype and name is dictated - * by the object itself. - * - * @param {String} mimetype - * The mimetype of the data which will be sent to the output stream. - * - * @param {String} name - * The defined name of an output stream within this object. - * - * @returns {Guacamole.OutputStream} - * An output stream which will write blobs to the named output stream - * of this object. - */ - this.createOutputStream = function createOutputStream(mimetype, name) { - return client.createObjectOutputStream(guacObject.index, mimetype, name); - }; - -}; - -/** - * The reserved name denoting the root stream of any object. The contents of - * the root stream MUST be a JSON map of stream name to mimetype. - * - * @constant - * @type {String} - */ -Guacamole.Object.ROOT_STREAM = '/'; - -/** - * The mimetype of a stream containing JSON which maps available stream names - * to their corresponding mimetype. The root stream of a Guacamole.Object MUST - * have this mimetype. - * - * @constant - * @type {String} - */ -Guacamole.Object.STREAM_INDEX_MIMETYPE = 'application/vnd.glyptodon.guacamole.stream-index+json'; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * Dynamic on-screen keyboard. Given the layout object for an on-screen - * keyboard, this object will construct a clickable on-screen keyboard with its - * own key events. - * - * @constructor - * @param {Guacamole.OnScreenKeyboard.Layout} layout - * The layout of the on-screen keyboard to display. - */ -Guacamole.OnScreenKeyboard = function(layout) { - - /** - * Reference to this Guacamole.OnScreenKeyboard. - * - * @private - * @type {Guacamole.OnScreenKeyboard} - */ - var osk = this; - - /** - * Map of currently-set modifiers to the keysym associated with their - * original press. When the modifier is cleared, this keysym must be - * released. - * - * @private - * @type {Object.} - */ - var modifierKeysyms = {}; - - /** - * Map of all key names to their current pressed states. If a key is not - * pressed, it may not be in this map at all, but all pressed keys will - * have a corresponding mapping to true. - * - * @private - * @type {Object.} - */ - var pressed = {}; - - /** - * All scalable elements which are part of the on-screen keyboard. Each - * scalable element is carefully controlled to ensure the interface layout - * and sizing remains constant, even on browsers that would otherwise - * experience rounding error due to unit conversions. - * - * @private - * @type {ScaledElement[]} - */ - var scaledElements = []; - - /** - * Adds a CSS class to an element. - * - * @private - * @function - * @param {Element} element - * The element to add a class to. - * - * @param {String} classname - * The name of the class to add. - */ - var addClass = function addClass(element, classname) { - - // If classList supported, use that - if (element.classList) - element.classList.add(classname); - - // Otherwise, simply append the class - else - element.className += " " + classname; - - }; - - /** - * Removes a CSS class from an element. - * - * @private - * @function - * @param {Element} element - * The element to remove a class from. - * - * @param {String} classname - * The name of the class to remove. - */ - var removeClass = function removeClass(element, classname) { - - // If classList supported, use that - if (element.classList) - element.classList.remove(classname); - - // Otherwise, manually filter out classes with given name - else { - element.className = element.className.replace(/([^ ]+)[ ]*/g, - function removeMatchingClasses(match, testClassname) { - - // If same class, remove - if (testClassname === classname) - return ""; - - // Otherwise, allow - return match; - - } - ); - } - - }; - - /** - * Counter of mouse events to ignore. This decremented by mousemove, and - * while non-zero, mouse events will have no effect. - * - * @private - * @type {Number} - */ - var ignoreMouse = 0; - - /** - * Ignores all pending mouse events when touch events are the apparent - * source. Mouse events are ignored until at least touchMouseThreshold - * mouse events occur without corresponding touch events. - * - * @private - */ - var ignorePendingMouseEvents = function ignorePendingMouseEvents() { - ignoreMouse = osk.touchMouseThreshold; - }; - - /** - * An element whose dimensions are maintained according to an arbitrary - * scale. The conversion factor for these arbitrary units to pixels is - * provided later via a call to scale(). - * - * @private - * @constructor - * @param {Element} element - * The element whose scale should be maintained. - * - * @param {Number} width - * The width of the element, in arbitrary units, relative to other - * ScaledElements. - * - * @param {Number} height - * The height of the element, in arbitrary units, relative to other - * ScaledElements. - * - * @param {Boolean} [scaleFont=false] - * Whether the line height and font size should be scaled as well. - */ - var ScaledElement = function ScaledElement(element, width, height, scaleFont) { - - /** - * The width of this ScaledElement, in arbitrary units, relative to - * other ScaledElements. - * - * @type {Number} - */ - this.width = width; - - /** - * The height of this ScaledElement, in arbitrary units, relative to - * other ScaledElements. - * - * @type {Number} - */ - this.height = height; - - /** - * Resizes the associated element, updating its dimensions according to - * the given pixels per unit. - * - * @param {Number} pixels - * The number of pixels to assign per arbitrary unit. - */ - this.scale = function(pixels) { - - // Scale element width/height - element.style.width = (width * pixels) + "px"; - element.style.height = (height * pixels) + "px"; - - // Scale font, if requested - if (scaleFont) { - element.style.lineHeight = (height * pixels) + "px"; - element.style.fontSize = pixels + "px"; - } - - }; - - }; - - /** - * Returns whether all modifiers having the given names are currently - * active. - * - * @private - * @param {String[]} names - * The names of all modifiers to test. - * - * @returns {Boolean} - * true if all specified modifiers are pressed, false otherwise. - */ - var modifiersPressed = function modifiersPressed(names) { - - // If any required modifiers are not pressed, return false - for (var i=0; i < names.length; i++) { - - // Test whether current modifier is pressed - var name = names[i]; - if (!(name in modifierKeysyms)) - return false; - - } - - // Otherwise, all required modifiers are pressed - return true; - - }; - - /** - * Returns the single matching Key object associated with the key of the - * given name, where that Key object's requirements (such as pressed - * modifiers) are all currently satisfied. - * - * @private - * @param {String} keyName - * The name of the key to retrieve. - * - * @returns {Guacamole.OnScreenKeyboard.Key} - * The Key object associated with the given name, where that object's - * requirements are all currently satisfied, or null if no such Key - * can be found. - */ - var getActiveKey = function getActiveKey(keyName) { - - // Get key array for given name - var keys = osk.keys[keyName]; - if (!keys) - return null; - - // Find last matching key - for (var i = keys.length - 1; i >= 0; i--) { - - // Get candidate key - var candidate = keys[i]; - - // If all required modifiers are pressed, use that key - if (modifiersPressed(candidate.requires)) - return candidate; - - } - - // No valid key - return null; - - }; - - /** - * Presses the key having the given name, updating the associated key - * element with the "guac-keyboard-pressed" CSS class. If the key is - * already pressed, this function has no effect. - * - * @private - * @param {String} keyName - * The name of the key to press. - * - * @param {String} keyElement - * The element associated with the given key. - */ - var press = function press(keyName, keyElement) { - - // Press key if not yet pressed - if (!pressed[keyName]) { - - addClass(keyElement, "guac-keyboard-pressed"); - - // Get current key based on modifier state - var key = getActiveKey(keyName); - - // Update modifier state - if (key.modifier) { - - // Construct classname for modifier - var modifierClass = "guac-keyboard-modifier-" + getCSSName(key.modifier); - - // Retrieve originally-pressed keysym, if modifier was already pressed - var originalKeysym = modifierKeysyms[key.modifier]; - - // Activate modifier if not pressed - if (!originalKeysym) { - - addClass(keyboard, modifierClass); - modifierKeysyms[key.modifier] = key.keysym; - - // Send key event - if (osk.onkeydown) - osk.onkeydown(key.keysym); - - } - - // Deactivate if not pressed - else { - - removeClass(keyboard, modifierClass); - delete modifierKeysyms[key.modifier]; - - // Send key event - if (osk.onkeyup) - osk.onkeyup(originalKeysym); - - } - - } - - // If not modifier, send key event now - else if (osk.onkeydown) - osk.onkeydown(key.keysym); - - // Mark key as pressed - pressed[keyName] = true; - - } - - }; - - /** - * Releases the key having the given name, removing the - * "guac-keyboard-pressed" CSS class from the associated element. If the - * key is already released, this function has no effect. - * - * @private - * @param {String} keyName - * The name of the key to release. - * - * @param {String} keyElement - * The element associated with the given key. - */ - var release = function release(keyName, keyElement) { - - // Release key if currently pressed - if (pressed[keyName]) { - - removeClass(keyElement, "guac-keyboard-pressed"); - - // Get current key based on modifier state - var key = getActiveKey(keyName); - - // Send key event if not a modifier key - if (!key.modifier && osk.onkeyup) - osk.onkeyup(key.keysym); - - // Mark key as released - pressed[keyName] = false; - - } - - }; - - // Create keyboard - var keyboard = document.createElement("div"); - keyboard.className = "guac-keyboard"; - - // Do not allow selection or mouse movement to propagate/register. - keyboard.onselectstart = - keyboard.onmousemove = - keyboard.onmouseup = - keyboard.onmousedown = function handleMouseEvents(e) { - - // If ignoring events, decrement counter - if (ignoreMouse) - ignoreMouse--; - - e.stopPropagation(); - return false; - - }; - - /** - * The number of mousemove events to require before re-enabling mouse - * event handling after receiving a touch event. - * - * @type {Number} - */ - this.touchMouseThreshold = 3; - - /** - * Fired whenever the user presses a key on this Guacamole.OnScreenKeyboard. - * - * @event - * @param {Number} keysym The keysym of the key being pressed. - */ - this.onkeydown = null; - - /** - * Fired whenever the user releases a key on this Guacamole.OnScreenKeyboard. - * - * @event - * @param {Number} keysym The keysym of the key being released. - */ - this.onkeyup = null; - - /** - * The keyboard layout provided at time of construction. - * - * @type {Guacamole.OnScreenKeyboard.Layout} - */ - this.layout = new Guacamole.OnScreenKeyboard.Layout(layout); - - /** - * Returns the element containing the entire on-screen keyboard. - * @returns {Element} The element containing the entire on-screen keyboard. - */ - this.getElement = function() { - return keyboard; - }; - - /** - * Resizes all elements within this Guacamole.OnScreenKeyboard such that - * the width is close to but does not exceed the specified width. The - * height of the keyboard is determined based on the width. - * - * @param {Number} width The width to resize this Guacamole.OnScreenKeyboard - * to, in pixels. - */ - this.resize = function(width) { - - // Get pixel size of a unit - var unit = Math.floor(width * 10 / osk.layout.width) / 10; - - // Resize all scaled elements - for (var i=0; i} keys - * A mapping of key name to key definition, where the key definition is - * the title of the key (a string), the keysym (a number), a single - * Key object, or an array of Key objects. - * - * @returns {Object.} - * A more-predictable mapping of key name to key definition, where the - * key definition is always simply an array of Key objects. - */ - var getKeys = function getKeys(keys) { - - var keyArrays = {}; - - // Coerce all keys into individual key arrays - for (var name in layout.keys) { - keyArrays[name] = asKeyArray(name, keys[name]); - } - - return keyArrays; - - }; - - /** - * Map of all key names to their corresponding set of keys. Each key name - * may correspond to multiple keys due to the effect of modifiers. - * - * @type {Object.} - */ - this.keys = getKeys(layout.keys); - - /** - * Given an arbitrary string representing the name of some component of the - * on-screen keyboard, returns a string formatted for use as a CSS class - * name. The result will be lowercase. Word boundaries previously denoted - * by CamelCase will be replaced by individual hyphens, as will all - * contiguous non-alphanumeric characters. - * - * @private - * @param {String} name - * An arbitrary string representing the name of some component of the - * on-screen keyboard. - * - * @returns {String} - * A string formatted for use as a CSS class name. - */ - var getCSSName = function getCSSName(name) { - - // Convert name from possibly-CamelCase to hyphenated lowercase - var cssName = name - .replace(/([a-z])([A-Z])/g, '$1-$2') - .replace(/[^A-Za-z0-9]+/g, '-') - .toLowerCase(); - - return cssName; - - }; - - /** - * Appends DOM elements to the given element as dictated by the layout - * structure object provided. If a name is provided, an additional CSS - * class, prepended with "guac-keyboard-", will be added to the top-level - * element. - * - * If the layout structure object is an array, all elements within that - * array will be recursively appended as children of a group, and the - * top-level element will be given the CSS class "guac-keyboard-group". - * - * If the layout structure object is an object, all properties within that - * object will be recursively appended as children of a group, and the - * top-level element will be given the CSS class "guac-keyboard-group". The - * name of each property will be applied as the name of each child object - * for the sake of CSS. Each property will be added in sorted order. - * - * If the layout structure object is a string, the key having that name - * will be appended. The key will be given the CSS class - * "guac-keyboard-key" and "guac-keyboard-key-NAME", where NAME is the name - * of the key. If the name of the key is a single character, this will - * first be transformed into the C-style hexadecimal literal for the - * Unicode codepoint of that character. For example, the key "A" would - * become "guac-keyboard-key-0x41". - * - * If the layout structure object is a number, a gap of that size will be - * inserted. The gap will be given the CSS class "guac-keyboard-gap", and - * will be scaled according to the same size units as each key. - * - * @private - * @param {Element} element - * The element to append elements to. - * - * @param {Array|Object|String|Number} object - * The layout structure object to use when constructing the elements to - * append. - * - * @param {String} [name] - * The name of the top-level element being appended, if any. - */ - var appendElements = function appendElements(element, object, name) { - - var i; - - // Create div which will become the group or key - var div = document.createElement('div'); - - // Add class based on name, if name given - if (name) - addClass(div, 'guac-keyboard-' + getCSSName(name)); - - // If an array, append each element - if (object instanceof Array) { - - // Add group class - addClass(div, 'guac-keyboard-group'); - - // Append all elements of array - for (i=0; i < object.length; i++) - appendElements(div, object[i]); - - } - - // If an object, append each property value - else if (object instanceof Object) { - - // Add group class - addClass(div, 'guac-keyboard-group'); - - // Append all children, sorted by name - var names = Object.keys(object).sort(); - for (i=0; i < names.length; i++) { - var name = names[i]; - appendElements(div, object[name], name); - } - - } - - // If a number, create as a gap - else if (typeof object === 'number') { - - // Add gap class - addClass(div, 'guac-keyboard-gap'); - - // Maintain scale - scaledElements.push(new ScaledElement(div, object, object)); - - } - - // If a string, create as a key - else if (typeof object === 'string') { - - // If key name is only one character, use codepoint for name - var keyName = object; - if (keyName.length === 1) - keyName = '0x' + keyName.charCodeAt(0).toString(16); - - // Add key container class - addClass(div, 'guac-keyboard-key-container'); - - // Create key element which will contain all possible caps - var keyElement = document.createElement('div'); - keyElement.className = 'guac-keyboard-key ' - + 'guac-keyboard-key-' + getCSSName(keyName); - - // Add all associated keys as caps within DOM - var keys = osk.keys[object]; - if (keys) { - for (i=0; i < keys.length; i++) { - - // Get current key - var key = keys[i]; - - // Create cap element for key - var capElement = document.createElement('div'); - capElement.className = 'guac-keyboard-cap'; - capElement.textContent = key.title; - - // Add classes for any requirements - for (var j=0; j < key.requires.length; j++) { - var requirement = key.requires[j]; - addClass(capElement, 'guac-keyboard-requires-' + getCSSName(requirement)); - addClass(keyElement, 'guac-keyboard-uses-' + getCSSName(requirement)); - } - - // Add cap to key within DOM - keyElement.appendChild(capElement); - - } - } - - // Add key to DOM, maintain scale - div.appendChild(keyElement); - scaledElements.push(new ScaledElement(div, osk.layout.keyWidths[object] || 1, 1, true)); - - /** - * Handles a touch event which results in the pressing of an OSK - * key. Touch events will result in mouse events being ignored for - * touchMouseThreshold events. - * - * @private - * @param {TouchEvent} e - * The touch event being handled. - */ - var touchPress = function touchPress(e) { - e.preventDefault(); - ignoreMouse = osk.touchMouseThreshold; - press(object, keyElement); - }; - - /** - * Handles a touch event which results in the release of an OSK - * key. Touch events will result in mouse events being ignored for - * touchMouseThreshold events. - * - * @private - * @param {TouchEvent} e - * The touch event being handled. - */ - var touchRelease = function touchRelease(e) { - e.preventDefault(); - ignoreMouse = osk.touchMouseThreshold; - release(object, keyElement); - }; - - /** - * Handles a mouse event which results in the pressing of an OSK - * key. If mouse events are currently being ignored, this handler - * does nothing. - * - * @private - * @param {MouseEvent} e - * The touch event being handled. - */ - var mousePress = function mousePress(e) { - e.preventDefault(); - if (ignoreMouse === 0) - press(object, keyElement); - }; - - /** - * Handles a mouse event which results in the release of an OSK - * key. If mouse events are currently being ignored, this handler - * does nothing. - * - * @private - * @param {MouseEvent} e - * The touch event being handled. - */ - var mouseRelease = function mouseRelease(e) { - e.preventDefault(); - if (ignoreMouse === 0) - release(object, keyElement); - }; - - // Handle touch events on key - keyElement.addEventListener("touchstart", touchPress, true); - keyElement.addEventListener("touchend", touchRelease, true); - - // Handle mouse events on key - keyElement.addEventListener("mousedown", mousePress, true); - keyElement.addEventListener("mouseup", mouseRelease, true); - keyElement.addEventListener("mouseout", mouseRelease, true); - - } // end if object is key name - - // Add newly-created group/key - element.appendChild(div); - - }; - - // Create keyboard layout in DOM - appendElements(keyboard, layout.layout); - -}; - -/** - * Represents an entire on-screen keyboard layout, including all available - * keys, their behaviors, and their relative position and sizing. - * - * @constructor - * @param {Guacamole.OnScreenKeyboard.Layout|Object} template - * The object whose identically-named properties will be used to initialize - * the properties of this layout. - */ -Guacamole.OnScreenKeyboard.Layout = function(template) { - - /** - * The language of keyboard layout, such as "en_US". This property is for - * informational purposes only, but it is recommend to conform to the - * [language code]_[country code] format. - * - * @type {String} - */ - this.language = template.language; - - /** - * The type of keyboard layout, such as "qwerty". This property is for - * informational purposes only, and does not conform to any standard. - * - * @type {String} - */ - this.type = template.type; - - /** - * Map of key name to corresponding keysym, title, or key object. If only - * the keysym or title is provided, the key object will be created - * implicitly. In all cases, the name property of the key object will be - * taken from the name given in the mapping. - * - * @type {Object.} - */ - this.keys = template.keys; - - /** - * Arbitrarily nested, arbitrarily grouped key names. The contents of the - * layout will be traversed to produce an identically-nested grouping of - * keys in the DOM tree. All strings will be transformed into their - * corresponding sets of keys, while all objects and arrays will be - * transformed into named groups and anonymous groups respectively. Any - * numbers present will be transformed into gaps of that size, scaled - * according to the same units as each key. - * - * @type {Object} - */ - this.layout = template.layout; - - /** - * The width of the entire keyboard, in arbitrary units. The width of each - * key is relative to this width, as both width values are assumed to be in - * the same units. The conversion factor between these units and pixels is - * derived later via a call to resize() on the Guacamole.OnScreenKeyboard. - * - * @type {Number} - */ - this.width = template.width; - - /** - * The width of each key, in arbitrary units, relative to other keys in - * this layout. The true pixel size of each key will be determined by the - * overall size of the keyboard. If not defined here, the width of each - * key will default to 1. - * - * @type {Object.} - */ - this.keyWidths = template.keyWidths || {}; - -}; - -/** - * Represents a single key, or a single possible behavior of a key. Each key - * on the on-screen keyboard must have at least one associated - * Guacamole.OnScreenKeyboard.Key, whether that key is explicitly defined or - * implied, and may have multiple Guacamole.OnScreenKeyboard.Key if behavior - * depends on modifier states. - * - * @constructor - * @param {Guacamole.OnScreenKeyboard.Key|Object} template - * The object whose identically-named properties will be used to initialize - * the properties of this key. - * - * @param {String} [name] - * The name to use instead of any name provided within the template, if - * any. If omitted, the name within the template will be used, assuming the - * template contains a name. - */ -Guacamole.OnScreenKeyboard.Key = function(template, name) { - - /** - * The unique name identifying this key within the keyboard layout. - * - * @type {String} - */ - this.name = name || template.name; - - /** - * The human-readable title that will be displayed to the user within the - * key. If not provided, this will be derived from the key name. - * - * @type {String} - */ - this.title = template.title || this.name; - - /** - * The keysym to be pressed/released when this key is pressed/released. If - * not provided, this will be derived from the title if the title is a - * single character. - * - * @type {Number} - */ - this.keysym = template.keysym || (function deriveKeysym(title) { - - // Do not derive keysym if title is not exactly one character - if (!title || title.length !== 1) - return null; - - // For characters between U+0000 and U+00FF, the keysym is the codepoint - var charCode = title.charCodeAt(0); - if (charCode >= 0x0000 && charCode <= 0x00FF) - return charCode; - - // For characters between U+0100 and U+10FFFF, the keysym is the codepoint or'd with 0x01000000 - if (charCode >= 0x0100 && charCode <= 0x10FFFF) - return 0x01000000 | charCode; - - // Unable to derive keysym - return null; - - })(this.title); - - /** - * The name of the modifier set when the key is pressed and cleared when - * this key is released, if any. The names of modifiers are distinct from - * the names of keys; both the "RightShift" and "LeftShift" keys may set - * the "shift" modifier, for example. By default, the key will affect no - * modifiers. - * - * @type {String} - */ - this.modifier = template.modifier; - - /** - * An array containing the names of each modifier required for this key to - * have an effect. For example, a lowercase letter may require nothing, - * while an uppercase letter would require "shift", assuming the Shift key - * is named "shift" within the layout. By default, the key will require - * no modifiers. - * - * @type {String[]} - */ - this.requires = template.requires || []; - -}; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * Abstract stream which can receive data. - * - * @constructor - * @param {Guacamole.Client} client The client owning this stream. - * @param {Number} index The index of this stream. - */ -Guacamole.OutputStream = function(client, index) { - - /** - * Reference to this stream. - * @private - */ - var guac_stream = this; - - /** - * The index of this stream. - * @type {Number} - */ - this.index = index; - - /** - * Fired whenever an acknowledgement is received from the server, indicating - * that a stream operation has completed, or an error has occurred. - * - * @event - * @param {Guacamole.Status} status The status of the operation. - */ - this.onack = null; - - /** - * Writes the given base64-encoded data to this stream as a blob. - * - * @param {String} data The base64-encoded data to send. - */ - this.sendBlob = function(data) { - client.sendBlob(guac_stream.index, data); - }; - - /** - * Closes this stream. - */ - this.sendEnd = function() { - client.endStream(guac_stream.index); - }; - -}; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * Simple Guacamole protocol parser that invokes an oninstruction event when - * full instructions are available from data received via receive(). - * - * @constructor - */ -Guacamole.Parser = function() { - - /** - * Reference to this parser. - * @private - */ - var parser = this; - - /** - * Current buffer of received data. This buffer grows until a full - * element is available. After a full element is available, that element - * is flushed into the element buffer. - * - * @private - */ - var buffer = ""; - - /** - * Buffer of all received, complete elements. After an entire instruction - * is read, this buffer is flushed, and a new instruction begins. - * - * @private - */ - var element_buffer = []; - - // The location of the last element's terminator - var element_end = -1; - - // Where to start the next length search or the next element - var start_index = 0; - - /** - * Appends the given instruction data packet to the internal buffer of - * this Guacamole.Parser, executing all completed instructions at - * the beginning of this buffer, if any. - * - * @param {String} packet The instruction data to receive. - */ - this.receive = function(packet) { - - // Truncate buffer as necessary - if (start_index > 4096 && element_end >= start_index) { - - buffer = buffer.substring(start_index); - - // Reset parse relative to truncation - element_end -= start_index; - start_index = 0; - - } - - // Append data to buffer - buffer += packet; - - // While search is within currently received data - while (element_end < buffer.length) { - - // If we are waiting for element data - if (element_end >= start_index) { - - // We now have enough data for the element. Parse. - var element = buffer.substring(start_index, element_end); - var terminator = buffer.substring(element_end, element_end+1); - - // Add element to array - element_buffer.push(element); - - // If last element, handle instruction - if (terminator == ";") { - - // Get opcode - var opcode = element_buffer.shift(); - - // Call instruction handler. - if (parser.oninstruction != null) - parser.oninstruction(opcode, element_buffer); - - // Clear elements - element_buffer.length = 0; - - } - else if (terminator != ',') - throw new Error("Illegal terminator."); - - // Start searching for length at character after - // element terminator - start_index = element_end + 1; - - } - - // Search for end of length - var length_end = buffer.indexOf(".", start_index); - if (length_end != -1) { - - // Parse length - var length = parseInt(buffer.substring(element_end+1, length_end)); - if (isNaN(length)) - throw new Error("Non-numeric character in element length."); - - // Calculate start of element - start_index = length_end + 1; - - // Calculate location of element terminator - element_end = start_index + length; - - } - - // If no period yet, continue search when more data - // is received - else { - start_index = buffer.length; - break; - } - - } // end parse loop - - }; - - /** - * Fired once for every complete Guacamole instruction received, in order. - * - * @event - * @param {String} opcode The Guacamole instruction opcode. - * @param {Array} parameters The parameters provided for the instruction, - * if any. - */ - this.oninstruction = null; - -}; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * A description of the format of raw PCM audio, such as that used by - * Guacamole.RawAudioPlayer and Guacamole.RawAudioRecorder. This object - * describes the number of bytes per sample, the number of channels, and the - * overall sample rate. - * - * @constructor - * @param {Guacamole.RawAudioFormat|Object} template - * The object whose properties should be copied into the corresponding - * properties of the new Guacamole.RawAudioFormat. - */ -Guacamole.RawAudioFormat = function RawAudioFormat(template) { - - /** - * The number of bytes in each sample of audio data. This value is - * independent of the number of channels. - * - * @type {Number} - */ - this.bytesPerSample = template.bytesPerSample; - - /** - * The number of audio channels (ie: 1 for mono, 2 for stereo). - * - * @type {Number} - */ - this.channels = template.channels; - - /** - * The number of samples per second, per channel. - * - * @type {Number} - */ - this.rate = template.rate; - -}; - -/** - * Parses the given mimetype, returning a new Guacamole.RawAudioFormat - * which describes the type of raw audio data represented by that mimetype. If - * the mimetype is not a supported raw audio data mimetype, null is returned. - * - * @param {String} mimetype - * The audio mimetype to parse. - * - * @returns {Guacamole.RawAudioFormat} - * A new Guacamole.RawAudioFormat which describes the type of raw - * audio data represented by the given mimetype, or null if the given - * mimetype is not supported. - */ -Guacamole.RawAudioFormat.parse = function parseFormat(mimetype) { - - var bytesPerSample; - - // Rate is absolutely required - if null is still present later, the - // mimetype must not be supported - var rate = null; - - // Default for both "audio/L8" and "audio/L16" is one channel - var channels = 1; - - // "audio/L8" has one byte per sample - if (mimetype.substring(0, 9) === 'audio/L8;') { - mimetype = mimetype.substring(9); - bytesPerSample = 1; - } - - // "audio/L16" has two bytes per sample - else if (mimetype.substring(0, 10) === 'audio/L16;') { - mimetype = mimetype.substring(10); - bytesPerSample = 2; - } - - // All other types are unsupported - else - return null; - - // Parse all parameters - var parameters = mimetype.split(','); - for (var i = 0; i < parameters.length; i++) { - - var parameter = parameters[i]; - - // All parameters must have an equals sign separating name from value - var equals = parameter.indexOf('='); - if (equals === -1) - return null; - - // Parse name and value from parameter string - var name = parameter.substring(0, equals); - var value = parameter.substring(equals+1); - - // Handle each supported parameter - switch (name) { - - // Number of audio channels - case 'channels': - channels = parseInt(value); - break; - - // Sample rate - case 'rate': - rate = parseInt(value); - break; - - // All other parameters are unsupported - default: - return null; - - } - - }; - - // The rate parameter is required - if (rate === null) - return null; - - // Return parsed format details - return new Guacamole.RawAudioFormat({ - bytesPerSample : bytesPerSample, - channels : channels, - rate : rate - }); - -}; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * A recording of a Guacamole session. Given a {@link Guacamole.Tunnel}, the - * Guacamole.SessionRecording automatically handles incoming Guacamole - * instructions, storing them for playback. Playback of the recording may be - * controlled through function calls to the Guacamole.SessionRecording, even - * while the recording has not yet finished being created or downloaded. - * - * @constructor - * @param {Guacamole.Tunnel} tunnel - * The Guacamole.Tunnel from which the instructions of the recording should - * be read. - */ -Guacamole.SessionRecording = function SessionRecording(tunnel) { - - /** - * Reference to this Guacamole.SessionRecording. - * - * @private - * @type {Guacamole.SessionRecording} - */ - var recording = this; - - /** - * The minimum number of characters which must have been read between - * keyframes. - * - * @private - * @constant - * @type {Number} - */ - var KEYFRAME_CHAR_INTERVAL = 16384; - - /** - * The minimum number of milliseconds which must elapse between keyframes. - * - * @private - * @constant - * @type {Number} - */ - var KEYFRAME_TIME_INTERVAL = 5000; - - /** - * The maximum amount of time to spend in any particular seek operation - * before returning control to the main thread, in milliseconds. Seek - * operations exceeding this amount of time will proceed asynchronously. - * - * @private - * @constant - * @type {Number} - */ - var MAXIMUM_SEEK_TIME = 5; - - /** - * All frames parsed from the provided tunnel. - * - * @private - * @type {Guacamole.SessionRecording._Frame[]} - */ - var frames = []; - - /** - * All instructions which have been read since the last frame was added to - * the frames array. - * - * @private - * @type {Guacamole.SessionRecording._Frame.Instruction[]} - */ - var instructions = []; - - /** - * The approximate number of characters which have been read from the - * provided tunnel since the last frame was flagged for use as a keyframe. - * - * @private - * @type {Number} - */ - var charactersSinceLastKeyframe = 0; - - /** - * The timestamp of the last frame which was flagged for use as a keyframe. - * If no timestamp has yet been flagged, this will be 0. - * - * @private - * @type {Number} - */ - var lastKeyframeTimestamp = 0; - - /** - * Tunnel which feeds arbitrary instructions to the client used by this - * Guacamole.SessionRecording for playback of the session recording. - * - * @private - * @type {Guacamole.SessionRecording._PlaybackTunnel} - */ - var playbackTunnel = new Guacamole.SessionRecording._PlaybackTunnel(); - - /** - * Guacamole.Client instance used for visible playback of the session - * recording. - * - * @private - * @type {Guacamole.Client} - */ - var playbackClient = new Guacamole.Client(playbackTunnel); - - /** - * The current frame rendered within the playback client. If no frame is - * yet rendered, this will be -1. - * - * @private - * @type {Number} - */ - var currentFrame = -1; - - /** - * The timestamp of the frame when playback began, in milliseconds. If - * playback is not in progress, this will be null. - * - * @private - * @type {Number} - */ - var startVideoTimestamp = null; - - /** - * The real-world timestamp when playback began, in milliseconds. If - * playback is not in progress, this will be null. - * - * @private - * @type {Number} - */ - var startRealTimestamp = null; - - /** - * The ID of the timeout which will continue the in-progress seek - * operation. If no seek operation is in progress, the ID stored here (if - * any) will not be valid. - * - * @private - * @type {Number} - */ - var seekTimeout = null; - - // Start playback client connected - playbackClient.connect(); - - // Hide cursor unless mouse position is received - playbackClient.getDisplay().showCursor(false); - - // Read instructions from provided tunnel, extracting each frame - tunnel.oninstruction = function handleInstruction(opcode, args) { - - // Store opcode and arguments for received instruction - var instruction = new Guacamole.SessionRecording._Frame.Instruction(opcode, args.slice()); - instructions.push(instruction); - charactersSinceLastKeyframe += instruction.getSize(); - - // Once a sync is received, store all instructions since the last - // frame as a new frame - if (opcode === 'sync') { - - // Parse frame timestamp from sync instruction - var timestamp = parseInt(args[0]); - - // Add a new frame containing the instructions read since last frame - var frame = new Guacamole.SessionRecording._Frame(timestamp, instructions); - frames.push(frame); - - // This frame should eventually become a keyframe if enough data - // has been processed and enough recording time has elapsed, or if - // this is the absolute first frame - if (frames.length === 1 || (charactersSinceLastKeyframe >= KEYFRAME_CHAR_INTERVAL - && timestamp - lastKeyframeTimestamp >= KEYFRAME_TIME_INTERVAL)) { - frame.keyframe = true; - lastKeyframeTimestamp = timestamp; - charactersSinceLastKeyframe = 0; - } - - // Clear set of instructions in preparation for next frame - instructions = []; - - // Notify that additional content is available - if (recording.onprogress) - recording.onprogress(recording.getDuration()); - - } - - }; - - /** - * Converts the given absolute timestamp to a timestamp which is relative - * to the first frame in the recording. - * - * @private - * @param {Number} timestamp - * The timestamp to convert to a relative timestamp. - * - * @returns {Number} - * The difference in milliseconds between the given timestamp and the - * first frame of the recording, or zero if no frames yet exist. - */ - var toRelativeTimestamp = function toRelativeTimestamp(timestamp) { - - // If no frames yet exist, all timestamps are zero - if (frames.length === 0) - return 0; - - // Calculate timestamp relative to first frame - return timestamp - frames[0].timestamp; - - }; - - /** - * Searches through the given region of frames for the frame having a - * relative timestamp closest to the timestamp given. - * - * @private - * @param {Number} minIndex - * The index of the first frame in the region (the frame having the - * smallest timestamp). - * - * @param {Number} maxIndex - * The index of the last frame in the region (the frame having the - * largest timestamp). - * - * @param {Number} timestamp - * The relative timestamp to search for, where zero denotes the first - * frame in the recording. - * - * @returns {Number} - * The index of the frame having a relative timestamp closest to the - * given value. - */ - var findFrame = function findFrame(minIndex, maxIndex, timestamp) { - - // Do not search if the region contains only one element - if (minIndex === maxIndex) - return minIndex; - - // Split search region into two halves - var midIndex = Math.floor((minIndex + maxIndex) / 2); - var midTimestamp = toRelativeTimestamp(frames[midIndex].timestamp); - - // If timestamp is within lesser half, search again within that half - if (timestamp < midTimestamp && midIndex > minIndex) - return findFrame(minIndex, midIndex - 1, timestamp); - - // If timestamp is within greater half, search again within that half - if (timestamp > midTimestamp && midIndex < maxIndex) - return findFrame(midIndex + 1, maxIndex, timestamp); - - // Otherwise, we lucked out and found a frame with exactly the - // desired timestamp - return midIndex; - - }; - - /** - * Replays the instructions associated with the given frame, sending those - * instructions to the playback client. - * - * @private - * @param {Number} index - * The index of the frame within the frames array which should be - * replayed. - */ - var replayFrame = function replayFrame(index) { - - var frame = frames[index]; - - // Replay all instructions within the retrieved frame - for (var i = 0; i < frame.instructions.length; i++) { - var instruction = frame.instructions[i]; - playbackTunnel.receiveInstruction(instruction.opcode, instruction.args); - } - - // Store client state if frame is flagged as a keyframe - if (frame.keyframe && !frame.clientState) { - playbackClient.exportState(function storeClientState(state) { - frame.clientState = state; - }); - } - - }; - - /** - * Moves the playback position to the given frame, resetting the state of - * the playback client and replaying frames as necessary. The seek - * operation will proceed asynchronously. If a seek operation is already in - * progress, that seek is first aborted. The progress of the seek operation - * can be observed through the onseek handler and the provided callback. - * - * @private - * @param {Number} index - * The index of the frame which should become the new playback - * position. - * - * @param {function} callback - * The callback to invoke once the seek operation has completed. - * - * @param {Number} [delay=0] - * The number of milliseconds that the seek operation should be - * scheduled to take. - */ - var seekToFrame = function seekToFrame(index, callback, delay) { - - // Abort any in-progress seek - abortSeek(); - - // Replay frames asynchronously - seekTimeout = window.setTimeout(function continueSeek() { - - var startIndex; - - // Back up until startIndex represents current state - for (startIndex = index; startIndex >= 0; startIndex--) { - - var frame = frames[startIndex]; - - // If we've reached the current frame, startIndex represents - // current state by definition - if (startIndex === currentFrame) - break; - - // If frame has associated absolute state, make that frame the - // current state - if (frame.clientState) { - playbackClient.importState(frame.clientState); - break; - } - - } - - // Advance to frame index after current state - startIndex++; - - var startTime = new Date().getTime(); - - // Replay any applicable incremental frames - for (; startIndex <= index; startIndex++) { - - // Stop seeking if the operation is taking too long - var currentTime = new Date().getTime(); - if (currentTime - startTime >= MAXIMUM_SEEK_TIME) - break; - - replayFrame(startIndex); - } - - // Current frame is now at requested index - currentFrame = startIndex - 1; - - // Notify of changes in position - if (recording.onseek) - recording.onseek(recording.getPosition()); - - // If the seek operation has not yet completed, schedule continuation - if (currentFrame !== index) - seekToFrame(index, callback, - Math.max(delay - (new Date().getTime() - startTime), 0)); - - // Notify that the requested seek has completed - else - callback(); - - }, delay || 0); - - }; - - /** - * Aborts the seek operation currently in progress, if any. If no seek - * operation is in progress, this function has no effect. - * - * @private - */ - var abortSeek = function abortSeek() { - window.clearTimeout(seekTimeout); - }; - - /** - * Advances playback to the next frame in the frames array and schedules - * playback of the frame following that frame based on their associated - * timestamps. If no frames exist after the next frame, playback is paused. - * - * @private - */ - var continuePlayback = function continuePlayback() { - - // If frames remain after advancing, schedule next frame - if (currentFrame + 1 < frames.length) { - - // Pull the upcoming frame - var next = frames[currentFrame + 1]; - - // Calculate the real timestamp corresponding to when the next - // frame begins - var nextRealTimestamp = next.timestamp - startVideoTimestamp + startRealTimestamp; - - // Calculate the relative delay between the current time and - // the next frame start - var delay = Math.max(nextRealTimestamp - new Date().getTime(), 0); - - // Advance to next frame after enough time has elapsed - seekToFrame(currentFrame + 1, function frameDelayElapsed() { - continuePlayback(); - }, delay); - - } - - // Otherwise stop playback - else - recording.pause(); - - }; - - /** - * Fired when new frames have become available while the recording is - * being downloaded. - * - * @event - * @param {Number} duration - * The new duration of the recording, in milliseconds. - */ - this.onprogress = null; - - /** - * Fired whenever playback of the recording has started. - * - * @event - */ - this.onplay = null; - - /** - * Fired whenever playback of the recording has been paused. This may - * happen when playback is explicitly paused with a call to pause(), or - * when playback is implicitly paused due to reaching the end of the - * recording. - * - * @event - */ - this.onpause = null; - - /** - * Fired whenever the playback position within the recording changes. - * - * @event - * @param {Number} position - * The new position within the recording, in milliseconds. - */ - this.onseek = null; - - /** - * Connects the underlying tunnel, beginning download of the Guacamole - * session. Playback of the Guacamole session cannot occur until at least - * one frame worth of instructions has been downloaded. - * - * @param {String} data - * The data to send to the tunnel when connecting. - */ - this.connect = function connect(data) { - tunnel.connect(data); - }; - - /** - * Disconnects the underlying tunnel, stopping further download of the - * Guacamole session. - */ - this.disconnect = function disconnect() { - tunnel.disconnect(); - }; - - /** - * Returns the underlying display of the Guacamole.Client used by this - * Guacamole.SessionRecording for playback. The display contains an Element - * which can be added to the DOM, causing the display (and thus playback of - * the recording) to become visible. - * - * @return {Guacamole.Display} - * The underlying display of the Guacamole.Client used by this - * Guacamole.SessionRecording for playback. - */ - this.getDisplay = function getDisplay() { - return playbackClient.getDisplay(); - }; - - /** - * Returns whether playback is currently in progress. - * - * @returns {Boolean} - * true if playback is currently in progress, false otherwise. - */ - this.isPlaying = function isPlaying() { - return !!startVideoTimestamp; - }; - - /** - * Returns the current playback position within the recording, in - * milliseconds, where zero is the start of the recording. - * - * @returns {Number} - * The current playback position within the recording, in milliseconds. - */ - this.getPosition = function getPosition() { - - // Position is simply zero if playback has not started at all - if (currentFrame === -1) - return 0; - - // Return current position as a millisecond timestamp relative to the - // start of the recording - return toRelativeTimestamp(frames[currentFrame].timestamp); - - }; - - /** - * Returns the duration of this recording, in milliseconds. If the - * recording is still being downloaded, this value will gradually increase. - * - * @returns {Number} - * The duration of this recording, in milliseconds. - */ - this.getDuration = function getDuration() { - - // If no frames yet exist, duration is zero - if (frames.length === 0) - return 0; - - // Recording duration is simply the timestamp of the last frame - return toRelativeTimestamp(frames[frames.length - 1].timestamp); - - }; - - /** - * Begins continuous playback of the recording downloaded thus far. - * Playback of the recording will continue until pause() is invoked or - * until no further frames exist. Playback is initially paused when a - * Guacamole.SessionRecording is created, and must be explicitly started - * through a call to this function. If playback is already in progress, - * this function has no effect. If a seek operation is in progress, - * playback resumes at the current position, and the seek is aborted as if - * completed. - */ - this.play = function play() { - - // If playback is not already in progress and frames remain, - // begin playback - if (!recording.isPlaying() && currentFrame + 1 < frames.length) { - - // Notify that playback is starting - if (recording.onplay) - recording.onplay(); - - // Store timestamp of playback start for relative scheduling of - // future frames - var next = frames[currentFrame + 1]; - startVideoTimestamp = next.timestamp; - startRealTimestamp = new Date().getTime(); - - // Begin playback of video - continuePlayback(); - - } - - }; - - /** - * Seeks to the given position within the recording. If the recording is - * currently being played back, playback will continue after the seek is - * performed. If the recording is currently paused, playback will be - * paused after the seek is performed. If a seek operation is already in - * progress, that seek is first aborted. The seek operation will proceed - * asynchronously. - * - * @param {Number} position - * The position within the recording to seek to, in milliseconds. - * - * @param {function} [callback] - * The callback to invoke once the seek operation has completed. - */ - this.seek = function seek(position, callback) { - - // Do not seek if no frames exist - if (frames.length === 0) - return; - - // Pause playback, preserving playback state - var originallyPlaying = recording.isPlaying(); - recording.pause(); - - // Perform seek - seekToFrame(findFrame(0, frames.length - 1, position), function restorePlaybackState() { - - // Restore playback state - if (originallyPlaying) - recording.play(); - - // Notify that seek has completed - if (callback) - callback(); - - }); - - }; - - /** - * Pauses playback of the recording, if playback is currently in progress. - * If playback is not in progress, this function has no effect. If a seek - * operation is in progress, the seek is aborted. Playback is initially - * paused when a Guacamole.SessionRecording is created, and must be - * explicitly started through a call to play(). - */ - this.pause = function pause() { - - // Abort any in-progress seek / playback - abortSeek(); - - // Stop playback only if playback is in progress - if (recording.isPlaying()) { - - // Notify that playback is stopping - if (recording.onpause) - recording.onpause(); - - // Playback is stopped - startVideoTimestamp = null; - startRealTimestamp = null; - - } - - }; - -}; - -/** - * A single frame of Guacamole session data. Each frame is made up of the set - * of instructions used to generate that frame, and the timestamp as dictated - * by the "sync" instruction terminating the frame. Optionally, a frame may - * also be associated with a snapshot of Guacamole client state, such that the - * frame can be rendered without replaying all previous frames. - * - * @private - * @constructor - * @param {Number} timestamp - * The timestamp of this frame, as dictated by the "sync" instruction which - * terminates the frame. - * - * @param {Guacamole.SessionRecording._Frame.Instruction[]} instructions - * All instructions which are necessary to generate this frame relative to - * the previous frame in the Guacamole session. - */ -Guacamole.SessionRecording._Frame = function _Frame(timestamp, instructions) { - - /** - * Whether this frame should be used as a keyframe if possible. This value - * is purely advisory. The stored clientState must eventually be manually - * set for the frame to be used as a keyframe. By default, frames are not - * keyframes. - * - * @type {Boolean} - * @default false - */ - this.keyframe = false; - - /** - * The timestamp of this frame, as dictated by the "sync" instruction which - * terminates the frame. - * - * @type {Number} - */ - this.timestamp = timestamp; - - /** - * All instructions which are necessary to generate this frame relative to - * the previous frame in the Guacamole session. - * - * @type {Guacamole.SessionRecording._Frame.Instruction[]} - */ - this.instructions = instructions; - - /** - * A snapshot of client state after this frame was rendered, as returned by - * a call to exportState(). If no such snapshot has been taken, this will - * be null. - * - * @type {Object} - * @default null - */ - this.clientState = null; - -}; - -/** - * A Guacamole protocol instruction. Each Guacamole protocol instruction is - * made up of an opcode and set of arguments. - * - * @private - * @constructor - * @param {String} opcode - * The opcode of this Guacamole instruction. - * - * @param {String[]} args - * All arguments associated with this Guacamole instruction. - */ -Guacamole.SessionRecording._Frame.Instruction = function Instruction(opcode, args) { - - /** - * Reference to this Guacamole.SessionRecording._Frame.Instruction. - * - * @private - * @type {Guacamole.SessionRecording._Frame.Instruction} - */ - var instruction = this; - - /** - * The opcode of this Guacamole instruction. - * - * @type {String} - */ - this.opcode = opcode; - - /** - * All arguments associated with this Guacamole instruction. - * - * @type {String[]} - */ - this.args = args; - - /** - * Returns the approximate number of characters which make up this - * instruction. This value is only approximate as it excludes the length - * prefixes and various delimiters used by the Guacamole protocol; only - * the content of the opcode and each argument is taken into account. - * - * @returns {Number} - * The approximate size of this instruction, in characters. - */ - this.getSize = function getSize() { - - // Init with length of opcode - var size = instruction.opcode.length; - - // Add length of all arguments - for (var i = 0; i < instruction.args.length; i++) - size += instruction.args[i].length; - - return size; - - }; - -}; - -/** - * A read-only Guacamole.Tunnel implementation which streams instructions - * received through explicit calls to its receiveInstruction() function. - * - * @private - * @constructor - * @augments {Guacamole.Tunnel} - */ -Guacamole.SessionRecording._PlaybackTunnel = function _PlaybackTunnel() { - - /** - * Reference to this Guacamole.SessionRecording._PlaybackTunnel. - * - * @private - * @type {Guacamole.SessionRecording._PlaybackTunnel} - */ - var tunnel = this; - - this.connect = function connect(data) { - // Do nothing - }; - - this.sendMessage = function sendMessage(elements) { - // Do nothing - }; - - this.disconnect = function disconnect() { - // Do nothing - }; - - /** - * Invokes this tunnel's oninstruction handler, notifying users of this - * tunnel (such as a Guacamole.Client instance) that an instruction has - * been received. If the oninstruction handler has not been set, this - * function has no effect. - * - * @param {String} opcode - * The opcode of the Guacamole instruction. - * - * @param {String[]} args - * All arguments associated with this Guacamole instruction. - */ - this.receiveInstruction = function receiveInstruction(opcode, args) { - if (tunnel.oninstruction) - tunnel.oninstruction(opcode, args); - }; - -}; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * A Guacamole status. Each Guacamole status consists of a status code, defined - * by the protocol, and an optional human-readable message, usually only - * included for debugging convenience. - * - * @constructor - * @param {Number} code - * The Guacamole status code, as defined by Guacamole.Status.Code. - * - * @param {String} [message] - * An optional human-readable message. - */ -Guacamole.Status = function(code, message) { - - /** - * Reference to this Guacamole.Status. - * @private - */ - var guac_status = this; - - /** - * The Guacamole status code. - * @see Guacamole.Status.Code - * @type {Number} - */ - this.code = code; - - /** - * An arbitrary human-readable message associated with this status, if any. - * The human-readable message is not required, and is generally provided - * for debugging purposes only. For user feedback, it is better to translate - * the Guacamole status code into a message. - * - * @type {String} - */ - this.message = message; - - /** - * Returns whether this status represents an error. - * @returns {Boolean} true if this status represents an error, false - * otherwise. - */ - this.isError = function() { - return guac_status.code < 0 || guac_status.code > 0x00FF; - }; - -}; - -/** - * Enumeration of all Guacamole status codes. - */ -Guacamole.Status.Code = { - - /** - * The operation succeeded. - * - * @type {Number} - */ - "SUCCESS": 0x0000, - - /** - * The requested operation is unsupported. - * - * @type {Number} - */ - "UNSUPPORTED": 0x0100, - - /** - * The operation could not be performed due to an internal failure. - * - * @type {Number} - */ - "SERVER_ERROR": 0x0200, - - /** - * The operation could not be performed as the server is busy. - * - * @type {Number} - */ - "SERVER_BUSY": 0x0201, - - /** - * The operation could not be performed because the upstream server is not - * responding. - * - * @type {Number} - */ - "UPSTREAM_TIMEOUT": 0x0202, - - /** - * The operation was unsuccessful due to an error or otherwise unexpected - * condition of the upstream server. - * - * @type {Number} - */ - "UPSTREAM_ERROR": 0x0203, - - /** - * The operation could not be performed as the requested resource does not - * exist. - * - * @type {Number} - */ - "RESOURCE_NOT_FOUND": 0x0204, - - /** - * The operation could not be performed as the requested resource is - * already in use. - * - * @type {Number} - */ - "RESOURCE_CONFLICT": 0x0205, - - /** - * The operation could not be performed as the requested resource is now - * closed. - * - * @type {Number} - */ - "RESOURCE_CLOSED": 0x0206, - - /** - * The operation could not be performed because the upstream server does - * not appear to exist. - * - * @type {Number} - */ - "UPSTREAM_NOT_FOUND": 0x0207, - - /** - * The operation could not be performed because the upstream server is not - * available to service the request. - * - * @type {Number} - */ - "UPSTREAM_UNAVAILABLE": 0x0208, - - /** - * The session within the upstream server has ended because it conflicted - * with another session. - * - * @type {Number} - */ - "SESSION_CONFLICT": 0x0209, - - /** - * The session within the upstream server has ended because it appeared to - * be inactive. - * - * @type {Number} - */ - "SESSION_TIMEOUT": 0x020A, - - /** - * The session within the upstream server has been forcibly terminated. - * - * @type {Number} - */ - "SESSION_CLOSED": 0x020B, - - /** - * The operation could not be performed because bad parameters were given. - * - * @type {Number} - */ - "CLIENT_BAD_REQUEST": 0x0300, - - /** - * Permission was denied to perform the operation, as the user is not yet - * authorized (not yet logged in, for example). - * - * @type {Number} - */ - "CLIENT_UNAUTHORIZED": 0x0301, - - /** - * Permission was denied to perform the operation, and this permission will - * not be granted even if the user is authorized. - * - * @type {Number} - */ - "CLIENT_FORBIDDEN": 0x0303, - - /** - * The client took too long to respond. - * - * @type {Number} - */ - "CLIENT_TIMEOUT": 0x0308, - - /** - * The client sent too much data. - * - * @type {Number} - */ - "CLIENT_OVERRUN": 0x030D, - - /** - * The client sent data of an unsupported or unexpected type. - * - * @type {Number} - */ - "CLIENT_BAD_TYPE": 0x030F, - - /** - * The operation failed because the current client is already using too - * many resources. - * - * @type {Number} - */ - "CLIENT_TOO_MANY": 0x031D - -}; -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * A reader which automatically handles the given input stream, returning - * strictly text data. Note that this object will overwrite any installed event - * handlers on the given Guacamole.InputStream. - * - * @constructor - * @param {Guacamole.InputStream} stream The stream that data will be read - * from. - */ -Guacamole.StringReader = function(stream) { - - /** - * Reference to this Guacamole.InputStream. - * @private - */ - var guac_reader = this; - - /** - * Wrapped Guacamole.ArrayBufferReader. - * @private - * @type {Guacamole.ArrayBufferReader} - */ - var array_reader = new Guacamole.ArrayBufferReader(stream); - - /** - * The number of bytes remaining for the current codepoint. - * - * @private - * @type {Number} - */ - var bytes_remaining = 0; - - /** - * The current codepoint value, as calculated from bytes read so far. - * - * @private - * @type {Number} - */ - var codepoint = 0; - - /** - * Decodes the given UTF-8 data into a Unicode string. The data may end in - * the middle of a multibyte character. - * - * @private - * @param {ArrayBuffer} buffer Arbitrary UTF-8 data. - * @return {String} A decoded Unicode string. - */ - function __decode_utf8(buffer) { - - var text = ""; - - var bytes = new Uint8Array(buffer); - for (var i=0; i= buffer.length) { - var new_buffer = new Uint8Array((length+bytes)*2); - new_buffer.set(buffer); - buffer = new_buffer; - } - - length += bytes; - - } - - /** - * Appends a single Unicode character to the current buffer, resizing the - * buffer if necessary. The character will be encoded as UTF-8. - * - * @private - * @param {Number} codepoint The codepoint of the Unicode character to - * append. - */ - function __append_utf8(codepoint) { - - var mask; - var bytes; - - // 1 byte - if (codepoint <= 0x7F) { - mask = 0x00; - bytes = 1; - } - - // 2 byte - else if (codepoint <= 0x7FF) { - mask = 0xC0; - bytes = 2; - } - - // 3 byte - else if (codepoint <= 0xFFFF) { - mask = 0xE0; - bytes = 3; - } - - // 4 byte - else if (codepoint <= 0x1FFFFF) { - mask = 0xF0; - bytes = 4; - } - - // If invalid codepoint, append replacement character - else { - __append_utf8(0xFFFD); - return; - } - - // Offset buffer by size - __expand(bytes); - var offset = length - 1; - - // Add trailing bytes, if any - for (var i=1; i>= 6; - } - - // Set initial byte - buffer[offset] = mask | codepoint; - - } - - /** - * Encodes the given string as UTF-8, returning an ArrayBuffer containing - * the resulting bytes. - * - * @private - * @param {String} text The string to encode as UTF-8. - * @return {Uint8Array} The encoded UTF-8 data. - */ - function __encode_utf8(text) { - - // Fill buffer with UTF-8 - for (var i=0; i 0) { - var out_buffer = buffer.subarray(0, length); - length = 0; - return out_buffer; - } - - } - - /** - * Sends the given text. - * - * @param {String} text The text to send. - */ - this.sendText = function(text) { - if (text.length) - array_writer.sendData(__encode_utf8(text)); - }; - - /** - * Signals that no further text will be sent, effectively closing the - * stream. - */ - this.sendEnd = function() { - array_writer.sendEnd(); - }; - - /** - * Fired for received data, if acknowledged by the server. - * @event - * @param {Guacamole.Status} status The status of the operation. - */ - this.onack = null; - -};/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ - -var Guacamole = Guacamole || {}; - -/** - * Core object providing abstract communication for Guacamole. This object - * is a null implementation whose functions do nothing. Guacamole applications - * should use {@link Guacamole.HTTPTunnel} instead, or implement their own tunnel based - * on this one. - * - * @constructor - * @see Guacamole.HTTPTunnel - */ -Guacamole.Tunnel = function() { - - /** - * Connect to the tunnel with the given optional data. This data is - * typically used for authentication. The format of data accepted is - * up to the tunnel implementation. - * - * @param {String} data The data to send to the tunnel when connecting. - */ - this.connect = function(data) {}; - - /** - * Disconnect from the tunnel. - */ - this.disconnect = function() {}; - - /** - * Send the given message through the tunnel to the service on the other - * side. All messages are guaranteed to be received in the order sent. - * - * @param {...*} elements - * The elements of the message to send to the service on the other side - * of the tunnel. - */ - this.sendMessage = function(elements) {}; - - /** - * The current state of this tunnel. - * - * @type {Number} - */ - this.state = Guacamole.Tunnel.State.CONNECTING; - - /** - * The maximum amount of time to wait for data to be received, in - * milliseconds. If data is not received within this amount of time, - * the tunnel is closed with an error. The default value is 15000. - * - * @type {Number} - */ - this.receiveTimeout = 15000; - - /** - * The UUID uniquely identifying this tunnel. If not yet known, this will - * be null. - * - * @type {String} - */ - this.uuid = null; - - /** - * Fired whenever an error is encountered by the tunnel. - * - * @event - * @param {Guacamole.Status} status A status object which describes the - * error. - */ - this.onerror = null; - - /** - * Fired whenever the state of the tunnel changes. - * - * @event - * @param {Number} state The new state of the client. - */ - this.onstatechange = null; - - /** - * Fired once for every complete Guacamole instruction received, in order. - * - * @event - * @param {String} opcode The Guacamole instruction opcode. - * @param {Array} parameters The parameters provided for the instruction, - * if any. - */ - this.oninstruction = null; - -}; - -/** - * The Guacamole protocol instruction opcode reserved for arbitrary internal - * use by tunnel implementations. The value of this opcode is guaranteed to be - * the empty string (""). Tunnel implementations may use this opcode for any - * purpose. It is currently used by the HTTP tunnel to mark the end of the HTTP - * response, and by the WebSocket tunnel to transmit the tunnel UUID. - * - * @constant - * @type {String} - */ -Guacamole.Tunnel.INTERNAL_DATA_OPCODE = ''; - -/** - * All possible tunnel states. - */ -Guacamole.Tunnel.State = { - - /** - * A connection is in pending. It is not yet known whether connection was - * successful. - * - * @type {Number} - */ - "CONNECTING": 0, - - /** - * Connection was successful, and data is being received. - * - * @type {Number} - */ - "OPEN": 1, - - /** - * The connection is closed. Connection may not have been successful, the - * tunnel may have been explicitly closed by either side, or an error may - * have occurred. - * - * @type {Number} - */ - "CLOSED": 2 - -}; - -/** - * Guacamole Tunnel implemented over HTTP via XMLHttpRequest. - * - * @constructor - * @augments Guacamole.Tunnel - * - * @param {String} tunnelURL - * The URL of the HTTP tunneling service. - * - * @param {Boolean} [crossDomain=false] - * Whether tunnel requests will be cross-domain, and thus must use CORS - * mechanisms and headers. By default, it is assumed that tunnel requests - * will be made to the same domain. - */ -Guacamole.HTTPTunnel = function(tunnelURL, crossDomain) { - - /** - * Reference to this HTTP tunnel. - * @private - */ - var tunnel = this; - - var TUNNEL_CONNECT = tunnelURL + "?connect"; - var TUNNEL_READ = tunnelURL + "?read:"; - var TUNNEL_WRITE = tunnelURL + "?write:"; - - var POLLING_ENABLED = 1; - var POLLING_DISABLED = 0; - - // Default to polling - will be turned off automatically if not needed - var pollingMode = POLLING_ENABLED; - - var sendingMessages = false; - var outputMessageBuffer = ""; - - // If requests are expected to be cross-domain, the cookie that the HTTP - // tunnel depends on will only be sent if withCredentials is true - var withCredentials = !!crossDomain; - - /** - * The current receive timeout ID, if any. - * @private - */ - var receive_timeout = null; - - /** - * Initiates a timeout which, if data is not received, causes the tunnel - * to close with an error. - * - * @private - */ - function reset_timeout() { - - // Get rid of old timeout (if any) - window.clearTimeout(receive_timeout); - - // Set new timeout - receive_timeout = window.setTimeout(function () { - close_tunnel(new Guacamole.Status(Guacamole.Status.Code.UPSTREAM_TIMEOUT, "Server timeout.")); - }, tunnel.receiveTimeout); - - } - - /** - * Closes this tunnel, signaling the given status and corresponding - * message, which will be sent to the onerror handler if the status is - * an error status. - * - * @private - * @param {Guacamole.Status} status The status causing the connection to - * close; - */ - function close_tunnel(status) { - - // Ignore if already closed - if (tunnel.state === Guacamole.Tunnel.State.CLOSED) - return; - - // If connection closed abnormally, signal error. - if (status.code !== Guacamole.Status.Code.SUCCESS && tunnel.onerror) { - - // Ignore RESOURCE_NOT_FOUND if we've already connected, as that - // only signals end-of-stream for the HTTP tunnel. - if (tunnel.state === Guacamole.Tunnel.State.CONNECTING - || status.code !== Guacamole.Status.Code.RESOURCE_NOT_FOUND) - tunnel.onerror(status); - - } - - // Mark as closed - tunnel.state = Guacamole.Tunnel.State.CLOSED; - - // Reset output message buffer - sendingMessages = false; - - if (tunnel.onstatechange) - tunnel.onstatechange(tunnel.state); - - } - - - this.sendMessage = function() { - - // Do not attempt to send messages if not connected - if (tunnel.state !== Guacamole.Tunnel.State.OPEN) - return; - - // Do not attempt to send empty messages - if (arguments.length === 0) - return; - - /** - * Converts the given value to a length/string pair for use as an - * element in a Guacamole instruction. - * - * @private - * @param value The value to convert. - * @return {String} The converted value. - */ - function getElement(value) { - var string = new String(value); - return string.length + "." + string; - } - - // Initialized message with first element - var message = getElement(arguments[0]); - - // Append remaining elements - for (var i=1; i 0) { - - sendingMessages = true; - - var message_xmlhttprequest = new XMLHttpRequest(); - message_xmlhttprequest.open("POST", TUNNEL_WRITE + tunnel.uuid); - message_xmlhttprequest.withCredentials = withCredentials; - message_xmlhttprequest.setRequestHeader("Content-type", "application/octet-stream"); - - // Once response received, send next queued event. - message_xmlhttprequest.onreadystatechange = function() { - if (message_xmlhttprequest.readyState === 4) { - - // If an error occurs during send, handle it - if (message_xmlhttprequest.status !== 200) { - handleHTTPTunnelError(message_xmlhttprequest); - } - // Otherwise, continue the send loop - else - sendPendingMessages(); - - } - }; - - message_xmlhttprequest.send(outputMessageBuffer); - outputMessageBuffer = ""; // Clear buffer - - } - else - sendingMessages = false; - - } - - function handleHTTPTunnelError(xmlhttprequest) { - - var code = parseInt(xmlhttprequest.getResponseHeader("Guacamole-Status-Code")); - var message = xmlhttprequest.getResponseHeader("Guacamole-Error-Message"); - - close_tunnel(new Guacamole.Status(code, message)); - - } - - function handleResponse(xmlhttprequest) { - - var interval = null; - var nextRequest = null; - - var dataUpdateEvents = 0; - - // The location of the last element's terminator - var elementEnd = -1; - - // Where to start the next length search or the next element - var startIndex = 0; - - // Parsed elements - var elements = new Array(); - - function parseResponse() { - - // Do not handle responses if not connected - if (tunnel.state !== Guacamole.Tunnel.State.OPEN) { - - // Clean up interval if polling - if (interval !== null) - clearInterval(interval); - - return; - } - - // Do not parse response yet if not ready - if (xmlhttprequest.readyState < 2) return; - - // Attempt to read status - var status; - try { status = xmlhttprequest.status; } - - // If status could not be read, assume successful. - catch (e) { status = 200; } - - // Start next request as soon as possible IF request was successful - if (!nextRequest && status === 200) - nextRequest = makeRequest(); - - // Parse stream when data is received and when complete. - if (xmlhttprequest.readyState === 3 || - xmlhttprequest.readyState === 4) { - - reset_timeout(); - - // Also poll every 30ms (some browsers don't repeatedly call onreadystatechange for new data) - if (pollingMode === POLLING_ENABLED) { - if (xmlhttprequest.readyState === 3 && !interval) - interval = setInterval(parseResponse, 30); - else if (xmlhttprequest.readyState === 4 && interval) - clearInterval(interval); - } - - // If canceled, stop transfer - if (xmlhttprequest.status === 0) { - tunnel.disconnect(); - return; - } - - // Halt on error during request - else if (xmlhttprequest.status !== 200) { - handleHTTPTunnelError(xmlhttprequest); - return; - } - - // Attempt to read in-progress data - var current; - try { current = xmlhttprequest.responseText; } - - // Do not attempt to parse if data could not be read - catch (e) { return; } - - // While search is within currently received data - while (elementEnd < current.length) { - - // If we are waiting for element data - if (elementEnd >= startIndex) { - - // We now have enough data for the element. Parse. - var element = current.substring(startIndex, elementEnd); - var terminator = current.substring(elementEnd, elementEnd+1); - - // Add element to array - elements.push(element); - - // If last element, handle instruction - if (terminator === ";") { - - // Get opcode - var opcode = elements.shift(); - - // Call instruction handler. - if (tunnel.oninstruction) - tunnel.oninstruction(opcode, elements); - - // Clear elements - elements.length = 0; - - } - - // Start searching for length at character after - // element terminator - startIndex = elementEnd + 1; - - } - - // Search for end of length - var lengthEnd = current.indexOf(".", startIndex); - if (lengthEnd !== -1) { - - // Parse length - var length = parseInt(current.substring(elementEnd+1, lengthEnd)); - - // If we're done parsing, handle the next response. - if (length === 0) { - - // Clean up interval if polling - if (interval) - clearInterval(interval); - - // Clean up object - xmlhttprequest.onreadystatechange = null; - xmlhttprequest.abort(); - - // Start handling next request - if (nextRequest) - handleResponse(nextRequest); - - // Done parsing - break; - - } - - // Calculate start of element - startIndex = lengthEnd + 1; - - // Calculate location of element terminator - elementEnd = startIndex + length; - - } - - // If no period yet, continue search when more data - // is received - else { - startIndex = current.length; - break; - } - - } // end parse loop - - } - - } - - // If response polling enabled, attempt to detect if still - // necessary (via wrapping parseResponse()) - if (pollingMode === POLLING_ENABLED) { - xmlhttprequest.onreadystatechange = function() { - - // If we receive two or more readyState==3 events, - // there is no need to poll. - if (xmlhttprequest.readyState === 3) { - dataUpdateEvents++; - if (dataUpdateEvents >= 2) { - pollingMode = POLLING_DISABLED; - xmlhttprequest.onreadystatechange = parseResponse; - } - } - - parseResponse(); - }; - } - - // Otherwise, just parse - else - xmlhttprequest.onreadystatechange = parseResponse; - - parseResponse(); - - } - - /** - * Arbitrary integer, unique for each tunnel read request. - * @private - */ - var request_id = 0; - - function makeRequest() { - - // Make request, increment request ID - var xmlhttprequest = new XMLHttpRequest(); - xmlhttprequest.open("GET", TUNNEL_READ + tunnel.uuid + ":" + (request_id++)); - xmlhttprequest.withCredentials = withCredentials; - xmlhttprequest.send(null); - - return xmlhttprequest; - - } - - this.connect = function(data) { - - // Start waiting for connect - reset_timeout(); - - // Start tunnel and connect - var connect_xmlhttprequest = new XMLHttpRequest(); - connect_xmlhttprequest.onreadystatechange = function() { - - if (connect_xmlhttprequest.readyState !== 4) - return; - - // If failure, throw error - if (connect_xmlhttprequest.status !== 200) { - handleHTTPTunnelError(connect_xmlhttprequest); - return; - } - - reset_timeout(); - - // Get UUID from response - tunnel.uuid = connect_xmlhttprequest.responseText; - - tunnel.state = Guacamole.Tunnel.State.OPEN; - if (tunnel.onstatechange) - tunnel.onstatechange(tunnel.state); - - // Start reading data - handleResponse(makeRequest()); - - }; - - connect_xmlhttprequest.open("POST", TUNNEL_CONNECT, true); - connect_xmlhttprequest.withCredentials = withCredentials; - connect_xmlhttprequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8"); - connect_xmlhttprequest.send(data); - - }; - - this.disconnect = function() { - close_tunnel(new Guacamole.Status(Guacamole.Status.Code.SUCCESS, "Manually closed.")); - }; - -}; - -Guacamole.HTTPTunnel.prototype = new Guacamole.Tunnel(); - -/** - * Guacamole Tunnel implemented over WebSocket via XMLHttpRequest. - * - * @constructor - * @augments Guacamole.Tunnel - * @param {String} tunnelURL The URL of the WebSocket tunneling service. - */ -Guacamole.WebSocketTunnel = function(tunnelURL) { - - /** - * Reference to this WebSocket tunnel. - * @private - */ - var tunnel = this; - - /** - * The WebSocket used by this tunnel. - * @private - */ - var socket = null; - - /** - * The current receive timeout ID, if any. - * @private - */ - var receive_timeout = null; - - /** - * The WebSocket protocol corresponding to the protocol used for the current - * location. - * @private - */ - var ws_protocol = { - "http:": "ws:", - "https:": "wss:" - }; - - // Transform current URL to WebSocket URL - - // If not already a websocket URL - if ( tunnelURL.substring(0, 3) !== "ws:" - && tunnelURL.substring(0, 4) !== "wss:") { - - var protocol = ws_protocol[window.location.protocol]; - - // If absolute URL, convert to absolute WS URL - if (tunnelURL.substring(0, 1) === "/") - tunnelURL = - protocol - + "//" + window.location.host - + tunnelURL; - - // Otherwise, construct absolute from relative URL - else { - - // Get path from pathname - var slash = window.location.pathname.lastIndexOf("/"); - var path = window.location.pathname.substring(0, slash + 1); - - // Construct absolute URL - tunnelURL = - protocol - + "//" + window.location.host - + path - + tunnelURL; - - } - - } - - /** - * Initiates a timeout which, if data is not received, causes the tunnel - * to close with an error. - * - * @private - */ - function reset_timeout() { - - // Get rid of old timeout (if any) - window.clearTimeout(receive_timeout); - - // Set new timeout - receive_timeout = window.setTimeout(function () { - close_tunnel(new Guacamole.Status(Guacamole.Status.Code.UPSTREAM_TIMEOUT, "Server timeout.")); - }, tunnel.receiveTimeout); - - } - - /** - * Closes this tunnel, signaling the given status and corresponding - * message, which will be sent to the onerror handler if the status is - * an error status. - * - * @private - * @param {Guacamole.Status} status The status causing the connection to - * close; - */ - function close_tunnel(status) { - - // Ignore if already closed - if (tunnel.state === Guacamole.Tunnel.State.CLOSED) - return; - - // If connection closed abnormally, signal error. - if (status.code !== Guacamole.Status.Code.SUCCESS && tunnel.onerror) - tunnel.onerror(status); - - // Mark as closed - tunnel.state = Guacamole.Tunnel.State.CLOSED; - if (tunnel.onstatechange) - tunnel.onstatechange(tunnel.state); - - try{ - if(socket) { - socket.close(); - } - }catch(e) { - - } - } - - this.sendMessage = function(elements) { - - // Do not attempt to send messages if not connected - if (tunnel.state !== Guacamole.Tunnel.State.OPEN) - return; - - // Do not attempt to send empty messages - if (arguments.length === 0) - return; - - /** - * Converts the given value to a length/string pair for use as an - * element in a Guacamole instruction. - * - * @private - * @param value The value to convert. - * @return {String} The converted value. - */ - function getElement(value) { - var string = new String(value); - return string.length + "." + string; - } - - // Initialized message with first element - var message = getElement(arguments[0]); - // Append remaining elements - for (var i=1; i - - - - - - - -
-

IPs Portal

-
- - -
- - -
- - - - -=0&&c0&&b-1 in a)}var x=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C={}.hasOwnProperty,D=[],E=D.pop,F=D.push,G=D.push,H=D.slice,I=function(a,b){for(var c=0,d=a.length;c+~]|"+K+")"+K+"*"),S=new RegExp("="+K+"*([^\\]'\"]*?)"+K+"*\\]","g"),T=new RegExp(N),U=new RegExp("^"+L+"$"),V={ID:new RegExp("^#("+L+")"),CLASS:new RegExp("^\\.("+L+")"),TAG:new RegExp("^("+L+"|[*])"),ATTR:new RegExp("^"+M),PSEUDO:new RegExp("^"+N),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+K+"*(even|odd|(([+-]|)(\\d*)n|)"+K+"*(?:([+-]|)"+K+"*(\\d+)|))"+K+"*\\)|)","i"),bool:new RegExp("^(?:"+J+")$","i"),needsContext:new RegExp("^"+K+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+K+"*((?:-\\d)?\\d*)"+K+"*\\)|)(?=[^-]|$)","i")},W=/^(?:input|select|textarea|button)$/i,X=/^h\d$/i,Y=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,$=/[+~]/,_=new RegExp("\\\\([\\da-f]{1,6}"+K+"?|("+K+")|.)","ig"),aa=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:d<0?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ba=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ca=function(a,b){return b?"\0"===a?"\ufffd":a.slice(0,-1)+"\\"+a.charCodeAt(a.length-1).toString(16)+" ":"\\"+a},da=function(){m()},ea=ta(function(a){return a.disabled===!0&&("form"in a||"label"in a)},{dir:"parentNode",next:"legend"});try{G.apply(D=H.call(v.childNodes),v.childNodes),D[v.childNodes.length].nodeType}catch(fa){G={apply:D.length?function(a,b){F.apply(a,H.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s=b&&b.ownerDocument,w=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==w&&9!==w&&11!==w)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==w&&(l=Z.exec(a)))if(f=l[1]){if(9===w){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(s&&(j=s.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(l[2])return G.apply(d,b.getElementsByTagName(a)),d;if((f=l[3])&&c.getElementsByClassName&&b.getElementsByClassName)return G.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==w)s=b,r=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(ba,ca):b.setAttribute("id",k=u),o=g(a),h=o.length;while(h--)o[h]="#"+k+" "+sa(o[h]);r=o.join(","),s=$.test(a)&&qa(b.parentNode)||b}if(r)try{return G.apply(d,s.querySelectorAll(r)),d}catch(x){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(P,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("fieldset");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&a.sourceIndex-b.sourceIndex;if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return function(b){return"form"in b?b.parentNode&&b.disabled===!1?"label"in b?"label"in b.parentNode?b.parentNode.disabled===a:b.disabled===a:b.isDisabled===a||b.isDisabled!==!a&&ea(b)===a:b.disabled===a:"label"in b&&b.disabled===a}}function pa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function qa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return!!b&&"HTML"!==b.nodeName},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),v!==n&&(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Y.test(n.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.filter.ID=function(a){var b=a.replace(_,aa);return function(a){return a.getAttribute("id")===b}},d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}}):(d.filter.ID=function(a){var b=a.replace(_,aa);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}},d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c,d,e,f=b.getElementById(a);if(f){if(c=f.getAttributeNode("id"),c&&c.value===a)return[f];e=b.getElementsByName(a),d=0;while(f=e[d++])if(c=f.getAttributeNode("id"),c&&c.value===a)return[f]}return[]}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){if("undefined"!=typeof b.getElementsByClassName&&p)return b.getElementsByClassName(a)},r=[],q=[],(c.qsa=Y.test(n.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+K+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+K+"*(?:value|"+J+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ja(function(a){a.innerHTML="";var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+K+"*[*^$|!~]?="),2!==a.querySelectorAll(":enabled").length&&q.push(":enabled",":disabled"),o.appendChild(a).disabled=!0,2!==a.querySelectorAll(":disabled").length&&q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Y.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,"*"),s.call(a,"[s!='']:x"),r.push("!=",N)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Y.test(o.compareDocumentPosition),t=b||Y.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?I(k,a)-I(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?I(k,a)-I(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?la(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(S,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&C.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.escape=function(a){return(a+"").replace(ba,ca)},ga.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(_,aa),a[3]=(a[3]||a[4]||a[5]||"").replace(_,aa),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return V.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&T.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(_,aa).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+K+")"+a+"("+K+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?"!="===b:!b||(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(O," ")+" ").indexOf(c)>-1:"|="===b&&(e===c||e.slice(0,c.length+1)===c+"-"))}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||ga.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ia(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=I(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ia(function(a){var b=[],c=[],d=h(a.replace(P,"$1"));return d[u]?ia(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ia(function(a){return function(b){return ga(a,b).length>0}}),contains:ia(function(a){return a=a.replace(_,aa),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ia(function(a){return U.test(a||"")||ga.error("unsupported lang: "+a),a=a.replace(_,aa).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:oa(!1),disabled:oa(!0),checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return X.test(a.nodeName)},input:function(a){return W.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:pa(function(){return[0]}),last:pa(function(a,b){return[b-1]}),eq:pa(function(a,b,c){return[c<0?c+b:c]}),even:pa(function(a,b){for(var c=0;c=0;)a.push(d);return a}),gt:pa(function(a,b,c){for(var d=c<0?c+b:c;++d1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function va(a,b,c){for(var d=0,e=b.length;d-1&&(f[j]=!(g[j]=l))}}else r=wa(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):G.apply(g,r)})}function ya(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ta(function(a){return a===b},h,!0),l=ta(function(a){return I(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];i1&&ua(m),i>1&&sa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(P,"$1"),c,i0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=E.call(i));u=wa(u)}G.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&ga.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=ya(b[c]),f[u]?d.push(f):e.push(f);f=A(a,za(e,d)),f.selector=a}return f},i=ga.select=function(a,b,c,e){var f,i,j,k,l,m="function"==typeof a&&a,n=!e&&g(a=m.selector||a);if(c=c||[],1===n.length){if(i=n[0]=n[0].slice(0),i.length>2&&"ID"===(j=i[0]).type&&9===b.nodeType&&p&&d.relative[i[1].type]){if(b=(d.find.ID(j.matches[0].replace(_,aa),b)||[])[0],!b)return c;m&&(b=b.parentNode),a=a.slice(i.shift().value.length)}f=V.needsContext.test(a)?0:i.length;while(f--){if(j=i[f],d.relative[k=j.type])break;if((l=d.find[k])&&(e=l(j.matches[0].replace(_,aa),$.test(i[0].type)&&qa(b.parentNode)||b))){if(i.splice(f,1),a=e.length&&sa(i),!a)return G.apply(c,e),c;break}}}return(m||h(a,n))(e,b,!p,c,!b||$.test(a)&&qa(b.parentNode)||b),c},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("fieldset"))}),ja(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ka("type|href|height|width",function(a,b,c){if(!c)return a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ja(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ka("value",function(a,b,c){if(!c&&"input"===a.nodeName.toLowerCase())return a.defaultValue}),ja(function(a){return null==a.getAttribute("disabled")})||ka(J,function(a,b,c){var d;if(!c)return a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),ga}(a);r.find=x,r.expr=x.selectors,r.expr[":"]=r.expr.pseudos,r.uniqueSort=r.unique=x.uniqueSort,r.text=x.getText,r.isXMLDoc=x.isXML,r.contains=x.contains,r.escapeSelector=x.escape;var y=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&r(a).is(c))break;d.push(a)}return d},z=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},A=r.expr.match.needsContext;function B(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()}var C=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i,D=/^.[^:#\[\.,]*$/;function E(a,b,c){return r.isFunction(b)?r.grep(a,function(a,d){return!!b.call(a,d,a)!==c}):b.nodeType?r.grep(a,function(a){return a===b!==c}):"string"!=typeof b?r.grep(a,function(a){return i.call(b,a)>-1!==c}):D.test(b)?r.filter(b,a,c):(b=r.filter(b,a),r.grep(a,function(a){return i.call(b,a)>-1!==c&&1===a.nodeType}))}r.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?r.find.matchesSelector(d,a)?[d]:[]:r.find.matches(a,r.grep(b,function(a){return 1===a.nodeType}))},r.fn.extend({find:function(a){var b,c,d=this.length,e=this;if("string"!=typeof a)return this.pushStack(r(a).filter(function(){for(b=0;b1?r.uniqueSort(c):c},filter:function(a){return this.pushStack(E(this,a||[],!1))},not:function(a){return this.pushStack(E(this,a||[],!0))},is:function(a){return!!E(this,"string"==typeof a&&A.test(a)?r(a):a||[],!1).length}});var F,G=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,H=r.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||F,"string"==typeof a){if(e="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:G.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof r?b[0]:b,r.merge(this,r.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),C.test(e[1])&&r.isPlainObject(b))for(e in b)r.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}return f=d.getElementById(e[2]),f&&(this[0]=f,this.length=1),this}return a.nodeType?(this[0]=a,this.length=1,this):r.isFunction(a)?void 0!==c.ready?c.ready(a):a(r):r.makeArray(a,this)};H.prototype=r.fn,F=r(d);var I=/^(?:parents|prev(?:Until|All))/,J={children:!0,contents:!0,next:!0,prev:!0};r.fn.extend({has:function(a){var b=r(a,this),c=b.length;return this.filter(function(){for(var a=0;a-1:1===c.nodeType&&r.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?r.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?i.call(r(a),this[0]):i.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(r.uniqueSort(r.merge(this.get(),r(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function K(a,b){while((a=a[b])&&1!==a.nodeType);return a}r.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return y(a,"parentNode")},parentsUntil:function(a,b,c){return y(a,"parentNode",c)},next:function(a){return K(a,"nextSibling")},prev:function(a){return K(a,"previousSibling")},nextAll:function(a){return y(a,"nextSibling")},prevAll:function(a){return y(a,"previousSibling")},nextUntil:function(a,b,c){return y(a,"nextSibling",c)},prevUntil:function(a,b,c){return y(a,"previousSibling",c)},siblings:function(a){return z((a.parentNode||{}).firstChild,a)},children:function(a){return z(a.firstChild)},contents:function(a){return B(a,"iframe")?a.contentDocument:(B(a,"template")&&(a=a.content||a),r.merge([],a.childNodes))}},function(a,b){r.fn[a]=function(c,d){var e=r.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=r.filter(d,e)),this.length>1&&(J[a]||r.uniqueSort(e),I.test(a)&&e.reverse()),this.pushStack(e)}});var L=/[^\x20\t\r\n\f]+/g;function M(a){var b={};return r.each(a.match(L)||[],function(a,c){b[c]=!0}),b}r.Callbacks=function(a){a="string"==typeof a?M(a):r.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=e||a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h-1)f.splice(c,1),c<=h&&h--}),this},has:function(a){return a?r.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=g=[],c||b||(f=c=""),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j};function N(a){return a}function O(a){throw a}function P(a,b,c,d){var e;try{a&&r.isFunction(e=a.promise)?e.call(a).done(b).fail(c):a&&r.isFunction(e=a.then)?e.call(a,b,c):b.apply(void 0,[a].slice(d))}catch(a){c.apply(void 0,[a])}}r.extend({Deferred:function(b){var c=[["notify","progress",r.Callbacks("memory"),r.Callbacks("memory"),2],["resolve","done",r.Callbacks("once memory"),r.Callbacks("once memory"),0,"resolved"],["reject","fail",r.Callbacks("once memory"),r.Callbacks("once memory"),1,"rejected"]],d="pending",e={state:function(){return d},always:function(){return f.done(arguments).fail(arguments),this},"catch":function(a){return e.then(null,a)},pipe:function(){var a=arguments;return r.Deferred(function(b){r.each(c,function(c,d){var e=r.isFunction(a[d[4]])&&a[d[4]];f[d[1]](function(){var a=e&&e.apply(this,arguments);a&&r.isFunction(a.promise)?a.promise().progress(b.notify).done(b.resolve).fail(b.reject):b[d[0]+"With"](this,e?[a]:arguments)})}),a=null}).promise()},then:function(b,d,e){var f=0;function g(b,c,d,e){return function(){var h=this,i=arguments,j=function(){var a,j;if(!(b=f&&(d!==O&&(h=void 0,i=[a]),c.rejectWith(h,i))}};b?k():(r.Deferred.getStackHook&&(k.stackTrace=r.Deferred.getStackHook()),a.setTimeout(k))}}return r.Deferred(function(a){c[0][3].add(g(0,a,r.isFunction(e)?e:N,a.notifyWith)),c[1][3].add(g(0,a,r.isFunction(b)?b:N)),c[2][3].add(g(0,a,r.isFunction(d)?d:O))}).promise()},promise:function(a){return null!=a?r.extend(a,e):e}},f={};return r.each(c,function(a,b){var g=b[2],h=b[5];e[b[1]]=g.add,h&&g.add(function(){d=h},c[3-a][2].disable,c[0][2].lock),g.add(b[3].fire),f[b[0]]=function(){return f[b[0]+"With"](this===f?void 0:this,arguments),this},f[b[0]+"With"]=g.fireWith}),e.promise(f),b&&b.call(f,f),f},when:function(a){var b=arguments.length,c=b,d=Array(c),e=f.call(arguments),g=r.Deferred(),h=function(a){return function(c){d[a]=this,e[a]=arguments.length>1?f.call(arguments):c,--b||g.resolveWith(d,e)}};if(b<=1&&(P(a,g.done(h(c)).resolve,g.reject,!b),"pending"===g.state()||r.isFunction(e[c]&&e[c].then)))return g.then();while(c--)P(e[c],h(c),g.reject);return g.promise()}});var Q=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;r.Deferred.exceptionHook=function(b,c){a.console&&a.console.warn&&b&&Q.test(b.name)&&a.console.warn("jQuery.Deferred exception: "+b.message,b.stack,c)},r.readyException=function(b){a.setTimeout(function(){throw b})};var R=r.Deferred();r.fn.ready=function(a){return R.then(a)["catch"](function(a){r.readyException(a)}),this},r.extend({isReady:!1,readyWait:1,ready:function(a){(a===!0?--r.readyWait:r.isReady)||(r.isReady=!0,a!==!0&&--r.readyWait>0||R.resolveWith(d,[r]))}}),r.ready.then=R.then;function S(){d.removeEventListener("DOMContentLoaded",S), -a.removeEventListener("load",S),r.ready()}"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll?a.setTimeout(r.ready):(d.addEventListener("DOMContentLoaded",S),a.addEventListener("load",S));var T=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===r.type(c)){e=!0;for(h in c)T(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,r.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(r(a),c)})),b))for(;h1,null,!0)},removeData:function(a){return this.each(function(){X.remove(this,a)})}}),r.extend({queue:function(a,b,c){var d;if(a)return b=(b||"fx")+"queue",d=W.get(a,b),c&&(!d||Array.isArray(c)?d=W.access(a,b,r.makeArray(c)):d.push(c)),d||[]},dequeue:function(a,b){b=b||"fx";var c=r.queue(a,b),d=c.length,e=c.shift(),f=r._queueHooks(a,b),g=function(){r.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return W.get(a,c)||W.access(a,c,{empty:r.Callbacks("once memory").add(function(){W.remove(a,[b+"queue",c])})})}}),r.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length\x20\t\r\n\f]+)/i,la=/^$|\/(?:java|ecma)script/i,ma={option:[1,""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};ma.optgroup=ma.option,ma.tbody=ma.tfoot=ma.colgroup=ma.caption=ma.thead,ma.th=ma.td;function na(a,b){var c;return c="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):[],void 0===b||b&&B(a,b)?r.merge([a],c):c}function oa(a,b){for(var c=0,d=a.length;c-1)e&&e.push(f);else if(j=r.contains(f.ownerDocument,f),g=na(l.appendChild(f),"script"),j&&oa(g),c){k=0;while(f=g[k++])la.test(f.type||"")&&c.push(f)}return l}!function(){var a=d.createDocumentFragment(),b=a.appendChild(d.createElement("div")),c=d.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),o.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="",o.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var ra=d.documentElement,sa=/^key/,ta=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,ua=/^([^.]*)(?:\.(.+)|)/;function va(){return!0}function wa(){return!1}function xa(){try{return d.activeElement}catch(a){}}function ya(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)ya(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=wa;else if(!e)return a;return 1===f&&(g=e,e=function(a){return r().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=r.guid++)),a.each(function(){r.event.add(this,b,e,d,c)})}r.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=W.get(a);if(q){c.handler&&(f=c,c=f.handler,e=f.selector),e&&r.find.matchesSelector(ra,e),c.guid||(c.guid=r.guid++),(i=q.events)||(i=q.events={}),(g=q.handle)||(g=q.handle=function(b){return"undefined"!=typeof r&&r.event.triggered!==b.type?r.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(L)||[""],j=b.length;while(j--)h=ua.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n&&(l=r.event.special[n]||{},n=(e?l.delegateType:l.bindType)||n,l=r.event.special[n]||{},k=r.extend({type:n,origType:p,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&r.expr.match.needsContext.test(e),namespace:o.join(".")},f),(m=i[n])||(m=i[n]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,o,g)!==!1||a.addEventListener&&a.addEventListener(n,g)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),r.event.global[n]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=W.hasData(a)&&W.get(a);if(q&&(i=q.events)){b=(b||"").match(L)||[""],j=b.length;while(j--)if(h=ua.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n){l=r.event.special[n]||{},n=(d?l.delegateType:l.bindType)||n,m=i[n]||[],h=h[2]&&new RegExp("(^|\\.)"+o.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&p!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,o,q.handle)!==!1||r.removeEvent(a,n,q.handle),delete i[n])}else for(n in i)r.event.remove(a,n+b[j],c,d,!0);r.isEmptyObject(i)&&W.remove(a,"handle events")}},dispatch:function(a){var b=r.event.fix(a),c,d,e,f,g,h,i=new Array(arguments.length),j=(W.get(this,"events")||{})[b.type]||[],k=r.event.special[b.type]||{};for(i[0]=b,c=1;c=1))for(;j!==this;j=j.parentNode||this)if(1===j.nodeType&&("click"!==a.type||j.disabled!==!0)){for(f=[],g={},c=0;c-1:r.find(e,this,null,[j]).length),g[e]&&f.push(d);f.length&&h.push({elem:j,handlers:f})}return j=this,i\x20\t\r\n\f]*)[^>]*)\/>/gi,Aa=/\s*$/g;function Ea(a,b){return B(a,"table")&&B(11!==b.nodeType?b:b.firstChild,"tr")?r(">tbody",a)[0]||a:a}function Fa(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function Ga(a){var b=Ca.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function Ha(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(W.hasData(a)&&(f=W.access(a),g=W.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;c1&&"string"==typeof q&&!o.checkClone&&Ba.test(q))return a.each(function(e){var f=a.eq(e);s&&(b[0]=q.call(this,e,f.html())),Ja(f,b,c,d)});if(m&&(e=qa(b,a[0].ownerDocument,!1,a,d),f=e.firstChild,1===e.childNodes.length&&(e=f),f||d)){for(h=r.map(na(e,"script"),Fa),i=h.length;l")},clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=r.contains(a.ownerDocument,a);if(!(o.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||r.isXMLDoc(a)))for(g=na(h),f=na(a),d=0,e=f.length;d0&&oa(g,!i&&na(a,"script")),h},cleanData:function(a){for(var b,c,d,e=r.event.special,f=0;void 0!==(c=a[f]);f++)if(U(c)){if(b=c[W.expando]){if(b.events)for(d in b.events)e[d]?r.event.remove(c,d):r.removeEvent(c,d,b.handle);c[W.expando]=void 0}c[X.expando]&&(c[X.expando]=void 0)}}}),r.fn.extend({detach:function(a){return Ka(this,a,!0)},remove:function(a){return Ka(this,a)},text:function(a){return T(this,function(a){return void 0===a?r.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=a)})},null,a,arguments.length)},append:function(){return Ja(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=Ea(this,a);b.appendChild(a)}})},prepend:function(){return Ja(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=Ea(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return Ja(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return Ja(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(r.cleanData(na(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null!=a&&a,b=null==b?a:b,this.map(function(){return r.clone(this,a,b)})},html:function(a){return T(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!Aa.test(a)&&!ma[(ka.exec(a)||["",""])[1].toLowerCase()]){a=r.htmlPrefilter(a);try{for(;c1)}});function _a(a,b,c,d,e){return new _a.prototype.init(a,b,c,d,e)}r.Tween=_a,_a.prototype={constructor:_a,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||r.easing._default,this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(r.cssNumber[c]?"":"px")},cur:function(){var a=_a.propHooks[this.prop];return a&&a.get?a.get(this):_a.propHooks._default.get(this)},run:function(a){var b,c=_a.propHooks[this.prop];return this.options.duration?this.pos=b=r.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):this.pos=b=a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):_a.propHooks._default.set(this),this}},_a.prototype.init.prototype=_a.prototype,_a.propHooks={_default:{get:function(a){var b;return 1!==a.elem.nodeType||null!=a.elem[a.prop]&&null==a.elem.style[a.prop]?a.elem[a.prop]:(b=r.css(a.elem,a.prop,""),b&&"auto"!==b?b:0)},set:function(a){r.fx.step[a.prop]?r.fx.step[a.prop](a):1!==a.elem.nodeType||null==a.elem.style[r.cssProps[a.prop]]&&!r.cssHooks[a.prop]?a.elem[a.prop]=a.now:r.style(a.elem,a.prop,a.now+a.unit)}}},_a.propHooks.scrollTop=_a.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},r.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2},_default:"swing"},r.fx=_a.prototype.init,r.fx.step={};var ab,bb,cb=/^(?:toggle|show|hide)$/,db=/queueHooks$/;function eb(){bb&&(d.hidden===!1&&a.requestAnimationFrame?a.requestAnimationFrame(eb):a.setTimeout(eb,r.fx.interval),r.fx.tick())}function fb(){return a.setTimeout(function(){ab=void 0}),ab=r.now()}function gb(a,b){var c,d=0,e={height:a};for(b=b?1:0;d<4;d+=2-b)c=ca[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function hb(a,b,c){for(var d,e=(kb.tweeners[b]||[]).concat(kb.tweeners["*"]),f=0,g=e.length;f1)},removeAttr:function(a){return this.each(function(){r.removeAttr(this,a)})}}),r.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return"undefined"==typeof a.getAttribute?r.prop(a,b,c):(1===f&&r.isXMLDoc(a)||(e=r.attrHooks[b.toLowerCase()]||(r.expr.match.bool.test(b)?lb:void 0)),void 0!==c?null===c?void r.removeAttr(a,b):e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:(a.setAttribute(b,c+""),c):e&&"get"in e&&null!==(d=e.get(a,b))?d:(d=r.find.attr(a,b), -null==d?void 0:d))},attrHooks:{type:{set:function(a,b){if(!o.radioValue&&"radio"===b&&B(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}},removeAttr:function(a,b){var c,d=0,e=b&&b.match(L);if(e&&1===a.nodeType)while(c=e[d++])a.removeAttribute(c)}}),lb={set:function(a,b,c){return b===!1?r.removeAttr(a,c):a.setAttribute(c,c),c}},r.each(r.expr.match.bool.source.match(/\w+/g),function(a,b){var c=mb[b]||r.find.attr;mb[b]=function(a,b,d){var e,f,g=b.toLowerCase();return d||(f=mb[g],mb[g]=e,e=null!=c(a,b,d)?g:null,mb[g]=f),e}});var nb=/^(?:input|select|textarea|button)$/i,ob=/^(?:a|area)$/i;r.fn.extend({prop:function(a,b){return T(this,r.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[r.propFix[a]||a]})}}),r.extend({prop:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return 1===f&&r.isXMLDoc(a)||(b=r.propFix[b]||b,e=r.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){var b=r.find.attr(a,"tabindex");return b?parseInt(b,10):nb.test(a.nodeName)||ob.test(a.nodeName)&&a.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),o.optSelected||(r.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null},set:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex)}}),r.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){r.propFix[this.toLowerCase()]=this});function pb(a){var b=a.match(L)||[];return b.join(" ")}function qb(a){return a.getAttribute&&a.getAttribute("class")||""}r.fn.extend({addClass:function(a){var b,c,d,e,f,g,h,i=0;if(r.isFunction(a))return this.each(function(b){r(this).addClass(a.call(this,b,qb(this)))});if("string"==typeof a&&a){b=a.match(L)||[];while(c=this[i++])if(e=qb(c),d=1===c.nodeType&&" "+pb(e)+" "){g=0;while(f=b[g++])d.indexOf(" "+f+" ")<0&&(d+=f+" ");h=pb(d),e!==h&&c.setAttribute("class",h)}}return this},removeClass:function(a){var b,c,d,e,f,g,h,i=0;if(r.isFunction(a))return this.each(function(b){r(this).removeClass(a.call(this,b,qb(this)))});if(!arguments.length)return this.attr("class","");if("string"==typeof a&&a){b=a.match(L)||[];while(c=this[i++])if(e=qb(c),d=1===c.nodeType&&" "+pb(e)+" "){g=0;while(f=b[g++])while(d.indexOf(" "+f+" ")>-1)d=d.replace(" "+f+" "," ");h=pb(d),e!==h&&c.setAttribute("class",h)}}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):r.isFunction(a)?this.each(function(c){r(this).toggleClass(a.call(this,c,qb(this),b),b)}):this.each(function(){var b,d,e,f;if("string"===c){d=0,e=r(this),f=a.match(L)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else void 0!==a&&"boolean"!==c||(b=qb(this),b&&W.set(this,"__className__",b),this.setAttribute&&this.setAttribute("class",b||a===!1?"":W.get(this,"__className__")||""))})},hasClass:function(a){var b,c,d=0;b=" "+a+" ";while(c=this[d++])if(1===c.nodeType&&(" "+pb(qb(c))+" ").indexOf(b)>-1)return!0;return!1}});var rb=/\r/g;r.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=r.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,r(this).val()):a,null==e?e="":"number"==typeof e?e+="":Array.isArray(e)&&(e=r.map(e,function(a){return null==a?"":a+""})),b=r.valHooks[this.type]||r.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=r.valHooks[e.type]||r.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(rb,""):null==c?"":c)}}}),r.extend({valHooks:{option:{get:function(a){var b=r.find.attr(a,"value");return null!=b?b:pb(r.text(a))}},select:{get:function(a){var b,c,d,e=a.options,f=a.selectedIndex,g="select-one"===a.type,h=g?null:[],i=g?f+1:e.length;for(d=f<0?i:g?f:0;d-1)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),r.each(["radio","checkbox"],function(){r.valHooks[this]={set:function(a,b){if(Array.isArray(b))return a.checked=r.inArray(r(a).val(),b)>-1}},o.checkOn||(r.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var sb=/^(?:focusinfocus|focusoutblur)$/;r.extend(r.event,{trigger:function(b,c,e,f){var g,h,i,j,k,m,n,o=[e||d],p=l.call(b,"type")?b.type:b,q=l.call(b,"namespace")?b.namespace.split("."):[];if(h=i=e=e||d,3!==e.nodeType&&8!==e.nodeType&&!sb.test(p+r.event.triggered)&&(p.indexOf(".")>-1&&(q=p.split("."),p=q.shift(),q.sort()),k=p.indexOf(":")<0&&"on"+p,b=b[r.expando]?b:new r.Event(p,"object"==typeof b&&b),b.isTrigger=f?2:3,b.namespace=q.join("."),b.rnamespace=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=e),c=null==c?[b]:r.makeArray(c,[b]),n=r.event.special[p]||{},f||!n.trigger||n.trigger.apply(e,c)!==!1)){if(!f&&!n.noBubble&&!r.isWindow(e)){for(j=n.delegateType||p,sb.test(j+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),i=h;i===(e.ownerDocument||d)&&o.push(i.defaultView||i.parentWindow||a)}g=0;while((h=o[g++])&&!b.isPropagationStopped())b.type=g>1?j:n.bindType||p,m=(W.get(h,"events")||{})[b.type]&&W.get(h,"handle"),m&&m.apply(h,c),m=k&&h[k],m&&m.apply&&U(h)&&(b.result=m.apply(h,c),b.result===!1&&b.preventDefault());return b.type=p,f||b.isDefaultPrevented()||n._default&&n._default.apply(o.pop(),c)!==!1||!U(e)||k&&r.isFunction(e[p])&&!r.isWindow(e)&&(i=e[k],i&&(e[k]=null),r.event.triggered=p,e[p](),r.event.triggered=void 0,i&&(e[k]=i)),b.result}},simulate:function(a,b,c){var d=r.extend(new r.Event,c,{type:a,isSimulated:!0});r.event.trigger(d,null,b)}}),r.fn.extend({trigger:function(a,b){return this.each(function(){r.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];if(c)return r.event.trigger(a,b,c,!0)}}),r.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(a,b){r.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),r.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}}),o.focusin="onfocusin"in a,o.focusin||r.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){r.event.simulate(b,a.target,r.event.fix(a))};r.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=W.access(d,b);e||d.addEventListener(a,c,!0),W.access(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=W.access(d,b)-1;e?W.access(d,b,e):(d.removeEventListener(a,c,!0),W.remove(d,b))}}});var tb=a.location,ub=r.now(),vb=/\?/;r.parseXML=function(b){var c;if(!b||"string"!=typeof b)return null;try{c=(new a.DOMParser).parseFromString(b,"text/xml")}catch(d){c=void 0}return c&&!c.getElementsByTagName("parsererror").length||r.error("Invalid XML: "+b),c};var wb=/\[\]$/,xb=/\r?\n/g,yb=/^(?:submit|button|image|reset|file)$/i,zb=/^(?:input|select|textarea|keygen)/i;function Ab(a,b,c,d){var e;if(Array.isArray(b))r.each(b,function(b,e){c||wb.test(a)?d(a,e):Ab(a+"["+("object"==typeof e&&null!=e?b:"")+"]",e,c,d)});else if(c||"object"!==r.type(b))d(a,b);else for(e in b)Ab(a+"["+e+"]",b[e],c,d)}r.param=function(a,b){var c,d=[],e=function(a,b){var c=r.isFunction(b)?b():b;d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(null==c?"":c)};if(Array.isArray(a)||a.jquery&&!r.isPlainObject(a))r.each(a,function(){e(this.name,this.value)});else for(c in a)Ab(c,a[c],b,e);return d.join("&")},r.fn.extend({serialize:function(){return r.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=r.prop(this,"elements");return a?r.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!r(this).is(":disabled")&&zb.test(this.nodeName)&&!yb.test(a)&&(this.checked||!ja.test(a))}).map(function(a,b){var c=r(this).val();return null==c?null:Array.isArray(c)?r.map(c,function(a){return{name:b.name,value:a.replace(xb,"\r\n")}}):{name:b.name,value:c.replace(xb,"\r\n")}}).get()}});var Bb=/%20/g,Cb=/#.*$/,Db=/([?&])_=[^&]*/,Eb=/^(.*?):[ \t]*([^\r\n]*)$/gm,Fb=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Gb=/^(?:GET|HEAD)$/,Hb=/^\/\//,Ib={},Jb={},Kb="*/".concat("*"),Lb=d.createElement("a");Lb.href=tb.href;function Mb(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(L)||[];if(r.isFunction(c))while(d=f[e++])"+"===d[0]?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function Nb(a,b,c,d){var e={},f=a===Jb;function g(h){var i;return e[h]=!0,r.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function Ob(a,b){var c,d,e=r.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&r.extend(!0,a,d),a}function Pb(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader("Content-Type"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+" "+i[0]]){f=e;break}g||(g=e)}f=f||g}if(f)return f!==i[0]&&i.unshift(f),c[f]}function Qb(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}r.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:tb.href,type:"GET",isLocal:Fb.test(tb.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Kb,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":r.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?Ob(Ob(a,r.ajaxSettings),b):Ob(r.ajaxSettings,a)},ajaxPrefilter:Mb(Ib),ajaxTransport:Mb(Jb),ajax:function(b,c){"object"==typeof b&&(c=b,b=void 0),c=c||{};var e,f,g,h,i,j,k,l,m,n,o=r.ajaxSetup({},c),p=o.context||o,q=o.context&&(p.nodeType||p.jquery)?r(p):r.event,s=r.Deferred(),t=r.Callbacks("once memory"),u=o.statusCode||{},v={},w={},x="canceled",y={readyState:0,getResponseHeader:function(a){var b;if(k){if(!h){h={};while(b=Eb.exec(g))h[b[1].toLowerCase()]=b[2]}b=h[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return k?g:null},setRequestHeader:function(a,b){return null==k&&(a=w[a.toLowerCase()]=w[a.toLowerCase()]||a,v[a]=b),this},overrideMimeType:function(a){return null==k&&(o.mimeType=a),this},statusCode:function(a){var b;if(a)if(k)y.always(a[y.status]);else for(b in a)u[b]=[u[b],a[b]];return this},abort:function(a){var b=a||x;return e&&e.abort(b),A(0,b),this}};if(s.promise(y),o.url=((b||o.url||tb.href)+"").replace(Hb,tb.protocol+"//"),o.type=c.method||c.type||o.method||o.type,o.dataTypes=(o.dataType||"*").toLowerCase().match(L)||[""],null==o.crossDomain){j=d.createElement("a");try{j.href=o.url,j.href=j.href,o.crossDomain=Lb.protocol+"//"+Lb.host!=j.protocol+"//"+j.host}catch(z){o.crossDomain=!0}}if(o.data&&o.processData&&"string"!=typeof o.data&&(o.data=r.param(o.data,o.traditional)),Nb(Ib,o,c,y),k)return y;l=r.event&&o.global,l&&0===r.active++&&r.event.trigger("ajaxStart"),o.type=o.type.toUpperCase(),o.hasContent=!Gb.test(o.type),f=o.url.replace(Cb,""),o.hasContent?o.data&&o.processData&&0===(o.contentType||"").indexOf("application/x-www-form-urlencoded")&&(o.data=o.data.replace(Bb,"+")):(n=o.url.slice(f.length),o.data&&(f+=(vb.test(f)?"&":"?")+o.data,delete o.data),o.cache===!1&&(f=f.replace(Db,"$1"),n=(vb.test(f)?"&":"?")+"_="+ub++ +n),o.url=f+n),o.ifModified&&(r.lastModified[f]&&y.setRequestHeader("If-Modified-Since",r.lastModified[f]),r.etag[f]&&y.setRequestHeader("If-None-Match",r.etag[f])),(o.data&&o.hasContent&&o.contentType!==!1||c.contentType)&&y.setRequestHeader("Content-Type",o.contentType),y.setRequestHeader("Accept",o.dataTypes[0]&&o.accepts[o.dataTypes[0]]?o.accepts[o.dataTypes[0]]+("*"!==o.dataTypes[0]?", "+Kb+"; q=0.01":""):o.accepts["*"]);for(m in o.headers)y.setRequestHeader(m,o.headers[m]);if(o.beforeSend&&(o.beforeSend.call(p,y,o)===!1||k))return y.abort();if(x="abort",t.add(o.complete),y.done(o.success),y.fail(o.error),e=Nb(Jb,o,c,y)){if(y.readyState=1,l&&q.trigger("ajaxSend",[y,o]),k)return y;o.async&&o.timeout>0&&(i=a.setTimeout(function(){y.abort("timeout")},o.timeout));try{k=!1,e.send(v,A)}catch(z){if(k)throw z;A(-1,z)}}else A(-1,"No Transport");function A(b,c,d,h){var j,m,n,v,w,x=c;k||(k=!0,i&&a.clearTimeout(i),e=void 0,g=h||"",y.readyState=b>0?4:0,j=b>=200&&b<300||304===b,d&&(v=Pb(o,y,d)),v=Qb(o,v,y,j),j?(o.ifModified&&(w=y.getResponseHeader("Last-Modified"),w&&(r.lastModified[f]=w),w=y.getResponseHeader("etag"),w&&(r.etag[f]=w)),204===b||"HEAD"===o.type?x="nocontent":304===b?x="notmodified":(x=v.state,m=v.data,n=v.error,j=!n)):(n=x,!b&&x||(x="error",b<0&&(b=0))),y.status=b,y.statusText=(c||x)+"",j?s.resolveWith(p,[m,x,y]):s.rejectWith(p,[y,x,n]),y.statusCode(u),u=void 0,l&&q.trigger(j?"ajaxSuccess":"ajaxError",[y,o,j?m:n]),t.fireWith(p,[y,x]),l&&(q.trigger("ajaxComplete",[y,o]),--r.active||r.event.trigger("ajaxStop")))}return y},getJSON:function(a,b,c){return r.get(a,b,c,"json")},getScript:function(a,b){return r.get(a,void 0,b,"script")}}),r.each(["get","post"],function(a,b){r[b]=function(a,c,d,e){return r.isFunction(c)&&(e=e||d,d=c,c=void 0),r.ajax(r.extend({url:a,type:b,dataType:e,data:c,success:d},r.isPlainObject(a)&&a))}}),r._evalUrl=function(a){return r.ajax({url:a,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,"throws":!0})},r.fn.extend({wrapAll:function(a){var b;return this[0]&&(r.isFunction(a)&&(a=a.call(this[0])),b=r(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstElementChild)a=a.firstElementChild;return a}).append(this)),this},wrapInner:function(a){return r.isFunction(a)?this.each(function(b){r(this).wrapInner(a.call(this,b))}):this.each(function(){var b=r(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=r.isFunction(a);return this.each(function(c){r(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(a){return this.parent(a).not("body").each(function(){r(this).replaceWith(this.childNodes)}),this}}),r.expr.pseudos.hidden=function(a){return!r.expr.pseudos.visible(a)},r.expr.pseudos.visible=function(a){return!!(a.offsetWidth||a.offsetHeight||a.getClientRects().length)},r.ajaxSettings.xhr=function(){try{return new a.XMLHttpRequest}catch(b){}};var Rb={0:200,1223:204},Sb=r.ajaxSettings.xhr();o.cors=!!Sb&&"withCredentials"in Sb,o.ajax=Sb=!!Sb,r.ajaxTransport(function(b){var c,d;if(o.cors||Sb&&!b.crossDomain)return{send:function(e,f){var g,h=b.xhr();if(h.open(b.type,b.url,b.async,b.username,b.password),b.xhrFields)for(g in b.xhrFields)h[g]=b.xhrFields[g];b.mimeType&&h.overrideMimeType&&h.overrideMimeType(b.mimeType),b.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest");for(g in e)h.setRequestHeader(g,e[g]);c=function(a){return function(){c&&(c=d=h.onload=h.onerror=h.onabort=h.onreadystatechange=null,"abort"===a?h.abort():"error"===a?"number"!=typeof h.status?f(0,"error"):f(h.status,h.statusText):f(Rb[h.status]||h.status,h.statusText,"text"!==(h.responseType||"text")||"string"!=typeof h.responseText?{binary:h.response}:{text:h.responseText},h.getAllResponseHeaders()))}},h.onload=c(),d=h.onerror=c("error"),void 0!==h.onabort?h.onabort=d:h.onreadystatechange=function(){4===h.readyState&&a.setTimeout(function(){c&&d()})},c=c("abort");try{h.send(b.hasContent&&b.data||null)}catch(i){if(c)throw i}},abort:function(){c&&c()}}}),r.ajaxPrefilter(function(a){a.crossDomain&&(a.contents.script=!1)}),r.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(a){return r.globalEval(a),a}}}),r.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET")}),r.ajaxTransport("script",function(a){if(a.crossDomain){var b,c;return{send:function(e,f){b=r("