You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1256 lines
42 KiB
1256 lines
42 KiB
/*! |
|
* ZeroClipboard |
|
* The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface. |
|
* Copyright (c) 2014 Jon Rohan, James M. Greene |
|
* Licensed MIT |
|
* http://zeroclipboard.org/ |
|
* v2.0.0-beta.5 |
|
*/ |
|
(function(window) { |
|
"use strict"; |
|
var _currentElement; |
|
var _flashState = { |
|
bridge: null, |
|
version: "0.0.0", |
|
pluginType: "unknown", |
|
disabled: null, |
|
outdated: null, |
|
unavailable: null, |
|
deactivated: null, |
|
overdue: null, |
|
ready: null |
|
}; |
|
var _clipData = {}; |
|
var _clipDataFormatMap = null; |
|
var _clientIdCounter = 0; |
|
var _clientMeta = {}; |
|
var _elementIdCounter = 0; |
|
var _elementMeta = {}; |
|
var _swfPath = function() { |
|
var i, jsDir, tmpJsPath, jsPath, swfPath = "ZeroClipboard.swf"; |
|
if (!(document.currentScript && (jsPath = document.currentScript.src))) { |
|
var scripts = document.getElementsByTagName("script"); |
|
if ("readyState" in scripts[0]) { |
|
for (i = scripts.length; i--; ) { |
|
if (scripts[i].readyState === "interactive" && (jsPath = scripts[i].src)) { |
|
break; |
|
} |
|
} |
|
} else if (document.readyState === "loading") { |
|
jsPath = scripts[scripts.length - 1].src; |
|
} else { |
|
for (i = scripts.length; i--; ) { |
|
tmpJsPath = scripts[i].src; |
|
if (!tmpJsPath) { |
|
jsDir = null; |
|
break; |
|
} |
|
tmpJsPath = tmpJsPath.split("#")[0].split("?")[0]; |
|
tmpJsPath = tmpJsPath.slice(0, tmpJsPath.lastIndexOf("/") + 1); |
|
if (jsDir == null) { |
|
jsDir = tmpJsPath; |
|
} else if (jsDir !== tmpJsPath) { |
|
jsDir = null; |
|
break; |
|
} |
|
} |
|
if (jsDir !== null) { |
|
jsPath = jsDir; |
|
} |
|
} |
|
} |
|
if (jsPath) { |
|
jsPath = jsPath.split("#")[0].split("?")[0]; |
|
swfPath = jsPath.slice(0, jsPath.lastIndexOf("/") + 1) + swfPath; |
|
} |
|
return swfPath; |
|
}(); |
|
var _camelizeCssPropName = function() { |
|
var matcherRegex = /\-([a-z])/g, replacerFn = function(match, group) { |
|
return group.toUpperCase(); |
|
}; |
|
return function(prop) { |
|
return prop.replace(matcherRegex, replacerFn); |
|
}; |
|
}(); |
|
var _getStyle = function(el, prop) { |
|
var value, camelProp, tagName; |
|
if (window.getComputedStyle) { |
|
value = window.getComputedStyle(el, null).getPropertyValue(prop); |
|
} else { |
|
camelProp = _camelizeCssPropName(prop); |
|
if (el.currentStyle) { |
|
value = el.currentStyle[camelProp]; |
|
} else { |
|
value = el.style[camelProp]; |
|
} |
|
} |
|
if (prop === "cursor") { |
|
if (!value || value === "auto") { |
|
tagName = el.tagName.toLowerCase(); |
|
if (tagName === "a") { |
|
return "pointer"; |
|
} |
|
} |
|
} |
|
return value; |
|
}; |
|
var _elementMouseOver = function(event) { |
|
if (!event) { |
|
event = window.event; |
|
} |
|
var target; |
|
if (this !== window) { |
|
target = this; |
|
} else if (event.target) { |
|
target = event.target; |
|
} else if (event.srcElement) { |
|
target = event.srcElement; |
|
} |
|
ZeroClipboard.activate(target); |
|
}; |
|
var _addEventHandler = function(element, method, func) { |
|
if (!element || element.nodeType !== 1) { |
|
return; |
|
} |
|
if (element.addEventListener) { |
|
element.addEventListener(method, func, false); |
|
} else if (element.attachEvent) { |
|
element.attachEvent("on" + method, func); |
|
} |
|
}; |
|
var _removeEventHandler = function(element, method, func) { |
|
if (!element || element.nodeType !== 1) { |
|
return; |
|
} |
|
if (element.removeEventListener) { |
|
element.removeEventListener(method, func, false); |
|
} else if (element.detachEvent) { |
|
element.detachEvent("on" + method, func); |
|
} |
|
}; |
|
var _addClass = function(element, value) { |
|
if (!element || element.nodeType !== 1) { |
|
return element; |
|
} |
|
if (element.classList) { |
|
if (!element.classList.contains(value)) { |
|
element.classList.add(value); |
|
} |
|
return element; |
|
} |
|
if (value && typeof value === "string") { |
|
var classNames = (value || "").split(/\s+/); |
|
if (element.nodeType === 1) { |
|
if (!element.className) { |
|
element.className = value; |
|
} else { |
|
var className = " " + element.className + " ", setClass = element.className; |
|
for (var c = 0, cl = classNames.length; c < cl; c++) { |
|
if (className.indexOf(" " + classNames[c] + " ") < 0) { |
|
setClass += " " + classNames[c]; |
|
} |
|
} |
|
element.className = setClass.replace(/^\s+|\s+$/g, ""); |
|
} |
|
} |
|
} |
|
return element; |
|
}; |
|
var _removeClass = function(element, value) { |
|
if (!element || element.nodeType !== 1) { |
|
return element; |
|
} |
|
if (element.classList) { |
|
if (element.classList.contains(value)) { |
|
element.classList.remove(value); |
|
} |
|
return element; |
|
} |
|
if (value && typeof value === "string" || value === undefined) { |
|
var classNames = (value || "").split(/\s+/); |
|
if (element.nodeType === 1 && element.className) { |
|
if (value) { |
|
var className = (" " + element.className + " ").replace(/[\n\t]/g, " "); |
|
for (var c = 0, cl = classNames.length; c < cl; c++) { |
|
className = className.replace(" " + classNames[c] + " ", " "); |
|
} |
|
element.className = className.replace(/^\s+|\s+$/g, ""); |
|
} else { |
|
element.className = ""; |
|
} |
|
} |
|
} |
|
return element; |
|
}; |
|
var _getZoomFactor = function() { |
|
var rect, physicalWidth, logicalWidth, zoomFactor = 1; |
|
if (typeof document.body.getBoundingClientRect === "function") { |
|
rect = document.body.getBoundingClientRect(); |
|
physicalWidth = rect.right - rect.left; |
|
logicalWidth = document.body.offsetWidth; |
|
zoomFactor = Math.round(physicalWidth / logicalWidth * 100) / 100; |
|
} |
|
return zoomFactor; |
|
}; |
|
var _getDOMObjectPosition = function(obj, defaultZIndex) { |
|
var info = { |
|
left: 0, |
|
top: 0, |
|
width: 0, |
|
height: 0, |
|
zIndex: _getSafeZIndex(defaultZIndex) - 1 |
|
}; |
|
if (obj.getBoundingClientRect) { |
|
var rect = obj.getBoundingClientRect(); |
|
var pageXOffset, pageYOffset, zoomFactor; |
|
if ("pageXOffset" in window && "pageYOffset" in window) { |
|
pageXOffset = window.pageXOffset; |
|
pageYOffset = window.pageYOffset; |
|
} else { |
|
zoomFactor = _getZoomFactor(); |
|
pageXOffset = Math.round(document.documentElement.scrollLeft / zoomFactor); |
|
pageYOffset = Math.round(document.documentElement.scrollTop / zoomFactor); |
|
} |
|
var leftBorderWidth = document.documentElement.clientLeft || 0; |
|
var topBorderWidth = document.documentElement.clientTop || 0; |
|
info.left = rect.left + pageXOffset - leftBorderWidth; |
|
info.top = rect.top + pageYOffset - topBorderWidth; |
|
info.width = "width" in rect ? rect.width : rect.right - rect.left; |
|
info.height = "height" in rect ? rect.height : rect.bottom - rect.top; |
|
} |
|
return info; |
|
}; |
|
var _cacheBust = function(path, options) { |
|
var cacheBust = options == null || options && options.cacheBust === true; |
|
if (cacheBust) { |
|
return (path.indexOf("?") === -1 ? "?" : "&") + "noCache=" + new Date().getTime(); |
|
} else { |
|
return ""; |
|
} |
|
}; |
|
var _vars = function(options) { |
|
var i, len, domain, domains, str = "", trustedOriginsExpanded = []; |
|
if (options.trustedDomains) { |
|
if (typeof options.trustedDomains === "string") { |
|
domains = [ options.trustedDomains ]; |
|
} else if (typeof options.trustedDomains === "object" && "length" in options.trustedDomains) { |
|
domains = options.trustedDomains; |
|
} |
|
} |
|
if (domains && domains.length) { |
|
for (i = 0, len = domains.length; i < len; i++) { |
|
if (domains.hasOwnProperty(i) && domains[i] && typeof domains[i] === "string") { |
|
domain = _extractDomain(domains[i]); |
|
if (!domain) { |
|
continue; |
|
} |
|
if (domain === "*") { |
|
trustedOriginsExpanded = [ domain ]; |
|
break; |
|
} |
|
trustedOriginsExpanded.push.apply(trustedOriginsExpanded, [ domain, "//" + domain, window.location.protocol + "//" + domain ]); |
|
} |
|
} |
|
} |
|
if (trustedOriginsExpanded.length) { |
|
str += "trustedOrigins=" + encodeURIComponent(trustedOriginsExpanded.join(",")); |
|
} |
|
if (options.forceEnhancedClipboard === true) { |
|
str += (str ? "&" : "") + "forceEnhancedClipboard=true"; |
|
} |
|
return str; |
|
}; |
|
var _inArray = function(elem, array, fromIndex) { |
|
if (typeof array.indexOf === "function") { |
|
return array.indexOf(elem, fromIndex); |
|
} |
|
var i, len = array.length; |
|
if (typeof fromIndex === "undefined") { |
|
fromIndex = 0; |
|
} else if (fromIndex < 0) { |
|
fromIndex = len + fromIndex; |
|
} |
|
for (i = fromIndex; i < len; i++) { |
|
if (array.hasOwnProperty(i) && array[i] === elem) { |
|
return i; |
|
} |
|
} |
|
return -1; |
|
}; |
|
var _prepClip = function(elements) { |
|
if (typeof elements === "string") { |
|
throw new TypeError("ZeroClipboard doesn't accept query strings."); |
|
} |
|
return typeof elements.length !== "number" ? [ elements ] : elements; |
|
}; |
|
var _dispatchCallback = function(func, context, args, async) { |
|
if (async) { |
|
window.setTimeout(function() { |
|
func.apply(context, args); |
|
}, 0); |
|
} else { |
|
func.apply(context, args); |
|
} |
|
}; |
|
var _getSafeZIndex = function(val) { |
|
var zIndex, tmp; |
|
if (val) { |
|
if (typeof val === "number" && val > 0) { |
|
zIndex = val; |
|
} else if (typeof val === "string" && (tmp = parseInt(val, 10)) && !isNaN(tmp) && tmp > 0) { |
|
zIndex = tmp; |
|
} |
|
} |
|
if (!zIndex) { |
|
if (typeof _globalConfig.zIndex === "number" && _globalConfig.zIndex > 0) { |
|
zIndex = _globalConfig.zIndex; |
|
} else if (typeof _globalConfig.zIndex === "string" && (tmp = parseInt(_globalConfig.zIndex, 10)) && !isNaN(tmp) && tmp > 0) { |
|
zIndex = tmp; |
|
} |
|
} |
|
return zIndex || 0; |
|
}; |
|
var _extend = function() { |
|
var i, len, arg, prop, src, copy, target = arguments[0] || {}; |
|
for (i = 1, len = arguments.length; i < len; i++) { |
|
if ((arg = arguments[i]) != null) { |
|
for (prop in arg) { |
|
if (arg.hasOwnProperty(prop)) { |
|
src = target[prop]; |
|
copy = arg[prop]; |
|
if (target === copy) { |
|
continue; |
|
} |
|
if (copy !== undefined) { |
|
target[prop] = copy; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
return target; |
|
}; |
|
var _extractDomain = function(originOrUrl) { |
|
if (originOrUrl == null || originOrUrl === "") { |
|
return null; |
|
} |
|
originOrUrl = originOrUrl.replace(/^\s+|\s+$/g, ""); |
|
if (originOrUrl === "") { |
|
return null; |
|
} |
|
var protocolIndex = originOrUrl.indexOf("//"); |
|
originOrUrl = protocolIndex === -1 ? originOrUrl : originOrUrl.slice(protocolIndex + 2); |
|
var pathIndex = originOrUrl.indexOf("/"); |
|
originOrUrl = pathIndex === -1 ? originOrUrl : protocolIndex === -1 || pathIndex === 0 ? null : originOrUrl.slice(0, pathIndex); |
|
if (originOrUrl && originOrUrl.slice(-4).toLowerCase() === ".swf") { |
|
return null; |
|
} |
|
return originOrUrl || null; |
|
}; |
|
var _determineScriptAccess = function() { |
|
var _extractAllDomains = function(origins, resultsArray) { |
|
var i, len, tmp; |
|
if (origins == null || resultsArray[0] === "*") { |
|
return; |
|
} |
|
if (typeof origins === "string") { |
|
origins = [ origins ]; |
|
} |
|
if (!(typeof origins === "object" && typeof origins.length === "number")) { |
|
return; |
|
} |
|
for (i = 0, len = origins.length; i < len; i++) { |
|
if (origins.hasOwnProperty(i) && (tmp = _extractDomain(origins[i]))) { |
|
if (tmp === "*") { |
|
resultsArray.length = 0; |
|
resultsArray.push("*"); |
|
break; |
|
} |
|
if (_inArray(tmp, resultsArray) === -1) { |
|
resultsArray.push(tmp); |
|
} |
|
} |
|
} |
|
}; |
|
return function(currentDomain, configOptions) { |
|
var swfDomain = _extractDomain(configOptions.swfPath); |
|
if (swfDomain === null) { |
|
swfDomain = currentDomain; |
|
} |
|
var trustedDomains = []; |
|
_extractAllDomains(configOptions.trustedOrigins, trustedDomains); |
|
_extractAllDomains(configOptions.trustedDomains, trustedDomains); |
|
var len = trustedDomains.length; |
|
if (len > 0) { |
|
if (len === 1 && trustedDomains[0] === "*") { |
|
return "always"; |
|
} |
|
if (_inArray(currentDomain, trustedDomains) !== -1) { |
|
if (len === 1 && currentDomain === swfDomain) { |
|
return "sameDomain"; |
|
} |
|
return "always"; |
|
} |
|
} |
|
return "never"; |
|
}; |
|
}(); |
|
var _objectKeys = function(obj) { |
|
if (obj == null) { |
|
return []; |
|
} |
|
if (Object.keys) { |
|
return Object.keys(obj); |
|
} |
|
var keys = []; |
|
for (var prop in obj) { |
|
if (obj.hasOwnProperty(prop)) { |
|
keys.push(prop); |
|
} |
|
} |
|
return keys; |
|
}; |
|
var _deleteOwnProperties = function(obj) { |
|
if (obj) { |
|
for (var prop in obj) { |
|
if (obj.hasOwnProperty(prop)) { |
|
delete obj[prop]; |
|
} |
|
} |
|
} |
|
return obj; |
|
}; |
|
var _safeActiveElement = function() { |
|
try { |
|
return document.activeElement; |
|
} catch (err) {} |
|
return null; |
|
}; |
|
var _pick = function(obj, keys) { |
|
var newObj = {}; |
|
for (var i = 0, len = keys.length; i < len; i++) { |
|
if (keys[i] in obj) { |
|
newObj[keys[i]] = obj[keys[i]]; |
|
} |
|
} |
|
return newObj; |
|
}; |
|
var _omit = function(obj, keys) { |
|
var newObj = {}; |
|
for (var prop in obj) { |
|
if (_inArray(prop, keys) === -1) { |
|
newObj[prop] = obj[prop]; |
|
} |
|
} |
|
return newObj; |
|
}; |
|
var _mapClipDataToFlash = function(clipData) { |
|
var newClipData = {}, formatMap = {}; |
|
if (!(typeof clipData === "object" && clipData)) { |
|
return; |
|
} |
|
for (var dataFormat in clipData) { |
|
if (dataFormat && clipData.hasOwnProperty(dataFormat) && typeof clipData[dataFormat] === "string" && clipData[dataFormat]) { |
|
switch (dataFormat.toLowerCase()) { |
|
case "text/plain": |
|
case "text": |
|
case "air:text": |
|
case "flash:text": |
|
newClipData.text = clipData[dataFormat]; |
|
formatMap.text = dataFormat; |
|
break; |
|
|
|
case "text/html": |
|
case "html": |
|
case "air:html": |
|
case "flash:html": |
|
newClipData.html = clipData[dataFormat]; |
|
formatMap.html = dataFormat; |
|
break; |
|
|
|
case "application/rtf": |
|
case "text/rtf": |
|
case "rtf": |
|
case "richtext": |
|
case "air:rtf": |
|
case "flash:rtf": |
|
newClipData.rtf = clipData[dataFormat]; |
|
formatMap.rtf = dataFormat; |
|
break; |
|
|
|
default: |
|
break; |
|
} |
|
} |
|
} |
|
return { |
|
data: newClipData, |
|
formatMap: formatMap |
|
}; |
|
}; |
|
var _mapClipResultsFromFlash = function(clipResults, formatMap) { |
|
if (!(typeof clipResults === "object" && clipResults && typeof formatMap === "object" && formatMap)) { |
|
return clipResults; |
|
} |
|
var newResults = {}; |
|
for (var prop in clipResults) { |
|
if (clipResults.hasOwnProperty(prop)) { |
|
if (prop !== "success" && prop !== "data") { |
|
newResults[prop] = clipResults[prop]; |
|
continue; |
|
} |
|
newResults[prop] = {}; |
|
var tmpHash = clipResults[prop]; |
|
for (var dataFormat in tmpHash) { |
|
if (dataFormat && tmpHash.hasOwnProperty(dataFormat) && formatMap.hasOwnProperty(dataFormat)) { |
|
newResults[prop][formatMap[dataFormat]] = tmpHash[dataFormat]; |
|
} |
|
} |
|
} |
|
} |
|
return newResults; |
|
}; |
|
var _args = function(arraySlice) { |
|
return function(args) { |
|
return arraySlice.call(args, 0); |
|
}; |
|
}(window.Array.prototype.slice); |
|
var _detectFlashSupport = function() { |
|
var plugin, ax, mimeType, hasFlash = false, isActiveX = false, isPPAPI = false, flashVersion = ""; |
|
function parseFlashVersion(desc) { |
|
var matches = desc.match(/[\d]+/g); |
|
matches.length = 3; |
|
return matches.join("."); |
|
} |
|
function isPepperFlash(flashPlayerFileName) { |
|
return !!flashPlayerFileName && (flashPlayerFileName = flashPlayerFileName.toLowerCase()) && (/^(pepflashplayer\.dll|libpepflashplayer\.so|pepperflashplayer\.plugin)$/.test(flashPlayerFileName) || flashPlayerFileName.slice(-13) === "chrome.plugin"); |
|
} |
|
function inspectPlugin(plugin) { |
|
if (plugin) { |
|
hasFlash = true; |
|
if (plugin.version) { |
|
flashVersion = parseFlashVersion(plugin.version); |
|
} |
|
if (!flashVersion && plugin.description) { |
|
flashVersion = parseFlashVersion(plugin.description); |
|
} |
|
if (plugin.filename) { |
|
isPPAPI = isPepperFlash(plugin.filename); |
|
} |
|
} |
|
} |
|
if (navigator.plugins && navigator.plugins.length) { |
|
plugin = navigator.plugins["Shockwave Flash"]; |
|
inspectPlugin(plugin); |
|
if (navigator.plugins["Shockwave Flash 2.0"]) { |
|
hasFlash = true; |
|
flashVersion = "2.0.0.11"; |
|
} |
|
} else if (navigator.mimeTypes && navigator.mimeTypes.length) { |
|
mimeType = navigator.mimeTypes["application/x-shockwave-flash"]; |
|
plugin = mimeType && mimeType.enabledPlugin; |
|
inspectPlugin(plugin); |
|
} else if (typeof ActiveXObject !== "undefined") { |
|
isActiveX = true; |
|
try { |
|
ax = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7"); |
|
hasFlash = true; |
|
flashVersion = parseFlashVersion(ax.GetVariable("$version")); |
|
} catch (e1) { |
|
try { |
|
ax = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6"); |
|
hasFlash = true; |
|
flashVersion = "6.0.21"; |
|
} catch (e2) { |
|
try { |
|
ax = new ActiveXObject("ShockwaveFlash.ShockwaveFlash"); |
|
hasFlash = true; |
|
flashVersion = parseFlashVersion(ax.GetVariable("$version")); |
|
} catch (e3) { |
|
isActiveX = false; |
|
} |
|
} |
|
} |
|
} |
|
_flashState.disabled = hasFlash !== true; |
|
_flashState.outdated = flashVersion && parseFloat(flashVersion) < 11; |
|
_flashState.version = flashVersion || "0.0.0"; |
|
_flashState.pluginType = isPPAPI ? "pepper" : isActiveX ? "activex" : hasFlash ? "netscape" : "unknown"; |
|
}; |
|
_detectFlashSupport(); |
|
var ZeroClipboard = function(elements) { |
|
if (!(this instanceof ZeroClipboard)) { |
|
return new ZeroClipboard(elements); |
|
} |
|
this.id = "" + _clientIdCounter++; |
|
_clientMeta[this.id] = { |
|
instance: this, |
|
elements: [], |
|
handlers: {} |
|
}; |
|
if (elements) { |
|
this.clip(elements); |
|
} |
|
if (typeof _flashState.ready !== "boolean") { |
|
_flashState.ready = false; |
|
} |
|
if (!ZeroClipboard.isFlashUnusable() && _flashState.bridge === null) { |
|
var _client = this; |
|
var maxWait = _globalConfig.flashLoadTimeout; |
|
if (typeof maxWait === "number" && maxWait >= 0) { |
|
setTimeout(function() { |
|
if (typeof _flashState.deactivated !== "boolean") { |
|
_flashState.deactivated = true; |
|
} |
|
if (_flashState.deactivated === true) { |
|
ZeroClipboard.emit({ |
|
type: "error", |
|
name: "flash-deactivated", |
|
client: _client |
|
}); |
|
} |
|
}, maxWait); |
|
} |
|
_flashState.overdue = false; |
|
_bridge(); |
|
} |
|
}; |
|
ZeroClipboard.prototype.setText = function(text) { |
|
ZeroClipboard.setData("text/plain", text); |
|
return this; |
|
}; |
|
ZeroClipboard.prototype.setHtml = function(html) { |
|
ZeroClipboard.setData("text/html", html); |
|
return this; |
|
}; |
|
ZeroClipboard.prototype.setRichText = function(richText) { |
|
ZeroClipboard.setData("application/rtf", richText); |
|
return this; |
|
}; |
|
ZeroClipboard.prototype.setData = function() { |
|
ZeroClipboard.setData.apply(ZeroClipboard, _args(arguments)); |
|
return this; |
|
}; |
|
ZeroClipboard.prototype.clearData = function() { |
|
ZeroClipboard.clearData.apply(ZeroClipboard, _args(arguments)); |
|
return this; |
|
}; |
|
ZeroClipboard.prototype.setSize = function(width, height) { |
|
_setSize(width, height); |
|
return this; |
|
}; |
|
var _setHandCursor = function(enabled) { |
|
if (_flashState.ready === true && _flashState.bridge && typeof _flashState.bridge.setHandCursor === "function") { |
|
_flashState.bridge.setHandCursor(enabled); |
|
} else { |
|
_flashState.ready = false; |
|
} |
|
}; |
|
ZeroClipboard.prototype.destroy = function() { |
|
this.unclip(); |
|
this.off(); |
|
delete _clientMeta[this.id]; |
|
}; |
|
var _getAllClients = function() { |
|
var i, len, client, clients = [], clientIds = _objectKeys(_clientMeta); |
|
for (i = 0, len = clientIds.length; i < len; i++) { |
|
client = _clientMeta[clientIds[i]].instance; |
|
if (client && client instanceof ZeroClipboard) { |
|
clients.push(client); |
|
} |
|
} |
|
return clients; |
|
}; |
|
ZeroClipboard.version = "2.0.0-beta.5"; |
|
var _globalConfig = { |
|
swfPath: _swfPath, |
|
trustedDomains: window.location.host ? [ window.location.host ] : [], |
|
cacheBust: true, |
|
forceHandCursor: false, |
|
forceEnhancedClipboard: false, |
|
zIndex: 999999999, |
|
debug: false, |
|
title: null, |
|
autoActivate: true, |
|
flashLoadTimeout: 3e4 |
|
}; |
|
ZeroClipboard.isFlashUnusable = function() { |
|
return !!(_flashState.disabled || _flashState.outdated || _flashState.unavailable || _flashState.deactivated); |
|
}; |
|
ZeroClipboard.config = function(options) { |
|
if (typeof options === "object" && options !== null) { |
|
_extend(_globalConfig, options); |
|
} |
|
if (typeof options === "string" && options) { |
|
if (_globalConfig.hasOwnProperty(options)) { |
|
return _globalConfig[options]; |
|
} |
|
return; |
|
} |
|
var copy = {}; |
|
for (var prop in _globalConfig) { |
|
if (_globalConfig.hasOwnProperty(prop)) { |
|
if (typeof _globalConfig[prop] === "object" && _globalConfig[prop] !== null) { |
|
if ("length" in _globalConfig[prop]) { |
|
copy[prop] = _globalConfig[prop].slice(0); |
|
} else { |
|
copy[prop] = _extend({}, _globalConfig[prop]); |
|
} |
|
} else { |
|
copy[prop] = _globalConfig[prop]; |
|
} |
|
} |
|
} |
|
return copy; |
|
}; |
|
ZeroClipboard.destroy = function() { |
|
ZeroClipboard.deactivate(); |
|
for (var clientId in _clientMeta) { |
|
if (_clientMeta.hasOwnProperty(clientId) && _clientMeta[clientId]) { |
|
var client = _clientMeta[clientId].instance; |
|
if (client && typeof client.destroy === "function") { |
|
client.destroy(); |
|
} |
|
} |
|
} |
|
var flashBridge = _flashState.bridge; |
|
if (flashBridge) { |
|
var htmlBridge = _getHtmlBridge(flashBridge); |
|
if (htmlBridge) { |
|
if (_flashState.pluginType === "activex" && "readyState" in flashBridge) { |
|
flashBridge.style.display = "none"; |
|
(function removeSwfFromIE() { |
|
if (flashBridge.readyState === 4) { |
|
for (var prop in flashBridge) { |
|
if (typeof flashBridge[prop] === "function") { |
|
flashBridge[prop] = null; |
|
} |
|
} |
|
flashBridge.parentNode.removeChild(flashBridge); |
|
if (htmlBridge.parentNode) { |
|
htmlBridge.parentNode.removeChild(htmlBridge); |
|
} |
|
} else { |
|
setTimeout(removeSwfFromIE, 10); |
|
} |
|
})(); |
|
} else { |
|
flashBridge.parentNode.removeChild(flashBridge); |
|
if (htmlBridge.parentNode) { |
|
htmlBridge.parentNode.removeChild(htmlBridge); |
|
} |
|
} |
|
} |
|
_flashState.ready = null; |
|
_flashState.bridge = null; |
|
_flashState.deactivated = null; |
|
} |
|
ZeroClipboard.clearData(); |
|
}; |
|
ZeroClipboard.activate = function(element) { |
|
if (_currentElement) { |
|
_removeClass(_currentElement, _globalConfig.hoverClass); |
|
_removeClass(_currentElement, _globalConfig.activeClass); |
|
} |
|
_currentElement = element; |
|
_addClass(element, _globalConfig.hoverClass); |
|
_reposition(); |
|
var newTitle = _globalConfig.title || element.getAttribute("title"); |
|
if (newTitle) { |
|
var htmlBridge = _getHtmlBridge(_flashState.bridge); |
|
if (htmlBridge) { |
|
htmlBridge.setAttribute("title", newTitle); |
|
} |
|
} |
|
var useHandCursor = _globalConfig.forceHandCursor === true || _getStyle(element, "cursor") === "pointer"; |
|
_setHandCursor(useHandCursor); |
|
}; |
|
ZeroClipboard.deactivate = function() { |
|
var htmlBridge = _getHtmlBridge(_flashState.bridge); |
|
if (htmlBridge) { |
|
htmlBridge.removeAttribute("title"); |
|
htmlBridge.style.left = "0px"; |
|
htmlBridge.style.top = "-9999px"; |
|
_setSize(1, 1); |
|
} |
|
if (_currentElement) { |
|
_removeClass(_currentElement, _globalConfig.hoverClass); |
|
_removeClass(_currentElement, _globalConfig.activeClass); |
|
_currentElement = null; |
|
} |
|
}; |
|
ZeroClipboard.state = function() { |
|
return { |
|
browser: _pick(window.navigator, [ "userAgent", "platform", "appName" ]), |
|
flash: _omit(_flashState, [ "bridge" ]), |
|
zeroclipboard: { |
|
version: ZeroClipboard.version, |
|
config: ZeroClipboard.config() |
|
} |
|
}; |
|
}; |
|
ZeroClipboard.setData = function(format, data) { |
|
var dataObj; |
|
if (typeof format === "object" && format && typeof data === "undefined") { |
|
dataObj = format; |
|
ZeroClipboard.clearData(); |
|
} else if (typeof format === "string" && format) { |
|
dataObj = {}; |
|
dataObj[format] = data; |
|
} else { |
|
return; |
|
} |
|
for (var dataFormat in dataObj) { |
|
if (dataFormat && dataObj.hasOwnProperty(dataFormat) && typeof dataObj[dataFormat] === "string" && dataObj[dataFormat]) { |
|
_clipData[dataFormat] = dataObj[dataFormat]; |
|
} |
|
} |
|
}; |
|
ZeroClipboard.clearData = function(format) { |
|
if (typeof format === "undefined") { |
|
_deleteOwnProperties(_clipData); |
|
_clipDataFormatMap = null; |
|
} else if (typeof format === "string" && _clipData.hasOwnProperty(format)) { |
|
delete _clipData[format]; |
|
} |
|
}; |
|
var _bridge = function() { |
|
var flashBridge, len; |
|
var container = document.getElementById("global-zeroclipboard-html-bridge"); |
|
if (!container) { |
|
var allowScriptAccess = _determineScriptAccess(window.location.host, _globalConfig); |
|
var allowNetworking = allowScriptAccess === "never" ? "none" : "all"; |
|
var flashvars = _vars(_globalConfig); |
|
var swfUrl = _globalConfig.swfPath + _cacheBust(_globalConfig.swfPath, _globalConfig); |
|
container = _createHtmlBridge(); |
|
var divToBeReplaced = document.createElement("div"); |
|
container.appendChild(divToBeReplaced); |
|
document.body.appendChild(container); |
|
var tmpDiv = document.createElement("div"); |
|
var oldIE = _flashState.pluginType === "activex"; |
|
tmpDiv.innerHTML = '<object id="global-zeroclipboard-flash-bridge" name="global-zeroclipboard-flash-bridge" ' + 'width="100%" height="100%" ' + (oldIE ? 'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"' : 'type="application/x-shockwave-flash" data="' + swfUrl + '"') + ">" + (oldIE ? '<param name="movie" value="' + swfUrl + '"/>' : "") + '<param name="allowScriptAccess" value="' + allowScriptAccess + '"/>' + '<param name="allowNetworking" value="' + allowNetworking + '"/>' + '<param name="menu" value="false"/>' + '<param name="wmode" value="transparent"/>' + '<param name="flashvars" value="' + flashvars + '"/>' + "</object>"; |
|
flashBridge = tmpDiv.firstChild; |
|
tmpDiv = null; |
|
flashBridge.ZeroClipboard = ZeroClipboard; |
|
container.replaceChild(flashBridge, divToBeReplaced); |
|
} |
|
if (!flashBridge) { |
|
flashBridge = document["global-zeroclipboard-flash-bridge"]; |
|
if (flashBridge && (len = flashBridge.length)) { |
|
flashBridge = flashBridge[len - 1]; |
|
} |
|
if (!flashBridge) { |
|
flashBridge = container.firstChild; |
|
} |
|
} |
|
_flashState.bridge = flashBridge || null; |
|
}; |
|
var _createHtmlBridge = function() { |
|
var container = document.createElement("div"); |
|
container.id = "global-zeroclipboard-html-bridge"; |
|
container.className = "global-zeroclipboard-container"; |
|
container.style.position = "absolute"; |
|
container.style.left = "0px"; |
|
container.style.top = "-9999px"; |
|
container.style.width = "1px"; |
|
container.style.height = "1px"; |
|
container.style.zIndex = "" + _getSafeZIndex(_globalConfig.zIndex); |
|
return container; |
|
}; |
|
var _getHtmlBridge = function(flashBridge) { |
|
var htmlBridge = flashBridge && flashBridge.parentNode; |
|
while (htmlBridge && htmlBridge.nodeName === "OBJECT" && htmlBridge.parentNode) { |
|
htmlBridge = htmlBridge.parentNode; |
|
} |
|
return htmlBridge || null; |
|
}; |
|
var _reposition = function() { |
|
if (_currentElement) { |
|
var pos = _getDOMObjectPosition(_currentElement, _globalConfig.zIndex); |
|
var htmlBridge = _getHtmlBridge(_flashState.bridge); |
|
if (htmlBridge) { |
|
htmlBridge.style.top = pos.top + "px"; |
|
htmlBridge.style.left = pos.left + "px"; |
|
htmlBridge.style.width = pos.width + "px"; |
|
htmlBridge.style.height = pos.height + "px"; |
|
htmlBridge.style.zIndex = pos.zIndex + 1; |
|
} |
|
_setSize(pos.width, pos.height); |
|
} |
|
}; |
|
var _setSize = function(width, height) { |
|
var htmlBridge = _getHtmlBridge(_flashState.bridge); |
|
if (htmlBridge) { |
|
htmlBridge.style.width = width + "px"; |
|
htmlBridge.style.height = height + "px"; |
|
} |
|
}; |
|
ZeroClipboard.emit = function(event) { |
|
var eventType, eventObj, performCallbackAsync, clients, i, len, eventCopy, returnVal, tmp; |
|
if (typeof event === "string" && event) { |
|
eventType = event; |
|
} |
|
if (typeof event === "object" && event && typeof event.type === "string" && event.type) { |
|
eventType = event.type; |
|
eventObj = event; |
|
} |
|
if (!eventType) { |
|
return; |
|
} |
|
event = _createEvent(eventType, eventObj); |
|
_preprocessEvent(event); |
|
if (event.type === "ready" && _flashState.overdue === true) { |
|
return ZeroClipboard.emit({ |
|
type: "error", |
|
name: "flash-overdue" |
|
}); |
|
} |
|
performCallbackAsync = !/^(before)?copy$/.test(event.type); |
|
if (event.client) { |
|
_dispatchClientCallbacks.call(event.client, event, performCallbackAsync); |
|
} else { |
|
clients = event.target && event.target !== window && _globalConfig.autoActivate === true ? _getAllClientsClippedToElement(event.target) : _getAllClients(); |
|
for (i = 0, len = clients.length; i < len; i++) { |
|
eventCopy = _extend({}, event, { |
|
client: clients[i] |
|
}); |
|
_dispatchClientCallbacks.call(clients[i], eventCopy, performCallbackAsync); |
|
} |
|
} |
|
if (event.type === "copy") { |
|
tmp = _mapClipDataToFlash(_clipData); |
|
returnVal = tmp.data; |
|
_clipDataFormatMap = tmp.formatMap; |
|
} |
|
return returnVal; |
|
}; |
|
var _dispatchClientCallbacks = function(event, async) { |
|
var handlers = _clientMeta[this.id] && _clientMeta[this.id].handlers[event.type]; |
|
if (handlers && handlers.length) { |
|
var i, len, func, context, originalContext = this; |
|
for (i = 0, len = handlers.length; i < len; i++) { |
|
func = handlers[i]; |
|
context = originalContext; |
|
if (typeof func === "string" && typeof window[func] === "function") { |
|
func = window[func]; |
|
} |
|
if (typeof func === "object" && func && typeof func.handleEvent === "function") { |
|
context = func; |
|
func = func.handleEvent; |
|
} |
|
if (typeof func === "function") { |
|
_dispatchCallback(func, context, [ event ], async); |
|
} |
|
} |
|
} |
|
return this; |
|
}; |
|
var _eventMessages = { |
|
ready: "Flash communication is established", |
|
error: { |
|
"flash-disabled": "Flash is disabled or not installed", |
|
"flash-outdated": "Flash is too outdated to support ZeroClipboard", |
|
"flash-unavailable": "Flash is unable to communicate bidirectionally with JavaScript", |
|
"flash-deactivated": "Flash is too outdated for your browser and/or is configured as click-to-activate", |
|
"flash-overdue": "Flash communication was established but NOT within the acceptable time limit" |
|
} |
|
}; |
|
var _createEvent = function(eventType, event) { |
|
if (!(eventType || event && event.type)) { |
|
return; |
|
} |
|
event = event || {}; |
|
eventType = (eventType || event.type).toLowerCase(); |
|
_extend(event, { |
|
type: eventType, |
|
target: event.target || _currentElement || null, |
|
relatedTarget: event.relatedTarget || null, |
|
currentTarget: _flashState && _flashState.bridge || null |
|
}); |
|
var msg = _eventMessages[event.type]; |
|
if (event.type === "error" && event.name && msg) { |
|
msg = msg[event.name]; |
|
} |
|
if (msg) { |
|
event.message = msg; |
|
} |
|
if (event.type === "ready") { |
|
_extend(event, { |
|
target: null, |
|
version: _flashState.version |
|
}); |
|
} |
|
if (event.type === "error") { |
|
event.target = null; |
|
if (/^flash-(outdated|unavailable|deactivated|overdue)$/.test(event.name)) { |
|
_extend(event, { |
|
version: _flashState.version, |
|
minimumVersion: "11.0.0" |
|
}); |
|
} |
|
} |
|
if (event.type === "copy") { |
|
event.clipboardData = { |
|
setData: ZeroClipboard.setData, |
|
clearData: ZeroClipboard.clearData |
|
}; |
|
} |
|
if (event.type === "aftercopy") { |
|
event = _mapClipResultsFromFlash(event, _clipDataFormatMap); |
|
} |
|
if (event.target && !event.relatedTarget) { |
|
event.relatedTarget = _getRelatedTarget(event.target); |
|
} |
|
return event; |
|
}; |
|
var _getRelatedTarget = function(targetEl) { |
|
var relatedTargetId = targetEl && targetEl.getAttribute && targetEl.getAttribute("data-clipboard-target"); |
|
return relatedTargetId ? document.getElementById(relatedTargetId) : null; |
|
}; |
|
var _preprocessEvent = function(event) { |
|
var element = event.target || _currentElement; |
|
switch (event.type) { |
|
case "error": |
|
if (_inArray(event.name, [ "flash-disabled", "flash-outdated", "flash-deactivated", "flash-overdue" ])) { |
|
_extend(_flashState, { |
|
disabled: event.name === "flash-disabled", |
|
outdated: event.name === "flash-outdated", |
|
unavailable: event.name === "flash-unavailable", |
|
deactivated: event.name === "flash-deactivated", |
|
overdue: event.name === "flash-overdue", |
|
ready: false |
|
}); |
|
} |
|
break; |
|
|
|
case "ready": |
|
var wasDeactivated = _flashState.deactivated === true; |
|
_extend(_flashState, { |
|
disabled: false, |
|
outdated: false, |
|
unavailable: false, |
|
deactivated: false, |
|
overdue: wasDeactivated, |
|
ready: !wasDeactivated |
|
}); |
|
break; |
|
|
|
case "copy": |
|
var textContent, htmlContent, targetEl = event.relatedTarget; |
|
if (!(_clipData["text/html"] || _clipData["text/plain"]) && targetEl && (htmlContent = targetEl.value || targetEl.outerHTML || targetEl.innerHTML) && (textContent = targetEl.value || targetEl.textContent || targetEl.innerText)) { |
|
event.clipboardData.clearData(); |
|
event.clipboardData.setData("text/plain", textContent); |
|
if (htmlContent !== textContent) { |
|
event.clipboardData.setData("text/html", htmlContent); |
|
} |
|
} else if (!_clipData["text/plain"] && event.target && (textContent = event.target.getAttribute("data-clipboard-text"))) { |
|
event.clipboardData.clearData(); |
|
event.clipboardData.setData("text/plain", textContent); |
|
} |
|
break; |
|
|
|
case "aftercopy": |
|
ZeroClipboard.clearData(); |
|
if (element && element !== _safeActiveElement() && element.focus) { |
|
element.focus(); |
|
} |
|
break; |
|
|
|
case "mouseover": |
|
_addClass(element, _globalConfig.hoverClass); |
|
break; |
|
|
|
case "mouseout": |
|
if (_globalConfig.autoActivate === true) { |
|
ZeroClipboard.deactivate(); |
|
} |
|
break; |
|
|
|
case "mousedown": |
|
_addClass(element, _globalConfig.activeClass); |
|
break; |
|
|
|
case "mouseup": |
|
_removeClass(element, _globalConfig.activeClass); |
|
break; |
|
} |
|
}; |
|
ZeroClipboard.prototype.on = function(eventName, func) { |
|
var i, len, events, added = {}, handlers = _clientMeta[this.id] && _clientMeta[this.id].handlers; |
|
if (typeof eventName === "string" && eventName) { |
|
events = eventName.toLowerCase().split(/\s+/); |
|
} else if (typeof eventName === "object" && eventName && typeof func === "undefined") { |
|
for (i in eventName) { |
|
if (eventName.hasOwnProperty(i) && typeof i === "string" && i && typeof eventName[i] === "function") { |
|
this.on(i, eventName[i]); |
|
} |
|
} |
|
} |
|
if (events && events.length) { |
|
for (i = 0, len = events.length; i < len; i++) { |
|
eventName = events[i].replace(/^on/, ""); |
|
added[eventName] = true; |
|
if (!handlers[eventName]) { |
|
handlers[eventName] = []; |
|
} |
|
handlers[eventName].push(func); |
|
} |
|
if (added.ready && _flashState.ready) { |
|
ZeroClipboard.emit({ |
|
type: "ready", |
|
client: this |
|
}); |
|
} |
|
if (added.error) { |
|
var errorTypes = [ "disabled", "outdated", "unavailable", "deactivated", "overdue" ]; |
|
for (i = 0, len = errorTypes.length; i < len; i++) { |
|
if (_flashState[errorTypes[i]]) { |
|
ZeroClipboard.emit({ |
|
type: "error", |
|
name: "flash-" + errorTypes[i], |
|
client: this |
|
}); |
|
break; |
|
} |
|
} |
|
} |
|
} |
|
return this; |
|
}; |
|
ZeroClipboard.prototype.off = function(eventName, func) { |
|
var i, len, foundIndex, events, perEventHandlers, handlers = _clientMeta[this.id] && _clientMeta[this.id].handlers; |
|
if (arguments.length === 0) { |
|
events = _objectKeys(handlers); |
|
} else if (typeof eventName === "string" && eventName) { |
|
events = eventName.split(/\s+/); |
|
} else if (typeof eventName === "object" && eventName && typeof func === "undefined") { |
|
for (i in eventName) { |
|
if (eventName.hasOwnProperty(i) && typeof i === "string" && i && typeof eventName[i] === "function") { |
|
this.off(i, eventName[i]); |
|
} |
|
} |
|
} |
|
if (events && events.length) { |
|
for (i = 0, len = events.length; i < len; i++) { |
|
eventName = events[i].toLowerCase().replace(/^on/, ""); |
|
perEventHandlers = handlers[eventName]; |
|
if (perEventHandlers && perEventHandlers.length) { |
|
if (func) { |
|
foundIndex = _inArray(func, perEventHandlers); |
|
while (foundIndex !== -1) { |
|
perEventHandlers.splice(foundIndex, 1); |
|
foundIndex = _inArray(func, perEventHandlers, foundIndex); |
|
} |
|
} else { |
|
handlers[eventName].length = 0; |
|
} |
|
} |
|
} |
|
} |
|
return this; |
|
}; |
|
ZeroClipboard.prototype.handlers = function(eventName) { |
|
var prop, copy = null, handlers = _clientMeta[this.id] && _clientMeta[this.id].handlers; |
|
if (handlers) { |
|
if (typeof eventName === "string" && eventName) { |
|
return handlers[eventName] ? handlers[eventName].slice(0) : null; |
|
} |
|
copy = {}; |
|
for (prop in handlers) { |
|
if (handlers.hasOwnProperty(prop) && handlers[prop]) { |
|
copy[prop] = handlers[prop].slice(0); |
|
} |
|
} |
|
} |
|
return copy; |
|
}; |
|
ZeroClipboard.prototype.clip = function(elements) { |
|
elements = _prepClip(elements); |
|
for (var i = 0; i < elements.length; i++) { |
|
if (elements.hasOwnProperty(i) && elements[i] && elements[i].nodeType === 1) { |
|
if (!elements[i].zcClippingId) { |
|
elements[i].zcClippingId = "zcClippingId_" + _elementIdCounter++; |
|
_elementMeta[elements[i].zcClippingId] = [ this.id ]; |
|
if (_globalConfig.autoActivate === true) { |
|
_addEventHandler(elements[i], "mouseover", _elementMouseOver); |
|
} |
|
} else if (_inArray(this.id, _elementMeta[elements[i].zcClippingId]) === -1) { |
|
_elementMeta[elements[i].zcClippingId].push(this.id); |
|
} |
|
var clippedElements = _clientMeta[this.id].elements; |
|
if (_inArray(elements[i], clippedElements) === -1) { |
|
clippedElements.push(elements[i]); |
|
} |
|
} |
|
} |
|
return this; |
|
}; |
|
ZeroClipboard.prototype.unclip = function(elements) { |
|
var meta = _clientMeta[this.id]; |
|
if (!meta) { |
|
return this; |
|
} |
|
var clippedElements = meta.elements; |
|
var arrayIndex; |
|
if (typeof elements === "undefined") { |
|
elements = clippedElements.slice(0); |
|
} else { |
|
elements = _prepClip(elements); |
|
} |
|
for (var i = elements.length; i--; ) { |
|
if (elements.hasOwnProperty(i) && elements[i] && elements[i].nodeType === 1) { |
|
arrayIndex = 0; |
|
while ((arrayIndex = _inArray(elements[i], clippedElements, arrayIndex)) !== -1) { |
|
clippedElements.splice(arrayIndex, 1); |
|
} |
|
var clientIds = _elementMeta[elements[i].zcClippingId]; |
|
if (clientIds) { |
|
arrayIndex = 0; |
|
while ((arrayIndex = _inArray(this.id, clientIds, arrayIndex)) !== -1) { |
|
clientIds.splice(arrayIndex, 1); |
|
} |
|
if (clientIds.length === 0) { |
|
if (_globalConfig.autoActivate === true) { |
|
_removeEventHandler(elements[i], "mouseover", _elementMouseOver); |
|
} |
|
delete elements[i].zcClippingId; |
|
} |
|
} |
|
} |
|
} |
|
return this; |
|
}; |
|
ZeroClipboard.prototype.elements = function() { |
|
var meta = _clientMeta[this.id]; |
|
return meta && meta.elements ? meta.elements.slice(0) : []; |
|
}; |
|
var _getAllClientsClippedToElement = function(element) { |
|
var elementMetaId, clientIds, i, len, client, clients = []; |
|
if (element && element.nodeType === 1 && (elementMetaId = element.zcClippingId) && _elementMeta.hasOwnProperty(elementMetaId)) { |
|
clientIds = _elementMeta[elementMetaId]; |
|
if (clientIds && clientIds.length) { |
|
for (i = 0, len = clientIds.length; i < len; i++) { |
|
client = _clientMeta[clientIds[i]].instance; |
|
if (client && client instanceof ZeroClipboard) { |
|
clients.push(client); |
|
} |
|
} |
|
} |
|
} |
|
return clients; |
|
}; |
|
_globalConfig.hoverClass = "zeroclipboard-is-hover"; |
|
_globalConfig.activeClass = "zeroclipboard-is-active"; |
|
if (typeof define === "function" && define.amd) { |
|
define(function() { |
|
return ZeroClipboard; |
|
}); |
|
} else if (typeof module === "object" && module && typeof module.exports === "object" && module.exports) { |
|
module.exports = ZeroClipboard; |
|
} else { |
|
window.ZeroClipboard = ZeroClipboard; |
|
} |
|
})(function() { |
|
return this; |
|
}()); |