fit-ui 2.8.4 → 2.9.0

package/dist/Resources/CKEditor-with-maximize-button/plugins/clipboard/dialogs/paste.js

@@ -0,0 +1,11 @@
+/*
+ Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+*/
+CKEDITOR.dialog.add("paste",function(c){function k(a){var b=new CKEDITOR.dom.document(a.document),g=b.getBody(),d=b.getById("cke_actscrpt");d&&d.remove();g.setAttribute("contenteditable",!0);g.on(e.mainPasteEvent,function(a){a=e.initPasteDataTransfer(a);f?a!=f&&(f=e.initPasteDataTransfer()):f=a});if(CKEDITOR.env.ie&&8>CKEDITOR.env.version)b.getWindow().on("blur",function(){b.$.selection.empty()});b.on("keydown",function(a){a=a.data;var b;switch(a.getKeystroke()){case 27:this.hide();b=1;break;case 9:case CKEDITOR.SHIFT+
+9:this.changeFocus(1),b=1}b&&a.preventDefault()},this);c.fire("ariaWidget",new CKEDITOR.dom.element(a.frameElement));b.getWindow().getFrame().removeCustomData("pendingFocus")&&g.focus()}var h=c.lang.clipboard,e=CKEDITOR.plugins.clipboard,f;c.on("pasteDialogCommit",function(a){a.data&&c.fire("paste",{type:"auto",dataValue:a.data.dataValue,method:"paste",dataTransfer:a.data.dataTransfer||e.initPasteDataTransfer()})},null,null,1E3);return{title:h.paste,minWidth:CKEDITOR.env.ie&&CKEDITOR.env.quirks?370:
+350,minHeight:CKEDITOR.env.quirks?250:245,onShow:function(){this.parts.dialog.$.offsetHeight;this.setupContent();this._.committed=!1},onLoad:function(){(CKEDITOR.env.ie7Compat||CKEDITOR.env.ie6Compat)&&"rtl"==c.lang.dir&&this.parts.contents.setStyle("overflow","hidden")},onOk:function(){this.commitContent()},contents:[{id:"general",label:c.lang.common.generalTab,elements:[{type:"html",id:"pasteMsg",html:'\x3cdiv style\x3d"white-space:normal;width:340px"\x3e'+h.pasteMsg+"\x3c/div\x3e"},{type:"html",
+id:"editing_area",style:"width:100%;height:100%",html:"",focus:function(){var a=this.getInputElement(),b=a.getFrameDocument().getBody();!b||b.isReadOnly()?a.setCustomData("pendingFocus",1):b.focus()},setup:function(){var a=this.getDialog(),b='\x3chtml dir\x3d"'+c.config.contentsLangDirection+'" lang\x3d"'+(c.config.contentsLanguage||c.langCode)+'"\x3e\x3chead\x3e\x3cstyle\x3ebody{margin:3px;height:95%;word-break:break-all;}\x3c/style\x3e\x3c/head\x3e\x3cbody\x3e\x3cscript id\x3d"cke_actscrpt" type\x3d"text/javascript"\x3ewindow.parent.CKEDITOR.tools.callFunction('+
+CKEDITOR.tools.addFunction(k,a)+",this);\x3c/script\x3e\x3c/body\x3e\x3c/html\x3e",g=CKEDITOR.env.air?"javascript:void(0)":CKEDITOR.env.ie&&!CKEDITOR.env.edge?"javascript:void((function(){"+encodeURIComponent("document.open();("+CKEDITOR.tools.fixDomain+")();document.close();")+'})())"':"",d=CKEDITOR.dom.element.createFromHtml('\x3ciframe class\x3d"cke_pasteframe" frameborder\x3d"0"  allowTransparency\x3d"true" src\x3d"'+g+'" aria-label\x3d"'+h.pasteArea+'" aria-describedby\x3d"'+a.getContentElement("general",
+"pasteMsg").domId+'"\x3e\x3c/iframe\x3e');f=null;d.on("load",function(a){a.removeListener();a=d.getFrameDocument();a.write(b);c.focusManager.add(a.getBody());CKEDITOR.env.air&&k.call(this,a.getWindow().$)},a);d.setCustomData("dialog",a);a=this.getElement();a.setHtml("");a.append(d);if(CKEDITOR.env.ie&&!CKEDITOR.env.edge){var e=CKEDITOR.dom.element.createFromHtml('\x3cspan tabindex\x3d"-1" style\x3d"position:absolute" role\x3d"presentation"\x3e\x3c/span\x3e');e.on("focus",function(){setTimeout(function(){d.$.contentWindow.focus()})});
+a.append(e);this.focus=function(){e.focus();this.fire("focus")}}this.getInputElement=function(){return d};CKEDITOR.env.ie&&(a.setStyle("display","block"),a.setStyle("height",d.$.offsetHeight+2+"px"))},commit:function(){var a=this.getDialog().getParentEditor(),b=this.getInputElement().getFrameDocument().getBody(),c=b.getBogus();c&&c.remove();b=b.getHtml();this.getDialog()._.committed=!0;a.fire("pasteDialogCommit",{dataValue:b,dataTransfer:f||e.initPasteDataTransfer()})}}]}]}});

