2  * Copyright (c) 2006-2012, JGraph Ltd
47 		if (Date.now() - this.lastCreated > 300 && (this.tooltipCloseImage == null ||
200 if (urlParams['sidebar-entries'] != 'large')
238  * are lazy-loaded when the palette is shown.
269 		Math.min(bottom - height - 20 /*status bar*/, Math.max(0, (this.editorUi.container.offsetTop +
270 			this.container.offsetTop + elt.offsetTop - this.container.scrollTop - height / 2 + 16))));
287 		this.tooltip.style.zIndex = mxPopupMenu.prototype.zIndex - 1;
332 			this.graph2.view.canvas.style.position = 'relative';
355 	this.graph2.view.setTranslate(this.tooltipBorder, this.tooltipBorder);
359 …this.graph2.view.scale = Math.round(Math.min(this.maxTooltipWidth / w, this.maxTooltipHeight / h) …
363 		this.graph2.view.scale = 1;
389 			this.graph2.view.getDrawPane().ownerSVGElement.style.transform = 'scale(' + s + ')';
390 			this.graph2.view.getDrawPane().ownerSVGElement.style.transformOrigin = '0 0';
396 …this.graph2.view.setScale(Math.round(Math.min(this.maxTooltipWidth / bounds.width, this.maxTooltip…
402 		this.graph2.view.getDrawPane().ownerSVGElement.style.transform = '';
443 			this.tooltipTitle.style.marginTop = (2 - ddy) + 'px';
447 			height -= 6;
448 			this.tooltipTitle.style.top = (height - ddy) + 'px';	
463 	var x0 = -Math.round(bounds.x - this.tooltipBorder) +
464 		((w2 > width) ? (w2 - width) / 2 : 0);
465 	var y0 = -Math.round(bounds.y - this.tooltipBorder);
467 	var left = off.x;
474 			this.graph2.view.canvas.setAttribute('transform', 'translate(' + x0 + ',' + y0 + ')');
478 			this.graph2.view.canvas.removeAttribute('transform');
483 		this.graph2.view.drawPane.style.left = x0 + 'px';
484 		this.graph2.view.drawPane.style.top = y0 + 'px';
719 							if (i == tmp.length - 1 && results.length == max)
809 	div.style.boxSizing = 'border-box';
832 	input.style.boxSizing = 'border-box';
845 	cross.style.left = '-18px';
863 	// Workaround for inherited line-height in quirks mode
998 										// Disables the built-in context menu
1133 		err.style.cssText = 'background-color:transparent;border-color:transparent;' +
1135 			'text-align:center;cursor:default !important';
1167 …lateEntry('text;html=1;strokeColor=none;fillColor=none;spacing=5;spacingTop=-20;whiteSpace=wrap;ov…
1261 …var cell1 = new mxCell('Source', new mxGeometry(-1, 0, 0, 0), 'edgeLabel;resizable=0;html=1;align=…
1283 …var cell1 = new mxCell('Source', new mxGeometry(-1, 0, 0, 0), 'edgeLabel;resizable=0;html=1;align=…
1308 	    	cell.geometry.offset = new mxPoint(-10, -7);
1338 …this.addDataEntry('crossfunctional cross-functional cross functional flowchart swimlane table', 40…
1340 …th="100%" height="100%" cellpadding="4" style="width:100%;height:100%;border-collapse:collapse;">'…
1341 …'<tr style="background-color:#A7C942;color:#ffffff;border:1px solid #98bf21;"><th align="left">Tit…
1343 …'<tr style="background-color:#EAF2D3;border:1px solid #98bf21;"><td>Value 4</td><td>Value 5</td><t…
1345 …'<tr style="background-color:#EAF2D3;border:1px solid #98bf21;"><td>Value 10</td><td>Value 11</td>…
1347 …'<table border="0" width="100%" height="100%" style="width:100%;height:100%;border-collapse:collap…
1352 …'<table border="1" width="100%" height="100%" style="width:100%;height:100%;border-collapse:collap…
1357 …th="100%" height="100%" cellpadding="4" style="width:100%;height:100%;border-collapse:collapse;">'…
1393 …ry('rhombus;whiteSpace=wrap;html=1;strokeWidth=2;fillWeight=-1;hachureGap=8;fillStyle=cross-hatch;…
1426 …ace=wrap;html=1;bottom=1;right=1;left=1;top=0;fillColor=none;routingCenterX=-0.5;', 120, 60, '', '…
1457 …whiteSpace=wrap;html=1;right=0;top=0;bottom=0;fillColor=none;routingCenterX=-0.5;', 120, 60, '', '…
1596 …whiteSpace=wrap;html=1;right=0;top=0;bottom=0;fillColor=none;routingCenterX=-0.5;', 120, 60, '', '…
1615 …ine;strokeWidth=1;fillColor=none;align=left;verticalAlign=middle;spacingTop=-1;spacingLeft=3;spaci…
1665 …;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;spacingTop=-1;spacingLeft=4;spaci…
1680 			symbol.geometry.offset = new mxPoint(-27, 7);
1687 …var cell = new mxCell('<p style="margin:0px;margin-top:6px;text-align:center;"><b>Component</b></p…
1688 …'<hr/><p style="margin:0px;margin-left:8px;">+ Attribute1: Type<br/>+ Attribute2: Type</p>', new m…
1695 			symbol.geometry.offset = new mxPoint(-24, 4);
1706 …160, 90, '<p style="margin:0px;margin-top:4px;text-align:center;text-decoration:underline;"><b>Obj…
1707 …'<p style="margin:0px;margin-left:8px;">field1 = value1<br/>field2 = value2<br>field3 = value3</p>…
1710 			'<div style="box-sizing:border-box;width:100%;background:#e4e4e4;padding:2px;">Tablename</div>' +
1711 			'<table style="width:100%;font-size:1em;" cellpadding="2" cellspacing="0">' +
1716 		    var cell = new mxCell('<p style="margin:0px;margin-top:4px;text-align:center;">' +
1726 		    var cell = new mxCell('<p style="margin:0px;margin-top:4px;text-align:center;">' +
1736 		    var cell = new mxCell('<p style="margin:0px;margin-top:4px;text-align:center;">' +
1738 					'<hr size="1"/><p style="margin:0px;margin-left:4px;">+ field: Type</p><hr size="1"/>' +
1739 					'<p style="margin:0px;margin-left:4px;">+ method(): Type</p>', new mxGeometry(0, 0, 160, 90),
1747 		    var cell = new mxCell('<p style="margin:0px;margin-top:4px;text-align:center;">' +
1749 					'<hr size="1"/><p style="margin:0px;margin-left:4px;">+ field1: Type<br/>' +
1751 					'<hr size="1"/><p style="margin:0px;margin-left:4px;">' +
1828 			edge1.geometry.x = -1;
1836 			edge2.geometry.x = -1;
1875 			edge.geometry.setTerminalPoint(new mxPoint(-60, 0), true);
1889 			edge1.geometry.setTerminalPoint(new mxPoint(-70, 0), true);
1896 			edge2.geometry.setTerminalPoint(new mxPoint(-70, 76), false);
1906 …var cell = new mxCell('', new mxGeometry(-5, 20, 10, 40), 'html=1;points=[];perimeter=orthogonalPe…
1946 			edge.geometry.x = -1;
1949 …var cell = new mxCell('1', new mxGeometry(-1, 0, 0, 0), 'edgeLabel;resizable=0;html=1;align=left;v…
1965 …var cell1 = new mxCell('parent', new mxGeometry(-1, 0, 0, 0), 'edgeLabel;resizable=0;html=1;align=…
1985 			edge.geometry.x = -1;
1997 			edge.geometry.x = -1;
2011 …var cell1 = new mxCell('0..n', new mxGeometry(-1, 0, 0, 0), 'edgeLabel;resizable=0;html=1;align=le…
2061 	this.graph.view.scaleAndTranslate(1, 0, 0);
2065 	var s = Math.floor(Math.min((width - 2 * this.thumbBorder) / bounds.width,
2066 		(height - 2 * this.thumbBorder) / bounds.height) * 100) / 100;
2067 	this.graph.view.scaleAndTranslate(s, Math.floor((width - bounds.width * s) / 2 / s - bounds.x),
2068 		Math.floor((height - bounds.height * s) / 2 / s - bounds.y));
2073 		this.graph.view.getCanvas().ownerSVGElement != null)
2075 		node = this.graph.view.getCanvas().ownerSVGElement.cloneNode(true);
2252 					for (var j = childCount; j >= 0; j--)
2295 	return mxUtils.bind(this, function(graph, evt, target, x, y, force)  argument
2330 						x = Math.round(x);
2336 							var s = graph.view.scale;
2337 							var tr = graph.view.translate;
2338 							var tx = (x + tr.x) * s;
2343 								x - bounds.width / 2, y - bounds.height / 2,
2349 							select = graph.importCells(cells, x, y, target);
2359 								var s = graph.view.scale;
2360 								var tr = graph.view.translate;
2361 								var tx = (x + tr.x) * s;
2458 			var tmp = (graph.model.isEdge(source)) ? null : graph.view.getState(targetParent);
2466 				dx = offset.x;
2473 					pt.x += offset.x;
2482 			var tempTarget = graph.getCellAt((geo.x + dx + graph.view.translate.x) * graph.view.scale,
2483 …		(geo.y + dy + graph.view.translate.y) * graph.view.scale, null, null, null, function(state, x, y)  argument
2490 				tmp = graph.view.getState(tempTarget);
2501 						geo.x -= offset.x - dx;
2502 						geo.y -= offset.y - dy;
2508 				geo.x += dx;
2512 			dx = geo2.x;
2522 			targets = graph.importCells(targets, (geo.x - (useParent ? dx : 0)),
2523 				(geo.y - (useParent ? dy : 0)), (useParent) ? targetParent : null);
2547 					var tmpState = graph.view.getState(targetParent);
2548 					var offset = (tmpState.cell != graph.view.currentRoot) ?
2551 					graph.cellsMoved(targets, offset.x, offset.y, null, null, true);
2557 				dx = geo.x - Math.round(geo2.x);
2558 				dy = geo.y - Math.round(geo2.y);
2559 				geo.x = Math.round(geo2.x);
2602 	var view = graph.view;
2613 			var state = graph.view.getState(source);
2616 			var pe = pts[pts.length - 1];
2620 				geo2.x = p0.x / view.scale - view.translate.x - geo2.width / 2;
2621 				geo2.y = p0.y / view.scale - view.translate.y - geo2.height / 2;
2625 				geo2.x = pe.x / view.scale - view.translate.x - geo2.width / 2;
2626 				geo2.y = pe.y / view.scale - view.translate.y - geo2.height / 2;
2633 				var state = graph.view.getState(source);
2635 				geo.x = (state.x - view.translate.x) / view.scale;
2636 				geo.y = (state.y - view.translate.y) / view.scale;
2647 				var dx = pe.x - p0.x;
2648 				var dy = pe.y - p0.y;
2652 				geo2.x = geo.getCenterX();
2660 					geo2.y = geo.y - length;
2661 					geo2.setTerminalPoint(new mxPoint(geo2.x, geo2.y), false);
2666 					geo2.x = geo.x + geo.width;
2667 					geo2.setTerminalPoint(new mxPoint(geo2.x + geo2.width, geo2.y), false);
2673 					geo2.setTerminalPoint(new mxPoint(geo2.x, geo2.y + geo2.height), false);
2678 					geo2.x = geo.x - length;
2679 					geo2.setTerminalPoint(new mxPoint(geo2.x, geo2.y), false);
2693 				geo2.x = geo.x + geo.width / 2 - geo2.width / 2;
2694 				geo2.y = geo.y + geo.height / 2 - geo2.height / 2;
2698 					geo2.y = geo2.y - geo.height / 2 - geo2.height / 2 - length;
2702 					geo2.x = geo2.x + geo.width / 2 + geo2.width / 2 + length;
2710 					geo2.x = geo2.x - geo.width / 2 - geo2.width / 2 - length;
2723 							geo2.x -= targetGeo.getCenterX();
2724 							geo2.y -= targetGeo.getCenterY() + targetGeo.height / 2;
2728 							geo2.x -= targetGeo.getCenterX() - targetGeo.width / 2;
2729 							geo2.y -= targetGeo.getCenterY();
2733 							geo2.x -= targetGeo.getCenterX();
2734 							geo2.y -= targetGeo.getCenterY() - targetGeo.height / 2;
2738 							geo2.x -= targetGeo.getCenterX() + targetGeo.width / 2;
2739 							geo2.y -= targetGeo.getCenterY();
2751  * Limits drop style to non-transparent source shapes.
2812 …ragSource = mxUtils.makeDraggable(elt, graph, mxUtils.bind(this, function(graph, evt, target, x, y)  argument
2837 			this.editorUi.hoverIcons.update(graph.view.getState(graph.getSelectionCell()));
2900 	function checkArrow(x, y, bounds, arrow)  argument
2904 			if (mxUtils.contains(bounds, x, y))
2926 		// Pass-through events required to tooltip on replace shape
2972 			var view = graph.view;
2978 				this.previewElement.style.left = currentStyleTarget.x + 'px';
2995 				var dx = view.translate.x * view.scale;
2996 				var dy = view.translate.y * view.scale;
2998 …		if (geo2 != null && !geo2.relative && graph.model.isVertex(parent) && parent != view.currentRoot)
3000 					var pState = view.getState(parent);
3002 					dx = pState.x;
3006 				var dx2 = geo3.x;
3017 				this.previewElement.style.left = ((geo.x - dx2) * view.scale + dx) + 'px';
3018 				this.previewElement.style.top = ((geo.y - dy2) * view.scale + dy) + 'px';
3022 					this.previewElement.style.width = (geo.width * view.scale) + 'px';
3023 					this.previewElement.style.height = (geo.height * view.scale) + 'px';
3032 				this.previewElement.style.left = Math.round(parseInt(this.previewElement.style.left) -
3033 					bounds.width * view.scale / 2) + 'px';
3034 				this.previewElement.style.top = Math.round(parseInt(this.previewElement.style.top) -
3035 					bounds.height * view.scale / 2) + 'px';
3054 	dragSource.getDropTarget = mxUtils.bind(this, function(graph, x, y, evt)  argument
3059 			graph.getCellAt(x, y, null, null, null, function(state, x, y)  argument
3083 		var state = graph.view.getState(cell);
3106 						dragSource.getDropTarget(graph, x, y, evt);
3113 			timeOnTarget = new Date().getTime() - startTime;
3131 				var tmp = (graph.model.isEdge(state.cell)) ? graph.view.getPoint(state) :
3133 …	tmp = new mxRectangle(tmp.x - this.refreshTarget.width / 2, tmp.y - this.refreshTarget.height / 2,
3136 				styleTarget.style.left = Math.floor(tmp.x) + 'px';
3145 				checkArrow(x, y, tmp, styleTarget);
3149 		else if (currentStyleTarget == null || !mxUtils.contains(currentStyleTarget, x, y) ||
3163 …var tmp = (graph.model.isEdge(currentStyleTarget.cell)) ? graph.view.getPoint(currentStyleTarget) …
3164 …	tmp = new mxRectangle(tmp.x - this.refreshTarget.width / 2, tmp.y - this.refreshTarget.height / 2,
3166 			checkArrow(x, y, tmp, styleTarget);
3172 			// LATER: Use hit-detection for edges
3182 					bbox.add(checkArrow(x, y, new mxRectangle(p0.x - this.roundDrop.width / 2,
3183 						p0.y - this.roundDrop.height / 2, this.roundDrop.width, this.roundDrop.height), roundSource));
3188 					var pe = pts[pts.length - 1];
3189 					bbox.add(checkArrow(x, y, new mxRectangle(pe.x - this.roundDrop.width / 2,
3190 						pe.y - this.roundDrop.height / 2,
3211 					bds.x -= handler.horizontalOffset / 2;
3212 					bds.y -= handler.verticalOffset / 2;
3226 …bbox.add(checkArrow(x, y, new mxRectangle(currentTargetState.getCenterX() - this.triangleUp.width …
3227 					bds.y - this.triangleUp.height, this.triangleUp.width, this.triangleUp.height), arrowUp));
3228 				bbox.add(checkArrow(x, y, new mxRectangle(bds.x + bds.width,
3229 					currentTargetState.getCenterY() - this.triangleRight.height / 2,
3231 …bbox.add(checkArrow(x, y, new mxRectangle(currentTargetState.getCenterX() - this.triangleDown.widt…
3233 				bbox.add(checkArrow(x, y, new mxRectangle(bds.x - this.triangleLeft.width,
3234 						currentTargetState.getCenterY() - this.triangleLeft.height / 2,
3272 			(bbox == null || !mxUtils.contains(bbox, x, y) ||
3298 						var pe = pts[pts.length - 1];
3300 						var box = new mxRectangle(x - tol, y - tol, 2 * tol, 2 * tol);
3302 						roundSource.style.left = Math.floor(p0.x - this.roundDrop.width / 2) + 'px';
3303 						roundSource.style.top = Math.floor(p0.y - this.roundDrop.height / 2) + 'px';
3305 						roundTarget.style.left = Math.floor(pe.x - this.roundDrop.width / 2) + 'px';
3306 						roundTarget.style.top = Math.floor(pe.y - this.roundDrop.height / 2) + 'px';
3336 						bds.x -= handler.horizontalOffset / 2;
3337 						bds.y -= handler.verticalOffset / 2;
3351 					arrowUp.style.left = Math.floor(state.getCenterX() - this.triangleUp.width / 2) + 'px';
3352 					arrowUp.style.top = Math.floor(bds.y - this.triangleUp.height) + 'px';
3354 					arrowRight.style.left = Math.floor(bds.x + bds.width) + 'px';
3355 					arrowRight.style.top = Math.floor(state.getCenterY() - this.triangleRight.height / 2) + 'px';
3360 					arrowLeft.style.left = Math.floor(bds.x - this.triangleLeft.width) + 'px';
3422 				if (target != null && (graph.view.currentRoot == target ||
3513 		ds.drop(graph, evt, null, pt.x, pt.y, true);
3545 			first != null && (Math.abs(first.x - mxEvent.getClientX(evt)) > tol ||
3546 			Math.abs(first.y - mxEvent.getClientY(evt)) > tol))
3695 	// Disables built-in pan and zoom in IE10 and later
3733 	// Avoids mixed content warning in IE6-8
3740 	title.style.backgroundRepeat = 'no-repeat';
3837 …item.substring((slash >= 0) ? slash + 1 : 0, (dot >= 0) ? dot : item.length).replace(/[-_]/g, ' ');