// Copyright 2005 The Closure Library Authors. All Rights Reserved. // // Licensed 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. /** * @fileoverview Functions to create special cursor styles, like "draggable" * (open hand) or "dragging" (closed hand). * * @author dgajda@google.com (Damian Gajda) Ported to closure. */ goog.provide('goog.style.cursor'); goog.require('goog.userAgent'); /** * The file name for the open-hand (draggable) cursor. * @type {string} */ goog.style.cursor.OPENHAND_FILE = 'openhand.cur'; /** * The file name for the close-hand (dragging) cursor. * @type {string} */ goog.style.cursor.CLOSEDHAND_FILE = 'closedhand.cur'; /** * Create the style for the draggable cursor based on browser and OS. * The value can be extended to be '!important' if needed. * * @param {string} absoluteDotCurFilePath The absolute base path of * 'openhand.cur' file to be used if the browser supports it. * @param {boolean=} opt_obsolete Just for compiler backward compatibility. * @return {string} The "draggable" mouse cursor style value. */ goog.style.cursor.getDraggableCursorStyle = function( absoluteDotCurFilePath, opt_obsolete) { return goog.style.cursor.getCursorStyle_( '-moz-grab', absoluteDotCurFilePath + goog.style.cursor.OPENHAND_FILE, 'default'); }; /** * Create the style for the dragging cursor based on browser and OS. * The value can be extended to be '!important' if needed. * * @param {string} absoluteDotCurFilePath The absolute base path of * 'closedhand.cur' file to be used if the browser supports it. * @param {boolean=} opt_obsolete Just for compiler backward compatibility. * @return {string} The "dragging" mouse cursor style value. */ goog.style.cursor.getDraggingCursorStyle = function( absoluteDotCurFilePath, opt_obsolete) { return goog.style.cursor.getCursorStyle_( '-moz-grabbing', absoluteDotCurFilePath + goog.style.cursor.CLOSEDHAND_FILE, 'move'); }; /** * Create the style for the cursor based on browser and OS. * * @param {string} geckoNonWinBuiltInStyleValue The Gecko on non-Windows OS, * built in cursor style. * @param {string} absoluteDotCurFilePath The .cur file absolute file to be * used if the browser supports it. * @param {string} defaultStyle The default fallback cursor style. * @return {string} The computed mouse cursor style value. * @private */ goog.style.cursor.getCursorStyle_ = function( geckoNonWinBuiltInStyleValue, absoluteDotCurFilePath, defaultStyle) { // Use built in cursors for Gecko on non Windows OS. // We prefer our custom cursor, but Firefox Mac and Firefox Linux // cannot do custom cursors. They do have a built-in hand, so use it: if (goog.userAgent.GECKO && !goog.userAgent.WINDOWS) { return geckoNonWinBuiltInStyleValue; } // Use the custom cursor file. var cursorStyleValue = 'url("' + absoluteDotCurFilePath + '")'; // Change hot-spot for Safari. if (goog.userAgent.WEBKIT) { // Safari seems to ignore the hotspot specified in the .cur file (it uses // 0,0 instead). This causes the cursor to jump as it transitions between // openhand and pointer which is especially annoying when trying to hover // over the route for draggable routes. We specify the hotspot here as 7,5 // in the css - unfortunately ie6 can't understand this and falls back to // the builtin cursors so we just do this for safari (but ie DOES correctly // use the hotspot specified in the file so this is ok). The appropriate // coordinates were determined by looking at a hex dump and the format // description from wikipedia. cursorStyleValue += ' 7 5'; } // Add default cursor fallback. cursorStyleValue += ', ' + defaultStyle; return cursorStyleValue; };