package/dist/Resources/CKEditor-with-maximize-button/plugins/custombuttons/plugin.js

@@ -0,0 +1,99 @@
+// @ts-nocheck
+
+var pluginName = "custombuttons";
+var dialogName = pluginName + "Dialog";
+
+CKEDITOR.plugins.add(pluginName,
+{
+	icons: pluginName,
+	init: function(editor)
+	{
+		debugger;
+
+		var regCommand = function(commandName, callback)
+		{
+			editor.addCommand(commandName, { exec: function(editor) { callback({ Command: commandName, Editor: editor }); } });
+		}
+
+		var buttons = editor.config.customButtons || [];
+
+		for (var i = 0 ; i < buttons.length ; i++)
+		{
+			var button = buttons[i];
+
+			editor.ui.addButton(button.Command, // Button name/identifier
+			{
+				label: button.Label,
+				command: button.Command, // Command name/identifier
+				icon: button.Icon,
+				toolbar: "custombuttons"
+			});
+
+			regCommand(button.Command, button.Callback);
+
+			//editor.addCommand(button.Command, { exec: function(editor) { button.Callback({ Command: button.Command }); } });
+		}
+
+		/*for (var group in tb)
+		{
+			if (tb[group].name === "CustomButtons")
+			{
+				var buttons = tb[group].items;
+
+				for (var i = 0 ; i < buttons.length ; i++)
+				{
+					var button = buttons[i];
+
+					editor.ui.addButton(pluginName,
+					{
+						label: "Test plugin",
+						command: pluginName, //command: pluginName,
+						icon: "https://sitemagic.org/files/images/Bird.png",
+						toolbar: "CustomButtons"
+					});
+				}
+			}
+		}*/
+
+		return;
+
+		editor.addCommand(pluginName, new CKEDITOR.dialogCommand(dialogName));
+
+		console.log(this.path);
+		CKEDITOR.dialog.add(dialogName, function(editor)
+		{
+			var definition =
+			{
+				title: "Testing 1-2-3",
+				minWidth: 400,
+				minHeight: 200,
+				contents:
+				[
+					{
+						id: "file-picker",
+						label: "Pick a file",
+						elements:
+						[
+							{
+								id: "usertitle",
+								type: "text",
+								label: "Short title"
+							},
+							{
+								id: "userfile",
+								type: "file", //"text",
+								label: "Image file"
+							}
+						]
+					}
+				],
+				onOk: function()
+				{
+					console.log("Thank you!");
+				}
+			};
+
+			return definition;
+		});
+	}
+});

package/dist/Resources/CKEditor-with-maximize-button/plugins/dialog/dialogDefinition.js

@@ -0,0 +1,4 @@
+/*
+ Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+*/

package/dist/Resources/CKEditor-with-maximize-button/plugins/dialog/styles/dialog.css

@@ -0,0 +1,18 @@
+.cke_dialog_open {
+	overflow: hidden;
+}
+
+.cke_dialog_container {
+	position: fixed;
+	overflow-y: auto;
+	overflow-x: auto;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	z-index: 10010;
+}
+
+.cke_dialog_body {
+	position: relative;
+}

package/dist/Resources/CKEditor-with-maximize-button/plugins/dragresize/LICENSE

@@ -0,0 +1,19 @@
+Copyright (C) 2012 by Simon Sturmer.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/dist/Resources/CKEditor-with-maximize-button/plugins/dragresize/_source.css

