drawio-offline
Version:
diagrams.net desktop
1,312 lines (1,098 loc) • 91 kB
JavaScript
/**
* Copyright (c) 2006-2012, JGraph Ltd
*/
/**
* Editor constructor executed on page load.
*/
Editor = function(chromeless, themes, model, graph, editable)
{
mxEventSource.call(this);
this.chromeless = (chromeless != null) ? chromeless : this.chromeless;
this.initStencilRegistry();
this.graph = graph || this.createGraph(themes, model);
this.editable = (editable != null) ? editable : !chromeless;
this.undoManager = this.createUndoManager();
this.status = '';
this.getOrCreateFilename = function()
{
return this.filename || mxResources.get('drawing', [Editor.pageCounter]) + '.xml';
};
this.getFilename = function()
{
return this.filename;
};
// Sets the status and fires a statusChanged event
this.setStatus = function(value)
{
this.status = value;
this.fireEvent(new mxEventObject('statusChanged'));
};
// Returns the current status
this.getStatus = function()
{
return this.status;
};
// Updates modified state if graph changes
this.graphChangeListener = function(sender, eventObject)
{
var edit = (eventObject != null) ? eventObject.getProperty('edit') : null;
if (edit == null || !edit.ignoreEdit)
{
this.setModified(true);
}
};
this.graph.getModel().addListener(mxEvent.CHANGE, mxUtils.bind(this, function()
{
this.graphChangeListener.apply(this, arguments);
}));
// Sets persistent graph state defaults
this.graph.resetViewOnRootChange = false;
this.init();
};
/**
* Counts open editor tabs (must be global for cross-window access)
*/
Editor.pageCounter = 0;
// Cross-domain window access is not allowed in FF, so if we
// were opened from another domain then this will fail.
(function()
{
try
{
var op = window;
while (op.opener != null && typeof op.opener.Editor !== 'undefined' &&
!isNaN(op.opener.Editor.pageCounter) &&
// Workaround for possible infinite loop in FF https://drawio.atlassian.net/browse/DS-795
op.opener != op)
{
op = op.opener;
}
// Increments the counter in the first opener in the chain
if (op != null)
{
op.Editor.pageCounter++;
Editor.pageCounter = op.Editor.pageCounter;
}
}
catch (e)
{
// ignore
}
})();
/**
* Specifies if local storage should be used (eg. on the iPad which has no filesystem)
*/
Editor.useLocalStorage = typeof(Storage) != 'undefined' && mxClient.IS_IOS;
/**
*
*/
Editor.moveImage = (mxClient.IS_SVG) ? 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI4cHgiIGhlaWdodD0iMjhweCI+PGc+PC9nPjxnPjxnPjxnPjxwYXRoIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNCwyLjQpc2NhbGUoMC44KXJvdGF0ZSg0NSwxMiwxMikiIHN0cm9rZT0iIzI5YjZmMiIgZmlsbD0iIzI5YjZmMiIgZD0iTTE1LDNsMi4zLDIuM2wtMi44OSwyLjg3bDEuNDIsMS40MkwxOC43LDYuN0wyMSw5VjNIMTV6IE0zLDlsMi4zLTIuM2wyLjg3LDIuODlsMS40Mi0xLjQyTDYuNyw1LjNMOSwzSDNWOXogTTksMjEgbC0yLjMtMi4zbDIuODktMi44N2wtMS40Mi0xLjQyTDUuMywxNy4zTDMsMTV2Nkg5eiBNMjEsMTVsLTIuMywyLjNsLTIuODctMi44OWwtMS40MiwxLjQybDIuODksMi44N0wxNSwyMWg2VjE1eiIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=' :
IMAGE_PATH + '/move.png';
/**
*
*/
Editor.rowMoveImage = (mxClient.IS_SVG) ? 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEBAMAAACw6DhOAAAAGFBMVEUzMzP///9tbW1QUFCKiopBQUF8fHxfX1/IXlmXAAAAFElEQVQImWNgNVdzYBAUFBRggLMAEzYBy29kEPgAAAAASUVORK5CYII=' :
IMAGE_PATH + '/thumb_horz.png';
/**
* Images below are for lightbox and embedding toolbars.
*/
Editor.lightHelpImage = (mxClient.IS_SVG) ? 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTExIDE4aDJ2LTJoLTJ2MnptMS0xNkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6bTAtMTRjLTIuMjEgMC00IDEuNzktNCA0aDJjMC0xLjEuOS0yIDItMnMyIC45IDIgMmMwIDItMyAxLjc1LTMgNWgyYzAtMi4yNSAzLTIuNSAzLTUgMC0yLjIxLTEuNzktNC00LTR6Ii8+PC9zdmc+' :
IMAGE_PATH + '/help.png';
/**
* Sets the default font size.
*/
Editor.lightCheckmarkImage = (mxClient.IS_SVG) ? 'data:image/gif;base64,R0lGODlhFQAVAMQfAGxsbHx8fIqKioaGhvb29nJycvr6+sDAwJqamltbW5OTk+np6YGBgeTk5Ly8vJiYmP39/fLy8qWlpa6ursjIyOLi4vj4+N/f3+3t7fT09LCwsHZ2dubm5r6+vmZmZv///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEY4NTZERTQ5QUFBMTFFMUE5MTVDOTM5MUZGMTE3M0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEY4NTZERTU5QUFBMTFFMUE5MTVDOTM5MUZGMTE3M0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Rjg1NkRFMjlBQUExMUUxQTkxNUM5MzkxRkYxMTczRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Rjg1NkRFMzlBQUExMUUxQTkxNUM5MzkxRkYxMTczRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAB8ALAAAAAAVABUAAAVI4CeOZGmeaKqubKtylktSgCOLRyLd3+QJEJnh4VHcMoOfYQXQLBcBD4PA6ngGlIInEHEhPOANRkaIFhq8SuHCE1Hb8Lh8LgsBADs=' :
IMAGE_PATH + '/checkmark.gif';
/**
*
*/
Editor.darkHelpImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFXRSTlMAT30qCJRBboyDZyCgRzUUdF46MJlgXETgAAAAeklEQVQY022O2w4DIQhEQUURda/9/28tUO2+7CQS5sgQ4F1RapX78YUwRqQjTU8ILqQfKerTKTvACJ4nLX3krt+8aS82oI8aQC4KavRgtvEW/mDvsICgA03PSGRr79MqX1YPNIxzjyqtw8ZnnRo4t5a5undtJYRywau+ds4Cyza3E6YAAAAASUVORK5CYII=';
/**
*
*/
Editor.darkCheckmarkImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAARVBMVEUAAACZmZkICAgEBASNjY2Dg4MYGBiTk5N5eXl1dXVmZmZQUFBCQkI3NzceHh4MDAykpKSJiYl+fn5sbGxaWlo/Pz8SEhK96uPlAAAAAXRSTlMAQObYZgAAAE5JREFUGNPFzTcSgDAQQ1HJGUfy/Y9K7V1qeOUfzQifCQZai1XHaz11LFysbDbzgDSSWMZiETz3+b8yNUc/MMsktxuC8XQBSncdLwz+8gCCggGXzBcozAAAAABJRU5ErkJggg==';
/**
* Images below are for lightbox and embedding toolbars.
*/
Editor.maximizeImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABXRSTlMA758vX1Pw3BoAAABJSURBVAjXY8AJQkODGBhUQ0MhbAUGBiYY24CBgRnGFmZgMISwgwwDGRhEhVVBbAVmEQYGRwMmBjIAQi/CTIRd6G5AuA3dzYQBAHj0EFdHkvV4AAAAAElFTkSuQmCC';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.zoomOutImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAElBMVEUAAAAAAAAsLCxxcXEhISFgYGChjTUxAAAAAXRSTlMAQObYZgAAAEdJREFUCNdjIAMwCQrB2YKCggJQJqMwA7MglK1owMBgqABVApITgLJZXFxgbIQ4Qj3CHIT5ggoIe5kgNkM1KSDYKBKqxPkDAPo5BAZBE54hAAAAAElFTkSuQmCC';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.zoomInImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAElBMVEUAAAAAAAAsLCwhISFxcXFgYGBavKaoAAAAAXRSTlMAQObYZgAAAElJREFUCNdjIAMwCQrB2YKCggJQJqMIA4sglK3owMzgqABVwsDMwCgAZTMbG8PYCHGEeoQ5CPMFFRD2MkFshmpSQLBRJFSJ8wcAEqcEM2uhl2MAAAAASUVORK5CYII=';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.zoomFitImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAD1BMVEUAAAAAAAAwMDBwcHBgYGC1xl09AAAAAXRSTlMAQObYZgAAAEFJREFUCNdjIAMwCQrB2YKCggJQJqMwA7MglK1owMBgqABVApITwMdGqEeYgzBfUAFhLxPEZqgmBQQbRUKFOH8AAK5OA3lA+FFOAAAAAElFTkSuQmCC';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.layersImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAaVBMVEUAAAAgICAICAgdHR0PDw8WFhYICAgLCwsXFxcvLy8ODg4uLi4iIiIqKiokJCQYGBgKCgonJycFBQUCAgIqKiocHBwcHBwODg4eHh4cHBwnJycJCQkUFBQqKiojIyMuLi4ZGRkgICAEBATOWYXAAAAAGnRSTlMAD7+fnz8/H7/ff18/77+vr5+fn39/b28fH2xSoKsAAACQSURBVBjTrYxJEsMgDARZZMAY73sgCcn/HxnhKtnk7j6oRq0psfuoyndZ/SuODkHPLzfVT6KeyPePnJ7KrnkRjWMXTn4SMnN8mXe2SSM3ts8L/ZUxxrbAULSYJJULE0Iw9pjpenoICcgcX61mGgTgtCv9Be99pzCoDhNQWQnchD1mup5++CYGcoQexajZbfwAj/0MD8ZOaUgAAAAASUVORK5CYII=';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.previousImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAAh0lEQVQ4je3UsQnCUBCA4U8hpa1NsoEjpHQJS0dxADdwEMuMIJkgA1hYChbGQgMi+JC8q4L/AB/vDu7x74cWWEZhJU44RmA1zujR5GIbXF9YNrjD/Q0bDRY4fEBZ4P4LlgTnCbAf84pUM8/9hY08tMUtEoQ1LpEgrNBFglChFXR6Q6GfwwR6AGKJMF74Vtt3AAAAAElFTkSuQmCC';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.nextImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAAi0lEQVQ4jeXUIQ7CUAwA0MeGxWI2yylwnALJUdBcgYvM7QYLmjOQIAkIPmJZghiIvypoUtX0tfnJL38X5ZfaEgUeUcManFBHgS0SLlhHggk3bCPBhCf2keCQR8wjwYTDp6YiZxJmOU1jGw7vGALescuBxsArNlOwd/CM1VSM/ut1qCIw+uOwiMJ+OF4CQzBCXm3hyAAAAABJRU5ErkJggg==';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.editImage = (mxClient.IS_SVG) ? 'data:image/gif;base64,R0lGODlhCwALAIABAFdXV////yH5BAEAAAEALAAAAAALAAsAAAIZjB8AiKuc4jvLOGqzrjX6zmkWyChXaUJBAQA7' : IMAGE_PATH + '/edit.gif';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.zoomOutLargeImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAilBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////2N2iNAAAALXRSTlMA+vTcKMM96GRBHwXxi0YaX1HLrKWhiHpWEOnOr52Vb2xKSDcT19PKv5l/Ngdk8+viAAABJklEQVQ4y4WT2XaDMAxEvWD2nSSUNEnTJN3r//+9Sj7ILAY6L0ijC4ONYVZRpo6cByrz2YKSUGorGTpz71lPVHvT+avoB5wIkU/mxk8veceSuNoLg44IzziXjvpih72wKQnm8yc2UoiP/LAd8jQfe2Xf4Pq+2EyYIvv9wbzHHCgwxDdlBtWZOdqDfTCVgqpygQpsZaojVAVc9UjQxnAJDIBhiQv84tq3gMQCAVTxVoSibXJf8tMuc7e1TB/DCmejBNg/w1Y3c+AM5vv4w7xM59/oXamrHaLVqPQ+OTCnmMZxgz0SdL5zji0/ld6j88qGa5KIiBB6WeJGKfUKwSMKLuXgvl1TW0tm5R9UQL/efSDYsnzxD8CinhBsTTdugJatKpJwf8v+ADb8QmvW7AeAAAAAAElFTkSuQmCC';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.zoomInLargeImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAilBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////2N2iNAAAALXRSTlMA+vTcKMM96GRBHwXxi0YaX1HLrKWhiHpWEOnOr52Vb2xKSDcT19PKv5l/Ngdk8+viAAABKElEQVQ4y4WT6WKCMBCENwkBwn2oFKvWqr3L+79es4EkQIDOH2d3Pxk2ABiJlB8JCXjqw4LikHVGLHTm3nM3UeVN5690GBBN0GwyV/3kkrUQR+WeKnREeKpzaXWd77CmJiXGfPIEI4V4yQ9TIW/ntlcMBe731Vts9w5TWG8F5j3mQI4hvrKpdGeYA7CX9qAcl650gVJartxRuhyHVghF8idQAIbFLvCLu28BsQEC6aKtCK6Pyb3JT7PmbmtNH8Ny56CotD/2qOs5cJbuffxgXmCib+xddVU5RNOhkvvkhTlFehzVWCOh3++MYElOhfdovaImnRYVmqDdsuhNp1QrBBE6uGC2+3ZNjGdg5B94oD+9uyVgWT79BwAxEBTWdOu3bWBVgsn/N/AHUD9IC01Oe40AAAAASUVORK5CYII=';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.actualSizeLargeImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAilBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////2N2iNAAAALXRSTlMA+vTcKMM96GRBHwXxi0YaX1HLrKWhiHpWEOnOr52Vb2xKSDcT19PKv5l/Ngdk8+viAAABIUlEQVQ4y4WT2XqDIBCFBxDc9yTWNEnTJN3r+79eGT4BEbXnaubMr8dBBaM450dCQp4LWFAascGIRd48eB4cNYE7f6XjgGiCFs5c+dml6CFN6j1V6IQIlHPpdV/usKcmJcV88gQTRXjLD9Mhb+fWq8YG9/uCmTCFjeeDeY85UGKIUGUuqzN42kv7oCouq9oHamlzVR1lVfpAIu1QVRiW+sAv7r4FpAYIZZVsRXB9TP5Dfpo1d1trCgzz1iiptH/sUbdz4CzN9+mLeXHn3+hdddd4RDegsrvzwZwSs2GLPRJidAqCLTlVwaMPqpYMWjTWBB2WRW86pVkhSKyDK2bdt2tmagZG4sBD/evdLQHLEvQfAOKRoLCmG1FAB6uKmby+gz+REDn7O5+EwQAAAABJRU5ErkJggg==';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.printLargeImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMAydnl77qbMLT093H7K4Nd4Ktn082+lYt5bkklEgP44nQSAAAApUlEQVQ4y73P2Q6DIBRF0cOgbRHHzhP//5m9mBAQKjG1cT0Yc7ITAMu1LNQgUZiQ2DYoNQ0sCQb6qgHAfRx48opq3J9AZ6xuF7uOew8Ik1OsCZRS2UAC9V+D9a+QZYxNA45YFQftPtSkATOhw7dAc0vPBwKWiIOjP0JZ0yMuQJ27g36DipOUsqRAM0dR8KD1/ILHaHSE/w8DIx09E3g/BTce6rHUB5sAPKvfF+JdAAAAAElFTkSuQmCC';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.layersLargeImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAmVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+/v7///+bnZkkAAAAMnRSTlMABPr8ByiD88KsTi/rvJb272mjeUA1CuPe1M/KjVxYHxMP6KZ0S9nYzGRGGRaznpGIbzaGUf0AAAHESURBVDjLbZLZYoIwEEVDgLCjbKIgAlqXqt3m/z+uNwu1rcyDhjl3ktnYL7OY254C0VX3yWFZfzDrOClbbgKxi0YDHjwl4jbnRkXxJS/C1YP3DbBhD1n7Ex4uaAqdVDb3yJ/4J/3nJD2to/ngQz/DfUvzMp4JJ5sSCaF5oXmemgQDfDxzbi+Kq4sU+vNcuAmx94JtyOP2DD4Epz2asWSCz4Z/4fECxyNj9zC9xNLHcdPEO+awDKeSaUu0W4twZQiO2hYVisTR3RCtK/c1X6t4xMEpiGqXqVntEBLolkZZsKY4QtwH6jzq67dEHlJysB1aNOD3XT7n1UkasQN59L4yC2RELMDSeCRtz3yV22Ub3ozIUTknYx8JWqDdQxbUes98cR2kZtUSveF/bAhcedwEWmlxIkpZUy4XOCb6VBjjxHvbwo/1lBAHHi2JCr0NI570QhyHq/DhJoE2lLgyA4RVe6KmZ47O/3b86MCP0HWa73A8/C3SUc5Qc1ajt6fgpXJ+RGpMvDSchepZDOOQRcZVIKcK90x2D7etqtI+56+u6n3sPriO6nfphitR4+O2m3EbM7lh3me1FM1o+LMI887rN+s3/wZdTFlpNVJiOAAAAABJRU5ErkJggg==';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.closeLargeImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAGnRSTlMAuvAIg/dDM/QlOeuFhj0S5s4vKgzjxJRQNiLSey0AAADNSURBVDjLfZLbEoMgDEQjRRRs1XqX///QNmOHJSnjPkHOGR7IEmeoGtJZstnwjqbRfIsmgEdtPCqe9Ynz7ZSc07rE2QiSc+qv8TvjRXA2PDUm3dpe82iJhOEUfxJJo3aCv+jKmRmH4lcCjCjeh9GWOdL/GZZkXH3PYYDrHBnfc4D/RVZf5sjoC1was+Y6HQxwaUxFvq/a0Pv343VCTxfBSRiB+ab3M3eiQZXmMNBJ3Y8pGRZtYQ7DgHMXJEdPLTaN/qBjzJOBc3nmNcbsA16bMR0oLqf+AAAAAElFTkSuQmCC';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.editLargeImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAgVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9d3yJTAAAAKnRSTlMA+hzi3nRQWyXzkm0h2j3u54gzEgSXjlYoTBgJxL2loGpAOS3Jt7Wxm35Ga7gRAAAA6UlEQVQ4y63Q2XaCMBSF4Q0JBasoQ5DJqbXjfv8HbCK2BZNwo/8FXHx7rcMC7lQu0iX8qU/qtvAWCpoqH8dYzS0SwaV5eK/UAf8X9pd2CWKzuF5Jrftp1owXwnIGLUaL3PYndOHf4kNNXWrXK/m7CHunk7K8LE6YtBpcknwG9GKxnroY+ylBXcx4xKyx/u/EuXi509cP9V7OO1oyHnzrdFTcqLG/4ibBA5pIMr/4xvKzuQDkVy9wW8SgBFD6HDvuzMvrZcC9QlkfMzI7w64m+b4PqBMNHB05lH21PVxJo2/fBXxV4hB38PcD+5AkI4FuETsAAAAASUVORK5CYII=';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.previousLargeImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAPFBMVEUAAAD////////////////////////////////////////////////////////////////////////////YSWgTAAAAE3RSTlMA7fci493c0MW8uJ6CZks4MxQHEZL6ewAAAFZJREFUOMvdkskRgDAMA4lDwg2B7b9XOlge/KKvdsa25KFb5XlRvxXC/DNBEv8IFNjBgGdDgXtFgTyhwDXiQAUHCvwa4Uv6mR6UR+1led2mVonvl+tML45qCQNQLIx7AAAAAElFTkSuQmCC';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.nextLargeImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAPFBMVEUAAAD////////////////////////////////////////////////////////////////////////////YSWgTAAAAE3RSTlMA7fci493c0MW8uJ6CZks4MxQHEZL6ewAAAFRJREFUOMvd0skRgCAQBVEFwQ0V7fxzNQP6wI05v6pZ/kyj1b7FNgik2gQzzLcAwiUAigHOTwDHK4A1CmB5BJANJG1hQ9qafYcqFlZP3IFc9eVGrR+iIgkDQRUXIAAAAABJRU5ErkJggg==';
/**
* Specifies the image to be used for the refresh button.
*/
Editor.refreshLargeImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMABfyE2QKU+dfNyyDyoVYKwnTv7N+6rntsYlFNQjEqEw316uSzf2c1JB3GvqebiVw6GAjQB4DQr10AAAE7SURBVDjLvZLXcoMwEABPIgRCx3TT3A3udqL//7UgAdGRcR4yk8k+idsdmgS/QyWEqD/axS2JDV33zlnzLHIzQ2MDq9OeJ3m8l76KKENYlxrmM/b65Ys1+8YxnTEZFIEY0vVhszFWfUGZDJpQTDznTgAe5k4XhQxILB7ruzBQn+kkyDXuHfRtjoYDEvH7J9Lz98dBZXXL94X0Ofco2PFlChKbjVzEdakoSlKjoNoqPYkJ/wUZAYwc+PpLj1Ei7+jdoBWlwQZoJv2H1w3CWgRvo7dd9DP5btgwCWz0M02+oVoxCcIWeY9PNmR6B++m9prMxYEISpCBYBlfy9bc745is7UUULAem1Ww7FfalsiA2uaJsgmWP3pQI9q9/yMLkaaHAp2fxhHff/cNq7dBdHXhGW7l+Mo2zU0Cf8knJ2xA0oJ8enwAAAAASUVORK5CYII=';
/**
* Specifies the image to be used for the back button.
*/
Editor.backLargeImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAclBMVEUAAAD////////////////+/v7////////////////////////////////////////////+/v7///////////////////////////////////////////////////////////////////////////////8vKLfTAAAAJXRSTlMACh7h9gby3NLIwzwZ55uVJgH57b+8tbCljYV1RRMQ46FrTzQw+vtxOQAAAJ5JREFUOMuF00cWgzAQA1DRDQFCbwFSdf8rZpdVrNH2z3tuMv7mldZQ2WN2yi8x+TT8JvyTkqvwpiKvwsOIrA1fWr+XGTklfj8dOQR+D3KyUF6QufBkJN0hfCazEv6sZBRCJDUcPasGKpu1RLtYE8lkHAPBQLoTsK/SfAyRw5FjAuhCzC2MSj0gJ+66lHatgXdKboD9tfREB5m9/+3iC9jHDYvsGNcUAAAAAElFTkSuQmCC';
/**
* Specifies the image to be used for the back button.
*/
Editor.fullscreenLargeImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAllBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AJcWoAAAAMXRSTlMA+wIFxPWPCIb446tnUxmsoIykgxTe29jQnpKBe2MNsZhVTR/KyLuWbFhEPjUq7L9z+bQj+gAAAWxJREFUOMttk4l2gkAMRTODCO4FtQgIbnWpS9v8/881iZFh8R51NO8GJ+gAjMN8zuTRFSw04cIOHQcqFHH6oaQFGxf0jeBjEgB8Y52TpW9Ag4zB5QICWOtHrgwGuFZBcw+gPP0MFS7+iiD5inOmDIQS9sZgTwUzwEzyxhxHVEEU7NdDUXsqUPtqjIgR2IZSCT4upzSeIeOdcMHnfDsx3giPoezfU6MrQGB5//SckLEG2xYscK4GfnUFqaix39zrwooaOD/cXoYuvHKQIc7pzd3HVPusp6t2FAW/RmjMonbl8vwHDeZo/GkleJC7e+p5XA/rAq1X/V10wKag04rBpa2/d0LL4OYYceOEtsG5jyMntI1wS+N1BGcQBl/CoLoPOl9ABrW/BP53e1bwSJHHlkIVchJwmHwyyfJ4kIvEnKtwkxNSEct83KSChT7WiWgDZ3ccZ0BM4tloJow2YUAtifNT3njnyD+y/pMsnP4DN3Y4yl1Gyk0AAAAASUVORK5CYII=';
/**
* All fill styles supported by rough.js.
*/
Editor.roughFillStyles = [{val: 'auto', dispName: 'Auto'}, {val: 'hachure', dispName: 'Hachure'}, {val: 'solid', dispName: 'Solid'},
{val: 'zigzag', dispName: 'ZigZag'}, {val: 'cross-hatch', dispName: 'Cross Hatch'}, {val: 'dots', dispName: 'Dots'},
{val: 'dashed', dispName: 'Dashed'}, {val: 'zigzag-line', dispName: 'ZigZag Line'}];
/**
* Graph themes for the format panel.
*/
Editor.themes = null;
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.ctrlKey = (mxClient.IS_MAC) ? 'Cmd' : 'Ctrl';
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.hintOffset = 20;
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.fitWindowBorders = null;
/**
* Specifies if the diagram should be saved automatically if possible. Default
* is true.
*/
Editor.popupsAllowed = true;
/**
* Specifies if the html and whiteSpace styles should be removed on inserted cells.
*/
Editor.simpleLabels = false;
/**
* Specifies if the native clipboard is enabled. Blocked in iframes for possible sandbox attribute.
* LATER: Check if actually blocked.
*/
Editor.enableNativeCipboard = window == window.top && !mxClient.IS_FF && navigator.clipboard != null;
/**
* Dynamic change of dark mode for minimal and sketch theme.
*/
Editor.darkMode = false;
/**
* Dynamic change of dark mode.
*/
Editor.isDarkMode = function(value)
{
return Editor.darkMode || uiTheme == 'dark';
};
/**
* Images below are for lightbox and embedding toolbars.
*/
Editor.helpImage = (Editor.isDarkMode() && mxClient.IS_SVG) ? Editor.darkHelpImage : Editor.lightHelpImage;
/**
* Images below are for lightbox and embedding toolbars.
*/
Editor.checkmarkImage = (Editor.isDarkMode() && mxClient.IS_SVG) ? Editor.darkCheckmarkImage : Editor.lightCheckmarkImage;
/**
* Editor inherits from mxEventSource
*/
mxUtils.extend(Editor, mxEventSource);
/**
* Stores initial state of mxClient.NO_FO.
*/
Editor.prototype.originalNoForeignObject = mxClient.NO_FO;
/**
* Specifies the image URL to be used for the transparent background.
*/
Editor.prototype.transparentImage = (mxClient.IS_SVG) ? 'data:image/gif;base64,R0lGODlhMAAwAIAAAP///wAAACH5BAEAAAAALAAAAAAwADAAAAIxhI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8egpAAA7' :
IMAGE_PATH + '/transparent.gif';
/**
* Specifies if the canvas should be extended in all directions. Default is true.
*/
Editor.prototype.extendCanvas = true;
/**
* Specifies if the app should run in chromeless mode. Default is false.
* This default is only used if the contructor argument is null.
*/
Editor.prototype.chromeless = false;
/**
* Specifies the order of OK/Cancel buttons in dialogs. Default is true.
* Cancel first is used on Macs, Windows/Confluence uses cancel last.
*/
Editor.prototype.cancelFirst = true;
/**
* Specifies if the editor is enabled. Default is true.
*/
Editor.prototype.enabled = true;
/**
* Contains the name which was used for the last save. Default value is null.
*/
Editor.prototype.filename = null;
/**
* Contains the current modified state of the diagram. This is false for
* new diagrams and after the diagram was saved.
*/
Editor.prototype.modified = false;
/**
* Specifies if the diagram should be saved automatically if possible. Default
* is true.
*/
Editor.prototype.autosave = true;
/**
* Specifies the top spacing for the initial page view. Default is 0.
*/
Editor.prototype.initialTopSpacing = 0;
/**
* Specifies the app name. Default is document.title.
*/
Editor.prototype.appName = document.title;
/**
*
*/
Editor.prototype.editBlankUrl = window.location.protocol + '//' + window.location.host + '/';
/**
* Default value for the graph container overflow style.
*/
Editor.prototype.defaultGraphOverflow = 'hidden';
/**
* Initializes the environment.
*/
Editor.prototype.init = function() { };
/**
* Sets the XML node for the current diagram.
*/
Editor.prototype.isChromelessView = function()
{
return this.chromeless;
};
/**
* Sets the XML node for the current diagram.
*/
Editor.prototype.setAutosave = function(value)
{
this.autosave = value;
this.fireEvent(new mxEventObject('autosaveChanged'));
};
/**
*
*/
Editor.prototype.getEditBlankUrl = function(params)
{
return this.editBlankUrl + params;
}
/**
*
*/
Editor.prototype.editAsNew = function(xml, title)
{
var p = (title != null) ? '?title=' + encodeURIComponent(title) : '';
if (urlParams['ui'] != null)
{
p += ((p.length > 0) ? '&' : '?') + 'ui=' + urlParams['ui'];
}
if (typeof window.postMessage !== 'undefined' &&
(document.documentMode == null ||
document.documentMode >= 10))
{
var wnd = null;
var l = mxUtils.bind(this, function(evt)
{
if (evt.data == 'ready' && evt.source == wnd)
{
mxEvent.removeListener(window, 'message', l);
wnd.postMessage(xml, '*');
}
});
mxEvent.addListener(window, 'message', l);
wnd = this.graph.openLink(this.getEditBlankUrl(
p + ((p.length > 0) ? '&' : '?') +
'client=1'), null, true);
}
else
{
this.graph.openLink(this.getEditBlankUrl(p) +
'#R' + encodeURIComponent(xml));
}
};
/**
* Sets the XML node for the current diagram.
*/
Editor.prototype.createGraph = function(themes, model)
{
var graph = new Graph(null, model, null, null, themes);
graph.transparentBackground = false;
// Opens all links in a new window while editing
if (!this.chromeless)
{
graph.isBlankLink = function(href)
{
return !this.isExternalProtocol(href);
};
}
return graph;
};
/**
* Sets the XML node for the current diagram.
*/
Editor.prototype.resetGraph = function()
{
this.graph.gridEnabled = this.graph.defaultGridEnabled && (!this.isChromelessView() || urlParams['grid'] == '1');
this.graph.graphHandler.guidesEnabled = true;
this.graph.setTooltips(true);
this.graph.setConnectable(true);
this.graph.foldingEnabled = true;
this.graph.scrollbars = this.graph.defaultScrollbars;
this.graph.pageVisible = this.graph.defaultPageVisible;
this.graph.pageBreaksVisible = this.graph.pageVisible;
this.graph.preferPageSize = this.graph.pageBreaksVisible;
this.graph.background = null;
this.graph.pageScale = mxGraph.prototype.pageScale;
this.graph.pageFormat = mxGraph.prototype.pageFormat;
this.graph.currentScale = 1;
this.graph.currentTranslate.x = 0;
this.graph.currentTranslate.y = 0;
this.updateGraphComponents();
this.graph.view.setScale(1);
};
/**
* Sets the XML node for the current diagram.
*/
Editor.prototype.readGraphState = function(node)
{
var grid = node.getAttribute('grid');
if (grid == null || grid == '')
{
grid = this.graph.defaultGridEnabled ? '1' : '0';
}
this.graph.gridEnabled = grid != '0' && (!this.isChromelessView() || urlParams['grid'] == '1');
this.graph.gridSize = parseFloat(node.getAttribute('gridSize')) || mxGraph.prototype.gridSize;
this.graph.graphHandler.guidesEnabled = node.getAttribute('guides') != '0';
this.graph.setTooltips(node.getAttribute('tooltips') != '0');
this.graph.setConnectable(node.getAttribute('connect') != '0');
this.graph.connectionArrowsEnabled = node.getAttribute('arrows') != '0';
this.graph.foldingEnabled = node.getAttribute('fold') != '0';
if (this.isChromelessView() && this.graph.foldingEnabled)
{
this.graph.foldingEnabled = urlParams['nav'] == '1';
this.graph.cellRenderer.forceControlClickHandler = this.graph.foldingEnabled;
}
var ps = parseFloat(node.getAttribute('pageScale'));
if (!isNaN(ps) && ps > 0)
{
this.graph.pageScale = ps;
}
else
{
this.graph.pageScale = mxGraph.prototype.pageScale;
}
if (!this.graph.isLightboxView() && !this.graph.isViewer())
{
var pv = node.getAttribute('page');
if (pv != null)
{
this.graph.pageVisible = (pv != '0');
}
else
{
this.graph.pageVisible = this.graph.defaultPageVisible;
}
}
else
{
this.graph.pageVisible = false;
}
this.graph.pageBreaksVisible = this.graph.pageVisible;
this.graph.preferPageSize = this.graph.pageBreaksVisible;
var pw = parseFloat(node.getAttribute('pageWidth'));
var ph = parseFloat(node.getAttribute('pageHeight'));
if (!isNaN(pw) && !isNaN(ph))
{
this.graph.pageFormat = new mxRectangle(0, 0, pw, ph);
}
// Loads the persistent state settings
var bg = node.getAttribute('background');
if (bg != null && bg.length > 0)
{
this.graph.background = bg;
}
else
{
this.graph.background = null;
}
};
/**
* Sets the XML node for the current diagram.
*/
Editor.prototype.setGraphXml = function(node)
{
if (node != null)
{
var dec = new mxCodec(node.ownerDocument);
if (node.nodeName == 'mxGraphModel')
{
this.graph.model.beginUpdate();
try
{
this.graph.model.clear();
this.graph.view.scale = 1;
this.readGraphState(node);
this.updateGraphComponents();
dec.decode(node, this.graph.getModel());
}
finally
{
this.graph.model.endUpdate();
}
this.fireEvent(new mxEventObject('resetGraphView'));
}
else if (node.nodeName == 'root')
{
this.resetGraph();
// Workaround for invalid XML output in Firefox 20 due to bug in mxUtils.getXml
var wrapper = dec.document.createElement('mxGraphModel');
wrapper.appendChild(node);
dec.decode(wrapper, this.graph.getModel());
this.updateGraphComponents();
this.fireEvent(new mxEventObject('resetGraphView'));
}
else
{
throw {
message: mxResources.get('cannotOpenFile'),
node: node,
toString: function() { return this.message; }
};
}
}
else
{
this.resetGraph();
this.graph.model.clear();
this.fireEvent(new mxEventObject('resetGraphView'));
}
};
/**
* Returns the XML node that represents the current diagram.
*/
Editor.prototype.getGraphXml = function(ignoreSelection)
{
ignoreSelection = (ignoreSelection != null) ? ignoreSelection : true;
var node = null;
if (ignoreSelection)
{
var enc = new mxCodec(mxUtils.createXmlDocument());
node = enc.encode(this.graph.getModel());
}
else
{
node = this.graph.encodeCells(mxUtils.sortCells(this.graph.model.getTopmostCells(
this.graph.getSelectionCells())));
}
if (this.graph.view.translate.x != 0 || this.graph.view.translate.y != 0)
{
node.setAttribute('dx', Math.round(this.graph.view.translate.x * 100) / 100);
node.setAttribute('dy', Math.round(this.graph.view.translate.y * 100) / 100);
}
node.setAttribute('grid', (this.graph.isGridEnabled()) ? '1' : '0');
node.setAttribute('gridSize', this.graph.gridSize);
node.setAttribute('guides', (this.graph.graphHandler.guidesEnabled) ? '1' : '0');
node.setAttribute('tooltips', (this.graph.tooltipHandler.isEnabled()) ? '1' : '0');
node.setAttribute('connect', (this.graph.connectionHandler.isEnabled()) ? '1' : '0');
node.setAttribute('arrows', (this.graph.connectionArrowsEnabled) ? '1' : '0');
node.setAttribute('fold', (this.graph.foldingEnabled) ? '1' : '0');
node.setAttribute('page', (this.graph.pageVisible) ? '1' : '0');
node.setAttribute('pageScale', this.graph.pageScale);
node.setAttribute('pageWidth', this.graph.pageFormat.width);
node.setAttribute('pageHeight', this.graph.pageFormat.height);
if (this.graph.background != null)
{
node.setAttribute('background', this.graph.background);
}
return node;
};
/**
* Keeps the graph container in sync with the persistent graph state
*/
Editor.prototype.updateGraphComponents = function()
{
var graph = this.graph;
if (graph.container != null)
{
graph.view.validateBackground();
graph.container.style.overflow = (graph.scrollbars) ? 'auto' : this.defaultGraphOverflow;
this.fireEvent(new mxEventObject('updateGraphComponents'));
}
};
/**
* Sets the modified flag.
*/
Editor.prototype.setModified = function(value)
{
this.modified = value;
};
/**
* Sets the filename.
*/
Editor.prototype.setFilename = function(value)
{
this.filename = value;
};
/**
* Creates and returns a new undo manager.
*/
Editor.prototype.createUndoManager = function()
{
var graph = this.graph;
var undoMgr = new mxUndoManager();
this.undoListener = function(sender, evt)
{
undoMgr.undoableEditHappened(evt.getProperty('edit'));
};
// Installs the command history
var listener = mxUtils.bind(this, function(sender, evt)
{
this.undoListener.apply(this, arguments);
});
graph.getModel().addListener(mxEvent.UNDO, listener);
graph.getView().addListener(mxEvent.UNDO, listener);
// Keeps the selection in sync with the history
var undoHandler = function(sender, evt)
{
var cand = graph.getSelectionCellsForChanges(evt.getProperty('edit').changes, function(change)
{
// Only selects changes to the cell hierarchy
return !(change instanceof mxChildChange);
});
if (cand.length > 0)
{
var model = graph.getModel();
var cells = [];
for (var i = 0; i < cand.length; i++)
{
if (graph.view.getState(cand[i]) != null)
{
cells.push(cand[i]);
}
}
graph.setSelectionCells(cells);
}
};
undoMgr.addListener(mxEvent.UNDO, undoHandler);
undoMgr.addListener(mxEvent.REDO, undoHandler);
return undoMgr;
};
/**
* Adds basic stencil set (no namespace).
*/
Editor.prototype.initStencilRegistry = function() { };
/**
* Creates and returns a new undo manager.
*/
Editor.prototype.destroy = function()
{
if (this.graph != null)
{
this.graph.destroy();
this.graph = null;
}
};
/**
* Class for asynchronously opening a new window and loading a file at the same
* time. This acts as a bridge between the open dialog and the new editor.
*/
OpenFile = function(done)
{
this.producer = null;
this.consumer = null;
this.done = done;
this.args = null;
};
/**
* Registers the editor from the new window.
*/
OpenFile.prototype.setConsumer = function(value)
{
this.consumer = value;
this.execute();
};
/**
* Sets the data from the loaded file.
*/
OpenFile.prototype.setData = function()
{
this.args = arguments;
this.execute();
};
/**
* Displays an error message.
*/
OpenFile.prototype.error = function(msg)
{
this.cancel(true);
mxUtils.alert(msg);
};
/**
* Consumes the data.
*/
OpenFile.prototype.execute = function()
{
if (this.consumer != null && this.args != null)
{
this.cancel(false);
this.consumer.apply(this, this.args);
}
};
/**
* Cancels the operation.
*/
OpenFile.prototype.cancel = function(cancel)
{
if (this.done != null)
{
this.done((cancel != null) ? cancel : true);
}
};
/**
* Basic dialogs that are available in the viewer (print dialog).
*/
function Dialog(editorUi, elt, w, h, modal, closable, onClose, noScroll, transparent, onResize, ignoreBgClick)
{
var dx = 0;
var w0 = w;
var h0 = h;
var ds = mxUtils.getDocumentSize();
// Workaround for print dialog offset in viewer lightbox
if (window.innerHeight != null)
{
ds.height = window.innerHeight;
}
var dh = ds.height;
var left = Math.max(1, Math.round((ds.width - w - 64) / 2));
var top = Math.max(1, Math.round((dh - h - editorUi.footerHeight) / 3));
// Keeps window size inside available space
elt.style.maxHeight = '100%';
w = (document.body != null) ? Math.min(w, document.body.scrollWidth - 64) : w;
h = Math.min(h, dh - 64);
// Increments zIndex to put subdialogs and background over existing dialogs and background
if (editorUi.dialogs.length > 0)
{
this.zIndex += editorUi.dialogs.length * 2;
}
if (this.bg == null)
{
this.bg = editorUi.createDiv('background');
this.bg.style.position = 'absolute';
this.bg.style.background = Dialog.backdropColor;
this.bg.style.height = dh + 'px';
this.bg.style.right = '0px';
this.bg.style.zIndex = this.zIndex - 2;
mxUtils.setOpacity(this.bg, this.bgOpacity);
}
var origin = mxUtils.getDocumentScrollOrigin(document);
this.bg.style.left = origin.x + 'px';
this.bg.style.top = origin.y + 'px';
left += origin.x;
top += origin.y;
if (modal)
{
document.body.appendChild(this.bg);
}
var div = editorUi.createDiv(transparent? 'geTransDialog' : 'geDialog');
var pos = this.getPosition(left, top, w, h);
left = pos.x;
top = pos.y;
div.style.width = w + 'px';
div.style.height = h + 'px';
div.style.left = left + 'px';
div.style.top = top + 'px';
div.style.zIndex = this.zIndex;
div.appendChild(elt);
document.body.appendChild(div);
// Adds vertical scrollbars if needed
if (!noScroll && elt.clientHeight > div.clientHeight - 64)
{
elt.style.overflowY = 'auto';
}
if (closable)
{
var img = document.createElement('img');
img.setAttribute('src', Dialog.prototype.closeImage);
img.setAttribute('title', mxResources.get('close'));
img.className = 'geDialogClose';
img.style.top = (top + 14) + 'px';
img.style.left = (left + w + 38 - dx) + 'px';
img.style.zIndex = this.zIndex;
mxEvent.addListener(img, 'click', mxUtils.bind(this, function()
{
editorUi.hideDialog(true);
}));
document.body.appendChild(img);
this.dialogImg = img;
if (!ignoreBgClick)
{
var mouseDownSeen = false;
mxEvent.addGestureListeners(this.bg, mxUtils.bind(this, function(evt)
{
mouseDownSeen = true;
}), null, mxUtils.bind(this, function(evt)
{
if (mouseDownSeen)
{
editorUi.hideDialog(true);
mouseDownSeen = false;
}
}));
}
}
this.resizeListener = mxUtils.bind(this, function()
{
if (onResize != null)
{
var newWH = onResize();
if (newWH != null)
{
w0 = w = newWH.w;
h0 = h = newWH.h;
}
}
var ds = mxUtils.getDocumentSize();
dh = ds.height;
this.bg.style.height = dh + 'px';
left = Math.max(1, Math.round((ds.width - w - 64) / 2));
top = Math.max(1, Math.round((dh - h - editorUi.footerHeight) / 3));
w = (document.body != null) ? Math.min(w0, document.body.scrollWidth - 64) : w0;
h = Math.min(h0, dh - 64);
var pos = this.getPosition(left, top, w, h);
left = pos.x;
top = pos.y;
div.style.left = left + 'px';
div.style.top = top + 'px';
div.style.width = w + 'px';
div.style.height = h + 'px';
// Adds vertical scrollbars if needed
if (!noScroll && elt.clientHeight > div.clientHeight - 64)
{
elt.style.overflowY = 'auto';
}
if (this.dialogImg != null)
{
this.dialogImg.style.top = (top + 14) + 'px';
this.dialogImg.style.left = (left + w + 38 - dx) + 'px';
}
});
mxEvent.addListener(window, 'resize', this.resizeListener);
this.onDialogClose = onClose;
this.container = div;
editorUi.editor.fireEvent(new mxEventObject('showDialog'));
};
/**
*
*/
Dialog.backdropColor = 'white';
/**
*
*/
Dialog.prototype.zIndex = mxPopupMenu.prototype.zIndex - 1;
/**
*
*/
Dialog.prototype.noColorImage = (!mxClient.IS_SVG) ? IMAGE_PATH + '/nocolor.png' : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEzRDlBMUUwODYxMTExRTFCMzA4RDdDMjJBMEMxRDM3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEzRDlBMUUxODYxMTExRTFCMzA4RDdDMjJBMEMxRDM3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTNEOUExREU4NjExMTFFMUIzMDhEN0MyMkEwQzFEMzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTNEOUExREY4NjExMTFFMUIzMDhEN0MyMkEwQzFEMzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5xh3fmAAAABlBMVEX////MzMw46qqDAAAAGElEQVR42mJggAJGKGAYIIGBth8KAAIMAEUQAIElnLuQAAAAAElFTkSuQmCC';
/**
*
*/
Dialog.prototype.closeImage = (!mxClient.IS_SVG) ? IMAGE_PATH + '/close.png' : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAABlBMVEV7mr3///+wksspAAAAAnRSTlP/AOW3MEoAAAAdSURBVAgdY9jXwCDDwNDRwHCwgeExmASygSL7GgB12QiqNHZZIwAAAABJRU5ErkJggg==';
/**
*
*/
Dialog.prototype.clearImage = (!mxClient.IS_SVG) ? IMAGE_PATH + '/clear.gif' : 'data:image/gif;base64,R0lGODlhDQAKAIABAMDAwP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUIzOEM1NzI4NjEyMTFFMUEzMkNDMUE3NjZERDE2QjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUIzOEM1NzM4NjEyMTFFMUEzMkNDMUE3NjZERDE2QjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QjM4QzU3MDg2MTIxMUUxQTMyQ0MxQTc2NkREMTZCMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QjM4QzU3MTg2MTIxMUUxQTMyQ0MxQTc2NkREMTZCMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAANAAoAAAIXTGCJebD9jEOTqRlttXdrB32PJ2ncyRQAOw==';
/**
*
*/
Dialog.prototype.lockedImage = (!mxClient.IS_SVG) ? IMAGE_PATH + '/locked.png' : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzdDMDZCODExNzIxMTFFNUI0RTk5NTg4OTcyMUUyODEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzdDMDZCODIxNzIxMTFFNUI0RTk5NTg4OTcyMUUyODEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozN0MwNkI3RjE3MjExMUU1QjRFOTk1ODg5NzIxRTI4MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozN0MwNkI4MDE3MjExMUU1QjRFOTk1ODg5NzIxRTI4MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvqMCFYAAAAVUExURZmZmb+/v7KysqysrMzMzLGxsf///4g8N1cAAAAHdFJOU////////wAaSwNGAAAAPElEQVR42lTMQQ4AIQgEwUa0//9kTQirOweYOgDqAMbZUr10AGlAwx4/BJ2QJ4U0L5brYjovvpv32xZgAHZaATFtMbu4AAAAAElFTkSuQmCC';
/**
*
*/
Dialog.prototype.unlockedImage = (!mxClient.IS_SVG) ? IMAGE_PATH + '/unlocked.png' : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzdDMDZCN0QxNzIxMTFFNUI0RTk5NTg4OTcyMUUyODEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzdDMDZCN0UxNzIxMTFFNUI0RTk5NTg4OTcyMUUyODEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozN0MwNkI3QjE3MjExMUU1QjRFOTk1ODg5NzIxRTI4MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozN0MwNkI3QzE3MjExMUU1QjRFOTk1ODg5NzIxRTI4MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkKMpVwAAAAYUExURZmZmbKysr+/v6ysrOXl5czMzLGxsf///zHN5lwAAAAIdFJOU/////////8A3oO9WQAAADxJREFUeNpUzFESACAEBNBVsfe/cZJU+8Mzs8CIABCidtfGOndnYsT40HDSiCcbPdoJo10o9aI677cpwACRoAF3dFNlswAAAABJRU5ErkJggg==';
/**
* Removes the dialog from the DOM.
*/
Dialog.prototype.bgOpacity = 80;
/**
* Removes the dialog from the DOM.
*/
Dialog.prototype.getPosition = function(left, top)
{
return new mxPoint(left, top);
};
/**
* Removes the dialog from the DOM.
*/
Dialog.prototype.close = function(cancel, isEsc)
{
if (this.onDialogClose != null)
{
if (this.onDialogClose(cancel, isEsc) == false)
{
return false;
}
this.onDialogClose = null;
}
if (this.dialogImg != null)
{
this.dialogImg.parentNode.removeChild(this.dialogImg);
this.dialogImg = null;
}
if (this.bg != null && this.bg.parentNode != null)
{
this.bg.parentNode.removeChild(this.bg);
}
mxEvent.removeListener(window, 'resize', this.resizeListener);
this.container.parentNode.removeChild(this.container);
};
/**
*
*/
var ErrorDialog = function(editorUi, title, message, buttonText, fn, retry, buttonText2, fn2, hide, buttonText3, fn3)
{
hide = (hide != null) ? hide : true;
var div = document.createElement('div');
div.style.textAlign = 'center';
if (title != null)
{
var hd = document.createElement('div');
hd.style.padding = '0px';
hd.style.margin = '0px';
hd.style.fontSize = '18px';
hd.style.paddingBottom = '16px';
hd.style.marginBottom = '10px';
hd.style.borderBottom = '1px solid #c0c0c0';
hd.style.color = 'gray';
hd.style.whiteSpace = 'nowrap';
hd.style.textOverflow = 'ellipsis';
hd.style.overflow = 'hidden';
mxUtils.write(hd, title);
hd.setAttribute('title', title);
div.appendChild(hd);
}
var p2 = document.createElement('div');
p2.style.lineHeight = '1.2em';
p2.style.padding = '6px';
p2.innerHTML = message;
div.appendChild(p2);
var btns = document.createElement('div');
btns.style.marginTop = '12px';
btns.style.textAlign = 'center';
if (retry != null)
{
var retryBtn = mxUtils.button(mxResources.get('tryAgain'), function()
{
editorUi.hideDialog();
retry();
});
retryBtn.className = 'geBtn';
btns.appendChild(retryBtn);
btns.style.textAlign = 'center';
}
if (buttonText3 != null)
{
var btn3 = mxUtils.button(buttonText3, function()
{
if (fn3 != null)
{
fn3();
}
});
btn3.className = 'geBtn';
btns.appendChild(btn3);
}
var btn = mxUtils.button(buttonText, function()
{
if (hide)
{
editorUi.hideDialog();
}
if (fn != null)
{
fn();
}
});
btn.className = 'geBtn';
btns.appendChild(btn);
if (buttonText2 != null)
{
var mainBtn = mxUtils.button(buttonText2, function()
{
if (hide)
{
editorUi.hideDialog();
}
if (fn2 != null)
{
fn2();
}
});
mainBtn.className = 'geBtn gePrimaryBtn';
btns.appendChild(mainBtn);
}
this.init = function()
{
btn.focus();
};
div.appendChild(btns);
this.container = div;
};
/**
* Constructs a new print dialog.
*/
var PrintDialog = function(editorUi, title)
{
this.create(editorUi, title);
};
/**
* Constructs a new print dialog.
*/
PrintDialog.prototype.create = function(editorUi)
{
var graph = editorUi.editor.graph;
var row, td;
var table = document.createElement('table');
table.style.width = '100%';
table.style.height = '100%';
var tbody = document.createElement('tbody');
row = document.createElement('tr');
var onePageCheckBox = document.createElement('input');
onePageCheckBox.setAttribute('type', 'checkbox');
td = document.createElement('td');
td.setAttribute('colspan', '2');
td.style.fontSize = '10pt';
td.appendChild(onePageCheckBox);
var span = document.createElement('span');
mxUtils.write(span, ' ' + mxResources.get('fitPage'));
td.appendChild(span);
mxEvent.addListener(span, 'click', function(evt)
{
onePageCheckBox.checked = !onePageCheckBox.checked;
pageCountCheckBox.checked = !onePageCheckBox.checked;
mxEvent.consume(evt);
});
mxEvent.addListener(onePageCheckBox, 'change', function()
{
pageCountCheckBox.checked = !onePageCheckBox.checked;
});
row.appendChild(td);
tbody.appendChild(row);
row = row.cloneNode(false);
var pageCountCheckBox = document.createElement('input');
pageCountCheckBox.setAttribute('type', 'checkbox');
td = document.createElement('td');
td.style.fontSize = '10pt';
td.appendChild(pageCountCheckBox);
var span = document.createElement('span');
mxUtils.write(span, ' ' + mxResources.get('posterPrint') + ':');
td.appendChild(span);
mxEvent.addListener(span, 'click', function(evt)
{
pageCountCheckBox.checked = !pageCountCheckBox.checked;
onePageCheckBox.checked = !pageCountCheckBox.checked;
mxEvent.consume(evt);
});
row.appendChild(td);
var pageCountInput = document.createElement('input');
pageCountInput.setAttribute('value', '1');
pageCountInput.setAttribute('type', 'number');
pageCountInput.setAttribute('min', '1');
pageCountInput.setAttribute('size', '4');
pageCountInput.setAttribute('disabled', 'disabled');
pageCountInput.style.width = '50px';
td = document.createElement('td');
td.style.fontSize = '10pt';
td.appendChild(pageCountInput);
mxUtils.write(td, ' ' + mxResources.get('pages') + ' (max)');
row.appendChild(td);
tbody.appendChild(row);
mxEvent.addListener(pageCountCheckBox, 'change', function()
{
if (pageCountCheckBox.checked)
{
pageCountInput.removeAttribute('disabled');
}
else
{
pageCountInput.setAttribute('disabled', 'disabled');
}
onePageCheckBox.checked = !pageCountCheckBox.checked;
});
row = row.cloneNode(false);
td = document.createElement('td');
mxUtils.write(td, mxResources.get('pageScale') + ':');
row.appendChild(td);
td = document.createElement('td');
var pageScaleInput = document.createElement('input');
pageScaleInput.setAttribute('value', '100 %');
pageScaleInput.setAttribute('size', '5');
pageScaleInput.style.width = '50px';
td.appendChild(pageScaleInput);
row.appendChild(td);
tbody.appendChild(row);
row = document.createElement('tr');
td = document.createElement('td');
td.colSpan = 2;
td.style.paddingTop = '20px';
td.setAttribute('align', 'right');
// Overall scale for print-out to account for print borders in dialogs etc
function preview(print)
{
var autoOrigin