@@ -0,0 +1,85 @@
+/*
+ * Unminified CSS Source
+ * This css file is not required for the plugin, because the styles
+ * are minified and hard-coded in plugin.js
+ *
+ */
+
+img::selection {
+  color: rgba(0, 0, 0, 0);
+}
+
+img.cke-resize {
+  outline: 1px dashed #000;
+}
+
+#ckimgrsz {
+  position: absolute;
+  width: 0;
+  height: 0;
+  cursor: default;
+  z-index: 10001;
+}
+
+#ckimgrsz .preview {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 0;
+  background-size: 100% 100%;
+  opacity: .65;
+  outline: 1px dashed #000;
+}
+
+#ckimgrsz span {
+  position: absolute;
+  width: 5px;
+  height: 5px;
+  background: #fff;
+  border: 1px solid #000;
+}
+
+#ckimgrsz span:hover, #ckimgrsz span.active {
+  background: #000;
+}
+
+#ckimgrsz span.tl,
+#ckimgrsz span.br {
+  cursor: nwse-resize;
+}
+
+#ckimgrsz span.tm,
+#ckimgrsz span.bm {
+  cursor: ns-resize;
+}
+
+#ckimgrsz span.tr,
+#ckimgrsz span.bl {
+  cursor: nesw-resize;
+}
+
+#ckimgrsz span.lm,
+#ckimgrsz span.rm {
+  cursor: ew-resize;
+}
+
+body.dragging-tl, body.dragging-tl *,
+body.dragging-br, body.dragging-br * {
+  cursor: nwse-resize !important;
+}
+
+body.dragging-tm, body.dragging-tm *,
+body.dragging-bm, body.dragging-bm * {
+  cursor: ns-resize !important;
+}
+
+body.dragging-tr, body.dragging-tr *,
+body.dragging-bl, body.dragging-bl * {
+  cursor: nesw-resize !important;
+}
+
+body.dragging-lm, body.dragging-lm *,
+body.dragging-rm, body.dragging-rm * {
+  cursor: ew-resize !important;
+}

package/dist/Resources/CKEditor-with-maximize-button/plugins/dragresize/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@iterable/ckeditor-dragresize",
+  "version": "1.0.0",
+  "description": "This plugin implements draggable image resizing, currently just for Webkit-based browsers (Chrome/Safari/Opera). This feature already exists in Firefox and Internet Explorer as a built-in browser capability but not in the other browsers. So if you or your users are used to seeing the drag-to-resize handles at the corner of images, but use Chrome or Safari, install this plugin to get it back (with a few bonus features).",
+  "main": "plugin.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Iterable/ckeditor-dragresize.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/Iterable/ckeditor-dragresize/issues"
+  },
+  "homepage": "https://github.com/Iterable/ckeditor-dragresize#readme"
+}

package/dist/Resources/CKEditor-with-maximize-button/plugins/dragresize/plugin.js

@@ -0,0 +1,395 @@
+/**
+ * CKEditor plugin: Dragable image resizing
+ * - Shows semi-transparent overlay while resizing
+ * - Enforces Aspect Ratio (unless holding shift)
+ * - Snap to size of other images in editor
+ * - Escape while dragging cancels resize
+ *
+ */
+(function() {
+	"use strict";
+
+	var PLUGIN_NAME = 'dragresize';
+	var IMAGE_SNAP_TO_SIZE = 7;
+
+	var isWebkit = ('WebkitAppearance' in document.documentElement.style);
+
+	/**
+	 * Initializes the plugin
+	 */
+	CKEDITOR.plugins.add(PLUGIN_NAME, {
+	  onLoad: function() {
+		if (!isWebkit) {
+		  return;
+		}
+		// CSS is added in a compressed form
+		CKEDITOR.addCss('img::selection{color:rgba(0,0,0,0)}img.ckimgrsz{outline:1px dashed #000}#ckimgrsz{position:absolute;width:0;height:0;cursor:default;z-index:10001}#ckimgrsz span{display:none;position:absolute;top:0;left:0;width:0;height:0;background-size:100% 100%;opacity:.65;outline:1px dashed #000}#ckimgrsz i{position:absolute;display:block;width:5px;height:5px;background:#fff;border:1px solid #000}#ckimgrsz i.active,#ckimgrsz i:hover{background:#000}#ckimgrsz i.br,#ckimgrsz i.tl{cursor:nwse-resize}#ckimgrsz i.bm,#ckimgrsz i.tm{cursor:ns-resize}#ckimgrsz i.bl,#ckimgrsz i.tr{cursor:nesw-resize}#ckimgrsz i.lm,#ckimgrsz i.rm{cursor:ew-resize}body.dragging-br,body.dragging-br *,body.dragging-tl,body.dragging-tl *{cursor:nwse-resize!important}body.dragging-bm,body.dragging-bm *,body.dragging-tm,body.dragging-tm *{cursor:ns-resize!important}body.dragging-bl,body.dragging-bl *,body.dragging-tr,body.dragging-tr *{cursor:nesw-resize!important}body.dragging-lm,body.dragging-lm *,body.dragging-rm,body.dragging-rm *{cursor:ew-resize!important}');
+	  },
+	  init: function(editor) {
+		if (!isWebkit) {
+		  return;
+		}
+		//onDomReady handler
+		editor.on('contentDom', function(evt) {
+		  init(editor);
+		});
+	  }
+	});
+
+	function init(editor) {
+	  var window = editor.window.$, document = editor.document.$;
+	  var snapToSize = (typeof IMAGE_SNAP_TO_SIZE === 'undefined') ? null : IMAGE_SNAP_TO_SIZE;
+
+	  var resizer = new Resizer(editor, {snapToSize: snapToSize});
+
+	  document.addEventListener('mousedown', function(e) {
+		if (resizer.isHandle(e.target)) {
+		  resizer.initDrag(e);
+		}
+	  }, false);
+
+	  function selectionChange() {
+		var selection = editor.getSelection();
+		if (!selection) return;
+		// If an element is selected and that element is an IMG
+		if (selection.getType() !== CKEDITOR.SELECTION_NONE && selection.getStartElement().is('img')) {
+		  // And we're not right or middle clicking on the image
+		  if (!window.event || !window.event.button || window.event.button === 0) {
+			resizer.show(selection.getStartElement().$);
+		  }
+		} else {
+		  resizer.hide();
+		}
+	  }
+
+	  editor.on('selectionChange', selectionChange);
+
+	  editor.on('getData', function(e) {
+		var html = e.data.dataValue || '';
+		html = html.replace(/<div id="ckimgrsz"([\s\S]*?)<\/div>/i, '');
+		html = html.replace(/\b(ckimgrsz)\b/g, '');
+		e.data.dataValue = html;
+	  });
+
+	  editor.on('beforeUndoImage', function() {
+		// Remove the handles before undo images are saved
+		resizer.hide();
+	  });
+
+	  editor.on('afterUndoImage', function() {
+		// Restore the handles after undo images are saved
+		selectionChange();
+	  });
+
+	  editor.on('blur', function() {
+		// Remove the handles when editor loses focus
+		resizer.hide();
+	  });
+
+	  // Added by Jimmy Thomsen for Fit.UI (https://fitui.org)
+	  // See bug report: https://github.com/sstur/ck-dragresize/issues/27
+	  editor.on('beforeDestroy', function() {
+		// Remove the handles before editor is destroyed
+		resizer.hide();
+	  });
+
+	  editor.on('beforeModeUnload', function self() {
+		editor.removeListener('beforeModeUnload', self);
+		resizer.hide();
+	  });
+
+	  // Update the selection when the browser window is resized
+	  var resizeTimeout;
+	  editor.window.on('resize', function() {
+		// Cancel any resize waiting to happen
+		clearTimeout(resizeTimeout);
+		// Delay resize to "debounce"
+		resizeTimeout = setTimeout(selectionChange, 50);
+	  });
+	}
+
+	function Resizer(editor, cfg) {
+	  this.editor = editor;
+	  this.window = editor.window.$;
+	  this.document = editor.document.$;
+	  this.cfg = cfg || {};
+	  this.init();
+	}
+
+	Resizer.prototype = {
+	  init: function() {
+		var container = this.container = this.document.createElement('div');
+		container.id = 'ckimgrsz';
+		this.preview = this.document.createElement('span');
+		container.appendChild(this.preview);
+		var handles = this.handles = {
+		  tl: this.createHandle('tl'),
+		  tm: this.createHandle('tm'),
+		  tr: this.createHandle('tr'),
+		  lm: this.createHandle('lm'),
+		  rm: this.createHandle('rm'),
+		  bl: this.createHandle('bl'),
+		  bm: this.createHandle('bm'),
+		  br: this.createHandle('br')
+		};
+		for (var n in handles) {
+		  container.appendChild(handles[n]);
+		}
+	  },
+	  createHandle: function(name) {
+		var el = this.document.createElement('i');
+		el.classList.add(name);
+		return el;
+	  },
+	  isHandle: function(el) {
+		var handles = this.handles;
+		for (var n in handles) {
+		  if (handles[n] === el) return true;
+		}
+		return false;
+	  },
+	  show: function(el) {
+		this.el = el;
+		if (this.cfg.snapToSize) {
+		  this.otherImages = toArray(this.document.getElementsByTagName('img'));
+		  this.otherImages.splice(this.otherImages.indexOf(el), 1);
+		}
+		var box = this.box = getBoundingBox(this.window, el);
+		positionElement(this.container, box.left, box.top);
+		this.document.body.appendChild(this.container);
+		this.el.classList.add('ckimgrsz');
+		this.showHandles();
+	  },
+	  hide: function() {
+		// Remove class from all img.ckimgrsz
+		var elements = this.document.getElementsByClassName('ckimgrsz');
+		for (var i = 0; i < elements.length; ++i) {
+		  elements[i].classList.remove('ckimgrsz');
+		}
+		this.hideHandles();
+		if (this.container.parentNode) {
+		  this.container.parentNode.removeChild(this.container);
+		}
+	  },
+	  initDrag: function(e) {
+		if (e.button !== 0) {
+		  //right-click or middle-click
+		  return;
+		}
+		var resizer = this;
+		var drag = new DragEvent(this.window, this.document);
+		drag.onStart = function() {
+		  resizer.showPreview();
+		  resizer.isDragging = true;
+		  resizer.editor.getSelection().lock();
+		};
+		drag.onDrag = function() {
+		  resizer.calculateSize(this);
+		  resizer.updatePreview();
+		  var box = resizer.previewBox;
+		  resizer.updateHandles(box, box.left, box.top);
+		};
+		drag.onRelease = function() {
+		  resizer.isDragging = false;
+		  resizer.hidePreview();
+		  resizer.hide();
+		  resizer.editor.getSelection().unlock();
+		  // Save an undo snapshot before the image is permanently changed
+		  resizer.editor.fire('saveSnapshot');
+		};
+		drag.onComplete = function() {
+		  resizer.resizeComplete();
+		  // Save another snapshot after the image is changed
+		  resizer.editor.fire('saveSnapshot');
+		};
+		drag.start(e);
+	  },
+	  updateHandles: function(box, left, top) {
+		left = left || 0;
+		top = top || 0;
+		var handles = this.handles;
+		positionElement(handles.tl, -3 + left, -3 + top);
+		positionElement(handles.tm, Math.round(box.width / 2) - 3 + left, -3 + top);
+		positionElement(handles.tr, box.width - 4 + left, -3 + top);
+		positionElement(handles.lm, -3 + left, Math.round(box.height / 2) - 3 + top);
+		positionElement(handles.rm, box.width - 4 + left, Math.round(box.height / 2) - 3 + top);
+		positionElement(handles.bl, -3 + left, box.height - 4 + top);
+		positionElement(handles.bm, Math.round(box.width / 2) - 3 + left, box.height - 4 + top);
+		positionElement(handles.br, box.width - 4 + left, box.height - 4 + top);
+	  },
+	  showHandles: function() {
+		var handles = this.handles;
+		this.updateHandles(this.box);
+		for (var n in handles) {
+		  handles[n].style.display = 'block';
+		}
+	  },
+	  hideHandles: function() {
+		var handles = this.handles;
+		for (var n in handles) {
+		  handles[n].style.display = 'none';
+		}
+	  },
+	  showPreview: function() {
+		this.preview.style.backgroundImage = 'url("' + this.el.src + '")';
+		this.calculateSize();
+		this.updatePreview();
+		this.preview.style.display = 'block';
+	  },
+	  updatePreview: function() {
+		var box = this.previewBox;
+		positionElement(this.preview, box.left, box.top);
+		resizeElement(this.preview, box.width, box.height);
+	  },
+	  hidePreview: function() {
+		var box = getBoundingBox(this.window, this.preview);
+		this.result = {width: box.width, height: box.height};
+		this.preview.style.display = 'none';
+	  },
+	  calculateSize: function(data) {
+		var box = this.previewBox = {top: 0, left: 0, width: this.box.width, height: this.box.height};
+		if (!data) return;
+		var attr = data.target.className;
+		if (~attr.indexOf('r')) {
+		  box.width = Math.max(32, this.box.width + data.delta.x);
+		}
+		if (~attr.indexOf('b')) {
+		  box.height = Math.max(32, this.box.height + data.delta.y);
+		}
+		if (~attr.indexOf('l')) {
+		  box.width = Math.max(32, this.box.width - data.delta.x);
+		}
+		if (~attr.indexOf('t')) {
+		  box.height = Math.max(32, this.box.height - data.delta.y);
+		}
+		//if dragging corner, enforce aspect ratio (unless shift key is being held)
+		if (attr.indexOf('m') < 0 && !data.keys.shift) {
+		  var ratio = this.box.width / this.box.height;
+		  if (box.width / box.height > ratio) {
+			box.height = Math.round(box.width / ratio);
+		  } else {
+			box.width = Math.round(box.height * ratio);
+		  }
+		}
+		var snapToSize = this.cfg.snapToSize;
+		if (snapToSize) {
+		  var others = this.otherImages;
+		  for (var i = 0; i < others.length; i++) {
+			var other = getBoundingBox(this.window, others[i]);
+			if (Math.abs(box.width - other.width) <= snapToSize && Math.abs(box.height - other.height) <= snapToSize) {
+			  box.width = other.width;
+			  box.height = other.height;
+			  break;
+			}
+		  }
+		}
+		//recalculate left or top position
+		if (~attr.indexOf('l')) {
+		  box.left = this.box.width - box.width;
+		}
+		if (~attr.indexOf('t')) {
+		  box.top = this.box.height - box.height;
+		}
+	  },
+	  resizeComplete: function() {
+		resizeElement(this.el, this.result.width, this.result.height);
+	  }
+	};
+
+	function DragEvent(window, document) {
+	  this.window = window;
+	  this.document = document;
+	  this.events = {
+		mousemove: bind(this.mousemove, this),
+		keydown: bind(this.keydown, this),
+		mouseup: bind(this.mouseup, this)
+	  };
+	}
+
+	DragEvent.prototype = {
+	  start: function(e) {
+		e.preventDefault();
+		e.stopPropagation();
+		this.target = e.target;
+		this.attr = e.target.className;
+		this.startPos = {x: e.clientX, y: e.clientY};
+		this.update(e);
+		var events = this.events;
+		this.document.addEventListener('mousemove', events.mousemove, false);
+		this.document.addEventListener('keydown', events.keydown, false);
+		this.document.addEventListener('mouseup', events.mouseup, false);
+		this.document.body.classList.add('dragging-' + this.attr);
+		this.onStart && this.onStart();
+	  },
+	  update: function(e) {
+		this.currentPos = {x: e.clientX, y: e.clientY};
+		this.delta = {x: e.clientX - this.startPos.x, y: e.clientY - this.startPos.y};
+		this.keys = {shift: e.shiftKey, ctrl: e.ctrlKey, alt: e.altKey};
+	  },
+	  mousemove: function(e) {
+		this.update(e);
+		this.onDrag && this.onDrag();
+		if (e.which === 0) {
+		  //mouse button released outside window; mouseup wasn't fired (Chrome)
+		  this.mouseup(e);
+		}
+	  },
+	  keydown: function(e) {
+		//escape key cancels dragging
+		if (e.keyCode === 27) {
+		  this.release();
+		}
+	  },
+	  mouseup: function(e) {
+		this.update(e);
+		this.release();
+		this.onComplete && this.onComplete();
+	  },
+	  release: function() {
+		this.document.body.classList.remove('dragging-' + this.attr);
+		var events = this.events;
+		this.document.removeEventListener('mousemove', events.mousemove, false);
+		this.document.removeEventListener('keydown', events.keydown, false);
+		this.document.removeEventListener('mouseup', events.mouseup, false);
+		this.onRelease && this.onRelease();
+	  }
+	};
+
+	//helper functions
+	function toArray(obj) {
+	  var len = obj.length, arr = new Array(len);
+	  for (var i = 0; i < len; i++) {
+		arr[i] = obj[i];
+	  }
+	  return arr;
+	}
+
+	function bind(fn, ctx) {
+	  if (fn.bind) {
+		return fn.bind(ctx);
+	  }
+	  return function() {
+		fn.apply(ctx, arguments);
+	  };
+	}
+
+	function positionElement(el, left, top) {
+	  el.style.left = String(left) + 'px';
+	  el.style.top = String(top) + 'px';
+	}
+
+	function resizeElement(el, width, height) {
+	  el.style.width = String(width) + 'px';
+	  el.style.height = String(height) + 'px';
+	}
+
+	function getBoundingBox(window, el) {
+	  var rect = el.getBoundingClientRect();
+	  return {
+		left: rect.left + window.pageXOffset,
+		top: rect.top + window.pageYOffset,
+		width: rect.width,
+		height: rect.height
+	  };
+	}
+  })();