' + message + '
').data('id', curMeta.id);
- preview.append(entry);
- curMeta.entry = entry;
- }
-
+ var asyncToGenerator = function (fn) {
+ return function () {
+ var gen = fn.apply(this, arguments);
+ return new Promise(function (resolve, reject) {
+ function step(key, arg) {
+ try {
+ var info = gen[key](arg);
+ var value = info.value;
+ } catch (error) {
+ reject(error);
return;
}
- case '<':
- svgStr = true;
- break;
- case 'd':
- {
- if (response.startsWith('data:image/svg+xml')) {
- var pre = 'data:image/svg+xml;base64,';
- var src = response.substring(pre.length);
- response = decode64(src);
- svgStr = true;
- break;
- } else if (response.startsWith('data:image/')) {
- imgStr = true;
- break;
- }
- }
- // Else fall through
- default:
- // TODO: See if there's a way to base64 encode the binary data stream
- // const str = 'data:;base64,' + svgedit.utilities.encode64(response, true);
- // Assume it's raw image data
- // importImage(str);
-
- // Don't give warning as postMessage may have been used by something else
- if (mode !== 'm') {
- closeBrowser();
+ if (info.done) {
+ resolve(value);
} else {
- pending[id].entry.remove();
+ return Promise.resolve(value).then(function (value) {
+ step("next", value);
+ }, function (err) {
+ step("throw", err);
+ });
}
- // $.alert('Unexpected data was returned: ' + response, function() {
- // if (mode !== 'm') {
- // closeBrowser();
- // } else {
- // pending[id].entry.remove();
- // }
- // });
- return;
+ }
+
+ return step("next");
+ });
+ };
+ };
+
+ var _extends = Object.assign || function (target) {
+ for (var i = 1; i < arguments.length; i++) {
+ var source = arguments[i];
+
+ for (var key in source) {
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
+ target[key] = source[key];
+ }
+ }
+ }
+
+ return target;
+ };
+
+ // MIT License
+ // From: https://github.com/uupaa/dynamic-import-polyfill/blob/master/importModule.js
+
+ function toAbsoluteURL(url) {
+ var a = document.createElement('a');
+ a.setAttribute('href', url); //
+ return a.cloneNode(false).href; // -> "http://example.com/hoge.html"
+ }
+
+ function addScriptAtts(script, atts) {
+ ['id', 'class', 'type'].forEach(function (prop) {
+ if (prop in atts) {
+ script[prop] = atts[prop];
+ }
+ });
+ }
+
+ // Additions by Brett
+ var importSetGlobalDefault = function () {
+ var _ref = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(url, config) {
+ return regeneratorRuntime.wrap(function _callee$(_context) {
+ while (1) {
+ switch (_context.prev = _context.next) {
+ case 0:
+ return _context.abrupt('return', importSetGlobal(url, _extends({}, config, { returnDefault: true })));
+
+ case 1:
+ case 'end':
+ return _context.stop();
+ }
+ }
+ }, _callee, this);
+ }));
+
+ return function importSetGlobalDefault(_x, _x2) {
+ return _ref.apply(this, arguments);
+ };
+ }();
+ var importSetGlobal = function () {
+ var _ref3 = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(url, _ref2) {
+ var global = _ref2.global,
+ returnDefault = _ref2.returnDefault;
+ var modularVersion;
+ return regeneratorRuntime.wrap(function _callee2$(_context2) {
+ while (1) {
+ switch (_context2.prev = _context2.next) {
+ case 0:
+ // Todo: Replace calls to this function with `import()` when supported
+ modularVersion = !('svgEditor' in window) || !window.svgEditor || window.svgEditor.modules !== false;
+
+ if (!modularVersion) {
+ _context2.next = 3;
+ break;
+ }
+
+ return _context2.abrupt('return', importModule(url, undefined, { returnDefault: returnDefault }));
+
+ case 3:
+ _context2.next = 5;
+ return importScript(url);
+
+ case 5:
+ return _context2.abrupt('return', window[global]);
+
+ case 6:
+ case 'end':
+ return _context2.stop();
+ }
+ }
+ }, _callee2, this);
+ }));
+
+ return function importSetGlobal(_x3, _x4) {
+ return _ref3.apply(this, arguments);
+ };
+ }();
+ // Addition by Brett
+ function importScript(url) {
+ var atts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+ if (Array.isArray(url)) {
+ return Promise.all(url.map(function (u) {
+ return importScript(u, atts);
+ }));
+ }
+ return new Promise(function (resolve, reject) {
+ var script = document.createElement('script');
+ var destructor = function destructor() {
+ script.onerror = null;
+ script.onload = null;
+ script.remove();
+ script.src = '';
+ };
+ script.defer = 'defer';
+ addScriptAtts(script, atts);
+ script.onerror = function () {
+ reject(new Error('Failed to import: ' + url));
+ destructor();
+ };
+ script.onload = function () {
+ resolve();
+ destructor();
+ };
+ script.src = url;
+
+ document.head.append(script);
+ });
+ }
+
+ function importModule(url) {
+ var atts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+ var _ref4 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+ _ref4$returnDefault = _ref4.returnDefault,
+ returnDefault = _ref4$returnDefault === undefined ? false : _ref4$returnDefault;
+
+ if (Array.isArray(url)) {
+ return Promise.all(url.map(function (u) {
+ return importModule(u, atts);
+ }));
+ }
+ return new Promise(function (resolve, reject) {
+ var vector = '$importModule$' + Math.random().toString(32).slice(2);
+ var script = document.createElement('script');
+ var destructor = function destructor() {
+ delete window[vector];
+ script.onerror = null;
+ script.onload = null;
+ script.remove();
+ URL.revokeObjectURL(script.src);
+ script.src = '';
+ };
+ addScriptAtts(script, atts);
+ script.defer = 'defer';
+ script.type = 'module';
+ script.onerror = function () {
+ reject(new Error('Failed to import: ' + url));
+ destructor();
+ };
+ script.onload = function () {
+ resolve(window[vector]);
+ destructor();
+ };
+ var absURL = toAbsoluteURL(url);
+ var loader = 'import * as m from \'' + absURL.replace(/'/g, "\\'") + '\'; window.' + vector + ' = ' + (returnDefault ? 'm.default || ' : '') + 'm;'; // export Module
+ var blob = new Blob([loader], { type: 'text/javascript' });
+ script.src = URL.createObjectURL(blob);
+
+ document.head.append(script);
+ });
+ }
+
+ /* globals jQuery */
+
+ var extImagelib = {
+ name: 'imagelib',
+ init: function init(_ref) {
+ var decode64 = _ref.decode64;
+
+ var svgEditor = this;
+ var imagelibStrings = void 0;
+
+ var $ = jQuery;
+ var uiStrings = svgEditor.uiStrings,
+ svgCanvas = svgEditor.canvas;
+
+
+ function closeBrowser() {
+ $('#imgbrowse_holder').hide();
}
- switch (mode) {
- case 's':
- // Import one
- if (svgStr) {
- svgCanvas.importSvgString(response);
- } else if (imgStr) {
- importImage(response);
+ function importImage(url) {
+ var newImage = svgCanvas.addSvgElementFromJson({
+ element: 'image',
+ attr: {
+ x: 0,
+ y: 0,
+ width: 0,
+ height: 0,
+ id: svgCanvas.getNextId(),
+ style: 'pointer-events:inherit'
}
- closeBrowser();
- break;
- case 'm':
- // Import multiple
- multiArr.push([svgStr ? 'svg' : 'img', response]);
- curMeta = pending[id];
- var title = void 0;
- if (svgStr) {
- if (curMeta && curMeta.name) {
- title = curMeta.name;
- } else {
- // Try to find a title
- var xml = new DOMParser().parseFromString(response, 'text/xml').documentElement;
- title = $(xml).children('title').first().text() || '(SVG #' + response.length + ')';
- }
- if (curMeta) {
- preview.children().each(function () {
- if ($(this).data('id') === id) {
- if (curMeta.preview_url) {
- $(this).html('' + title + '
');
- submit.removeAttr('disabled');
- }
- } else {
- if (curMeta && curMeta.preview_url) {
- title = curMeta.name || '';
- }
- if (curMeta && curMeta.preview_url) {
- entry = '').append(entry));
- submit.removeAttr('disabled');
- }
+ var pending = {};
+
+ var mode = 's';
+ var multiArr = [];
+ var transferStopped = false;
+ var preview = void 0,
+ submit = void 0;
+
+ window.addEventListener('message', function (evt) {
+ // Receive `postMessage` data
+ var response = evt.data;
+
+ if (!response || typeof response !== 'string') {
+ // Do nothing
+ return;
+ }
+ try {
+ // Todo: This block can be removed (and the above check changed to
+ // insist on an object) if embedAPI moves away from a string to
+ // an object (if IE9 support not needed)
+ response = JSON.parse(response);
+ if (response.namespace !== 'imagelib') {
+ return;
}
- break;
- case 'o':
- // Open
- if (!svgStr) {
- break;
- }
- svgEditor.openPrep(function (ok) {
- if (!ok) {
+ } catch (e) {
+ return;
+ }
+
+ var hasName = 'name' in response;
+ var hasHref = 'href' in response;
+
+ if (!hasName && transferStopped) {
+ transferStopped = false;
+ return;
+ }
+
+ var id = void 0;
+ if (hasHref) {
+ id = response.href;
+ response = response.data;
+ }
+
+ // Hide possible transfer dialog box
+ $('#dialog_box').hide();
+ var entry = void 0,
+ curMeta = void 0,
+ svgStr = void 0,
+ imgStr = void 0;
+ var type = hasName ? 'meta' : response.charAt(0);
+ switch (type) {
+ case 'meta':
+ {
+ // Metadata
+ transferStopped = false;
+ curMeta = response;
+
+ pending[curMeta.id] = curMeta;
+
+ var name = curMeta.name || 'file';
+
+ var message = uiStrings.notification.retrieving.replace('%s', name);
+
+ if (mode !== 'm') {
+ $.process_cancel(message, function () {
+ transferStopped = true;
+ // Should a message be sent back to the frame?
+
+ $('#dialog_box').hide();
+ });
+ } else {
+ entry = $('
' + message + '
').data('id', curMeta.id);
+ preview.append(entry);
+ curMeta.entry = entry;
+ }
+
return;
}
- svgCanvas.clear();
- svgCanvas.setSvgString(response);
- // updateCanvas();
- });
- closeBrowser();
- break;
- }
- }, true);
-
- function toggleMulti(show) {
- $('#lib_framewrap, #imglib_opts').css({ right: show ? 200 : 10 });
- if (!preview) {
- preview = $('').css({
- position: 'absolute',
- top: 45,
- right: 10,
- width: 180,
- bottom: 45,
- background: '#fff',
- overflow: 'auto'
- }).insertAfter('#lib_framewrap');
-
- submit = $('').appendTo('#imgbrowse').on('click touchend', function () {
- $.each(multiArr, function (i) {
- var type = this[0];
- var data = this[1];
- if (type === 'svg') {
- svgCanvas.importSvgString(data);
- } else {
- importImage(data);
+ case '<':
+ svgStr = true;
+ break;
+ case 'd':
+ {
+ if (response.startsWith('data:image/svg+xml')) {
+ var pre = 'data:image/svg+xml;base64,';
+ var src = response.substring(pre.length);
+ response = decode64(src);
+ svgStr = true;
+ break;
+ } else if (response.startsWith('data:image/')) {
+ imgStr = true;
+ break;
+ }
}
- svgCanvas.moveSelectedElements(i * 20, i * 20, false);
- });
- preview.empty();
- multiArr = [];
- $('#imgbrowse_holder').hide();
- }).css({
- position: 'absolute',
- bottom: 10,
- right: -10
- });
- }
+ // Else fall through
+ default:
+ // TODO: See if there's a way to base64 encode the binary data stream
+ // const str = 'data:;base64,' + svgedit.utilities.encode64(response, true);
- preview.toggle(show);
- submit.toggle(show);
- }
+ // Assume it's raw image data
+ // importImage(str);
- function showBrowser() {
- var browser = $('#imgbrowse');
- if (!browser.length) {
- $('
').insertAfter('#svg_docprops');
- browser = $('#imgbrowse');
-
- var allLibs = uiStrings.imagelib.select_lib;
-
- var libOpts = $('
- ').appendTo(browser);
- var frame = $('').prependTo(browser).hide().wrap('
- ').appendTo(libOpts).text(name).on('click touchend', function () {
- frame.attr('src', url).show();
- header.text(name);
- libOpts.hide();
- back.show();
- }).append('' + description + '');
- });
- } else {
- $('#imgbrowse_holder').show();
- }
- }
-
- return {
- svgicons: svgEditor.curConfig.extIconsPath + 'ext-imagelib.xml',
- buttons: [{
- id: 'tool_imagelib',
- type: 'app_menu', // _flyout
- position: 4,
- title: 'Image library',
- events: {
- mouseup: showBrowser
+ // Don't give warning as postMessage may have been used by something else
+ if (mode !== 'm') {
+ closeBrowser();
+ } else {
+ pending[id].entry.remove();
+ }
+ // $.alert('Unexpected data was returned: ' + response, function() {
+ // if (mode !== 'm') {
+ // closeBrowser();
+ // } else {
+ // pending[id].entry.remove();
+ // }
+ // });
+ return;
}
- }],
- callback: function callback() {
- $('').appendTo('head');
+ /* const properlySourceSizeTextArea = function(){
+ // TODO: remove magic numbers here and get values from CSS
+ const height = $('#svg_source_container').height() - 80;
+ $('#svg_source_textarea').css('height', height);
+ }; */
+ function showPanel(on) {
+ var fcRules = $('#fc_rules');
+ if (!fcRules.length) {
+ fcRules = $('').appendTo('head');
+ }
+ fcRules.text(!on ? '' : ' #tool_topath { display: none !important; }');
+ $('#polygon_panel').toggle(on);
}
- fcRules.text(!on ? '' : ' #tool_topath { display: none !important; }');
- $('#polygon_panel').toggle(on);
- }
- /*
- function toggleSourceButtons(on){
- $('#tool_source_save, #tool_source_cancel').toggle(!on);
- $('#polygon_save, #polygon_cancel').toggle(on);
- }
- */
+ /*
+ function toggleSourceButtons(on){
+ $('#tool_source_save, #tool_source_cancel').toggle(!on);
+ $('#polygon_save, #polygon_cancel').toggle(on);
+ }
+ */
- function setAttr(attr, val) {
- svgCanvas.changeSelectedAttribute(attr, val);
- S.call('changed', selElems);
- }
+ function setAttr(attr, val) {
+ svgCanvas.changeSelectedAttribute(attr, val);
+ S.call('changed', selElems);
+ }
- function cot(n) {
- return 1 / Math.tan(n);
- }
+ function cot(n) {
+ return 1 / Math.tan(n);
+ }
- function sec(n) {
- return 1 / Math.cos(n);
- }
+ function sec(n) {
+ return 1 / Math.cos(n);
+ }
- /**
- * Obtained from http://code.google.com/p/passenger-top/source/browse/instiki/public/svg-edit/editor/extensions/ext-itex.js?r=3
- * This function sets the content of of the currently-selected foreignObject element,
- * based on the itex contained in string.
- * @param {string} tex The itex text.
- * @returns This function returns false if the set was unsuccessful, true otherwise.
- */
- /*
- function setItexString(tex) {
- const mathns = 'http://www.w3.org/1998/Math/MathML',
- xmlnsns = 'http://www.w3.org/2000/xmlns/',
- ajaxEndpoint = '../../itex';
- const elt = selElems[0];
- try {
- const math = svgdoc.createElementNS(mathns, 'math');
- math.setAttributeNS(xmlnsns, 'xmlns', mathns);
- math.setAttribute('display', 'inline');
- const semantics = document.createElementNS(mathns, 'semantics');
- const annotation = document.createElementNS(mathns, 'annotation');
- annotation.setAttribute('encoding', 'application/x-tex');
- annotation.textContent = tex;
- const mrow = document.createElementNS(mathns, 'mrow');
- semantics.appendChild(mrow);
- semantics.appendChild(annotation);
- math.appendChild(semantics);
- // make an AJAX request to the server, to get the MathML
- $.post(ajaxEndpoint, {tex, display: 'inline'}, function(data){
- const children = data.documentElement.childNodes;
- while (children.length > 0) {
- mrow.appendChild(svgdoc.adoptNode(children[0], true));
- }
- S.sanitizeSvg(math);
+ /**
+ * Obtained from http://code.google.com/p/passenger-top/source/browse/instiki/public/svg-edit/editor/extensions/ext-itex.js?r=3
+ * This function sets the content of of the currently-selected foreignObject element,
+ * based on the itex contained in string.
+ * @param {string} tex The itex text.
+ * @returns This function returns false if the set was unsuccessful, true otherwise.
+ */
+ /*
+ function setItexString(tex) {
+ const mathns = 'http://www.w3.org/1998/Math/MathML',
+ xmlnsns = 'http://www.w3.org/2000/xmlns/',
+ ajaxEndpoint = '../../itex';
+ const elt = selElems[0];
+ try {
+ const math = svgdoc.createElementNS(mathns, 'math');
+ math.setAttributeNS(xmlnsns, 'xmlns', mathns);
+ math.setAttribute('display', 'inline');
+ const semantics = document.createElementNS(mathns, 'semantics');
+ const annotation = document.createElementNS(mathns, 'annotation');
+ annotation.setAttribute('encoding', 'application/x-tex');
+ annotation.textContent = tex;
+ const mrow = document.createElementNS(mathns, 'mrow');
+ semantics.append(mrow, annotation);
+ math.append(semantics);
+ // make an AJAX request to the server, to get the MathML
+ $.post(ajaxEndpoint, {tex, display: 'inline'}, function(data){
+ const children = data.documentElement.childNodes;
+ while (children.length > 0) {
+ mrow.append(svgdoc.adoptNode(children[0], true));
+ }
+ S.sanitizeSvg(math);
+ S.call('changed', [elt]);
+ });
+ elt.firstChild.replaceWith(math);
S.call('changed', [elt]);
- });
- elt.replaceChild(math, elt.firstChild);
- S.call('changed', [elt]);
- svgCanvas.clearSelection();
- } catch(e) {
- console.log(e);
- return false;
+ svgCanvas.clearSelection();
+ } catch(e) {
+ console.log(e);
+ return false;
+ }
+ return true;
}
- return true;
- }
- */
- return {
- name: 'polygon',
- svgicons: svgEditor.curConfig.extIconsPath + 'polygon-icons.svg',
- buttons: [{
- id: 'tool_polygon',
- type: 'mode',
- title: 'Polygon Tool',
- position: 11,
- events: {
- click: function click() {
- svgCanvas.setMode('polygon');
- showPanel(true);
- }
- }
- }],
-
- context_tools: [{
- type: 'input',
- panel: 'polygon_panel',
- title: 'Number of Sides',
- id: 'polySides',
- label: 'sides',
- size: 3,
- defval: 5,
- events: {
- change: function change() {
- setAttr('sides', this.value);
- }
- }
- }],
-
- callback: function callback() {
- $('#polygon_panel').hide();
-
- // TODO: Needs to be done after orig icon loads
- setTimeout(function () {
- // Create source save/cancel buttons
- /* const save = */$('#tool_source_save').clone().hide().attr('id', 'polygon_save').unbind().appendTo('#tool_source_back').click(function () {
- {
- return;
- }
- // }
- // setSelectMode();
- });
-
- /* const cancel = */$('#tool_source_cancel').clone().hide().attr('id', 'polygon_cancel').unbind().appendTo('#tool_source_back').click(function () {
- });
- }, 3000);
- },
- mouseDown: function mouseDown(opts) {
- // const e = opts.event;
- var rgb = svgCanvas.getColor('fill');
- // const ccRgbEl = rgb.substring(1, rgb.length);
- var sRgb = svgCanvas.getColor('stroke');
- // ccSRgbEl = sRgb.substring(1, rgb.length);
- var sWidth = svgCanvas.getStrokeWidth();
-
- if (svgCanvas.getMode() === 'polygon') {
- started = true;
-
- newFO = S.addSvgElementFromJson({
- element: 'polygon',
- attr: {
- cx: opts.start_x,
- cy: opts.start_y,
- id: S.getNextId(),
- shape: 'regularPoly',
- sides: document.getElementById('polySides').value,
- orient: 'x',
- edge: 0,
- fill: rgb,
- strokecolor: sRgb,
- strokeWidth: sWidth
- }
- });
-
- return {
- started: true
- };
- }
- },
- mouseMove: function mouseMove(opts) {
- if (!started) {
- return;
- }
- if (svgCanvas.getMode() === 'polygon') {
- // const e = opts.event;
- var c = $(newFO).attr(['cx', 'cy', 'sides', 'orient', 'fill', 'strokecolor', 'strokeWidth']);
- var x = opts.mouse_x;
- var y = opts.mouse_y;
- var cx = c.cx,
- cy = c.cy,
- fill = c.fill,
- strokecolor = c.strokecolor,
- strokeWidth = c.strokeWidth,
- sides = c.sides,
- edg = Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy)) / 1.5;
-
- newFO.setAttributeNS(null, 'edge', edg);
-
- var inradius = edg / 2 * cot(Math.PI / sides);
- var circumradius = inradius * sec(Math.PI / sides);
- var points = '';
- for (var s = 0; sides >= s; s++) {
- var angle = 2.0 * Math.PI * s / sides;
- x = circumradius * Math.cos(angle) + cx;
- y = circumradius * Math.sin(angle) + cy;
-
- points += x + ',' + y + ' ';
- }
-
- // const poly = newFO.createElementNS(NS.SVG, 'polygon');
- newFO.setAttributeNS(null, 'points', points);
- newFO.setAttributeNS(null, 'fill', fill);
- newFO.setAttributeNS(null, 'stroke', strokecolor);
- newFO.setAttributeNS(null, 'stroke-width', strokeWidth);
- // newFO.setAttributeNS(null, 'transform', 'rotate(-90)');
- // const shape = newFO.getAttributeNS(null, 'shape');
- // newFO.appendChild(poly);
- // DrawPoly(cx, cy, sides, edg, orient);
- return {
- started: true
- };
- }
- },
- mouseUp: function mouseUp(opts) {
- if (svgCanvas.getMode() === 'polygon') {
- var attrs = $(newFO).attr('edge');
- var keep = attrs.edge !== '0';
- // svgCanvas.addToSelection([newFO], true);
- return {
- keep: keep,
- element: newFO
- };
- }
- },
- selectedChanged: function selectedChanged(opts) {
- // Use this to update the current selected elements
- selElems = opts.elems;
-
- var i = selElems.length;
- while (i--) {
- var elem = selElems[i];
- if (elem && elem.getAttributeNS(null, 'shape') === 'regularPoly') {
- if (opts.selectedElement && !opts.multiselected) {
- $('#polySides').val(elem.getAttribute('sides'));
-
+ */
+ return {
+ name: 'polygon',
+ svgicons: svgEditor.curConfig.extIconsPath + 'polygon-icons.svg',
+ buttons: [{
+ id: 'tool_polygon',
+ type: 'mode',
+ title: 'Polygon Tool',
+ position: 11,
+ events: {
+ click: function click() {
+ svgCanvas.setMode('polygon');
showPanel(true);
+ }
+ }
+ }],
+
+ context_tools: [{
+ type: 'input',
+ panel: 'polygon_panel',
+ title: 'Number of Sides',
+ id: 'polySides',
+ label: 'sides',
+ size: 3,
+ defval: 5,
+ events: {
+ change: function change() {
+ setAttr('sides', this.value);
+ }
+ }
+ }],
+
+ callback: function callback() {
+ $('#polygon_panel').hide();
+
+ // TODO: Needs to be done after orig icon loads
+ setTimeout(function () {
+ // Create source save/cancel buttons
+ /* const save = */$('#tool_source_save').clone().hide().attr('id', 'polygon_save').unbind().appendTo('#tool_source_back').click(function () {
+ {
+ return;
+ }
+ // }
+ // setSelectMode();
+ });
+
+ /* const cancel = */$('#tool_source_cancel').clone().hide().attr('id', 'polygon_cancel').unbind().appendTo('#tool_source_back').click(function () {
+ });
+ }, 3000);
+ },
+ mouseDown: function mouseDown(opts) {
+ // const e = opts.event;
+ var rgb = svgCanvas.getColor('fill');
+ // const ccRgbEl = rgb.substring(1, rgb.length);
+ var sRgb = svgCanvas.getColor('stroke');
+ // ccSRgbEl = sRgb.substring(1, rgb.length);
+ var sWidth = svgCanvas.getStrokeWidth();
+
+ if (svgCanvas.getMode() === 'polygon') {
+ started = true;
+
+ newFO = S.addSvgElementFromJson({
+ element: 'polygon',
+ attr: {
+ cx: opts.start_x,
+ cy: opts.start_y,
+ id: S.getNextId(),
+ shape: 'regularPoly',
+ sides: document.getElementById('polySides').value,
+ orient: 'x',
+ edge: 0,
+ fill: rgb,
+ strokecolor: sRgb,
+ strokeWidth: sWidth
+ }
+ });
+
+ return {
+ started: true
+ };
+ }
+ },
+ mouseMove: function mouseMove(opts) {
+ if (!started) {
+ return;
+ }
+ if (svgCanvas.getMode() === 'polygon') {
+ // const e = opts.event;
+ var c = $(newFO).attr(['cx', 'cy', 'sides', 'orient', 'fill', 'strokecolor', 'strokeWidth']);
+ var x = opts.mouse_x;
+ var y = opts.mouse_y;
+ var cx = c.cx,
+ cy = c.cy,
+ fill = c.fill,
+ strokecolor = c.strokecolor,
+ strokeWidth = c.strokeWidth,
+ sides = c.sides,
+ edg = Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy)) / 1.5;
+
+ newFO.setAttributeNS(null, 'edge', edg);
+
+ var inradius = edg / 2 * cot(Math.PI / sides);
+ var circumradius = inradius * sec(Math.PI / sides);
+ var points = '';
+ for (var s = 0; sides >= s; s++) {
+ var angle = 2.0 * Math.PI * s / sides;
+ x = circumradius * Math.cos(angle) + cx;
+ y = circumradius * Math.sin(angle) + cy;
+
+ points += x + ',' + y + ' ';
+ }
+
+ // const poly = newFO.createElementNS(NS.SVG, 'polygon');
+ newFO.setAttributeNS(null, 'points', points);
+ newFO.setAttributeNS(null, 'fill', fill);
+ newFO.setAttributeNS(null, 'stroke', strokecolor);
+ newFO.setAttributeNS(null, 'stroke-width', strokeWidth);
+ // newFO.setAttributeNS(null, 'transform', 'rotate(-90)');
+ // const shape = newFO.getAttributeNS(null, 'shape');
+ // newFO.append(poly);
+ // DrawPoly(cx, cy, sides, edg, orient);
+ return {
+ started: true
+ };
+ }
+ },
+ mouseUp: function mouseUp(opts) {
+ if (svgCanvas.getMode() === 'polygon') {
+ var attrs = $(newFO).attr('edge');
+ var keep = attrs.edge !== '0';
+ // svgCanvas.addToSelection([newFO], true);
+ return {
+ keep: keep,
+ element: newFO
+ };
+ }
+ },
+ selectedChanged: function selectedChanged(opts) {
+ // Use this to update the current selected elements
+ selElems = opts.elems;
+
+ var i = selElems.length;
+ while (i--) {
+ var elem = selElems[i];
+ if (elem && elem.getAttributeNS(null, 'shape') === 'regularPoly') {
+ if (opts.selectedElement && !opts.multiselected) {
+ $('#polySides').val(elem.getAttribute('sides'));
+
+ showPanel(true);
+ } else {
+ showPanel(false);
+ }
} else {
showPanel(false);
}
- } else {
- showPanel(false);
}
+ },
+ elementChanged: function elementChanged(opts) {
+ // const elem = opts.elems[0];
}
- },
- elementChanged: function elementChanged(opts) {
- // const elem = opts.elems[0];
- }
- };
- });
+ };
+ }
+ };
+
+ return extPolygon;
}());
diff --git a/dist/extensions/ext-server_moinsave.js b/dist/extensions/ext-server_moinsave.js
index dc322a12..f302c044 100644
--- a/dist/extensions/ext-server_moinsave.js
+++ b/dist/extensions/ext-server_moinsave.js
@@ -1,25 +1,4000 @@
-(function () {
+var svgEditorExtension_server_moinsave = (function () {
'use strict';
- /* globals jQuery */
- /*
- * ext-server_moinsave.js
- *
- * Licensed under the MIT License
- *
- * Copyright(c) 2010 Alexis Deveria
- * 2011 MoinMoin:ReimarBauer
- * adopted for moinmoins item storage. it sends in one post png and svg data
- * (I agree to dual license my work to additional GPLv2 or later)
- *
+ var asyncToGenerator = function (fn) {
+ return function () {
+ var gen = fn.apply(this, arguments);
+ return new Promise(function (resolve, reject) {
+ function step(key, arg) {
+ try {
+ var info = gen[key](arg);
+ var value = info.value;
+ } catch (error) {
+ reject(error);
+ return;
+ }
+
+ if (info.done) {
+ resolve(value);
+ } else {
+ return Promise.resolve(value).then(function (value) {
+ step("next", value);
+ }, function (err) {
+ step("throw", err);
+ });
+ }
+ }
+
+ return step("next");
+ });
+ };
+ };
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ var slicedToArray = function () {
+ function sliceIterator(arr, i) {
+ var _arr = [];
+ var _n = true;
+ var _d = false;
+ var _e = undefined;
+
+ try {
+ for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+ _arr.push(_s.value);
+
+ if (i && _arr.length === i) break;
+ }
+ } catch (err) {
+ _d = true;
+ _e = err;
+ } finally {
+ try {
+ if (!_n && _i["return"]) _i["return"]();
+ } finally {
+ if (_d) throw _e;
+ }
+ }
+
+ return _arr;
+ }
+
+ return function (arr, i) {
+ if (Array.isArray(arr)) {
+ return arr;
+ } else if (Symbol.iterator in Object(arr)) {
+ return sliceIterator(arr, i);
+ } else {
+ throw new TypeError("Invalid attempt to destructure non-iterable instance");
+ }
+ };
+ }();
+
+ var toConsumableArray = function (arr) {
+ if (Array.isArray(arr)) {
+ for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+ return arr2;
+ } else {
+ return Array.from(arr);
+ }
+ };
+
+ var simpleColors = {
+ aliceblue: 'f0f8ff',
+ antiquewhite: 'faebd7',
+ aqua: '00ffff',
+ aquamarine: '7fffd4',
+ azure: 'f0ffff',
+ beige: 'f5f5dc',
+ bisque: 'ffe4c4',
+ black: '000000',
+ blanchedalmond: 'ffebcd',
+ blue: '0000ff',
+ blueviolet: '8a2be2',
+ brown: 'a52a2a',
+ burlywood: 'deb887',
+ cadetblue: '5f9ea0',
+ chartreuse: '7fff00',
+ chocolate: 'd2691e',
+ coral: 'ff7f50',
+ cornflowerblue: '6495ed',
+ cornsilk: 'fff8dc',
+ crimson: 'dc143c',
+ cyan: '00ffff',
+ darkblue: '00008b',
+ darkcyan: '008b8b',
+ darkgoldenrod: 'b8860b',
+ darkgray: 'a9a9a9',
+ darkgreen: '006400',
+ darkkhaki: 'bdb76b',
+ darkmagenta: '8b008b',
+ darkolivegreen: '556b2f',
+ darkorange: 'ff8c00',
+ darkorchid: '9932cc',
+ darkred: '8b0000',
+ darksalmon: 'e9967a',
+ darkseagreen: '8fbc8f',
+ darkslateblue: '483d8b',
+ darkslategray: '2f4f4f',
+ darkturquoise: '00ced1',
+ darkviolet: '9400d3',
+ deeppink: 'ff1493',
+ deepskyblue: '00bfff',
+ dimgray: '696969',
+ dodgerblue: '1e90ff',
+ feldspar: 'd19275',
+ firebrick: 'b22222',
+ floralwhite: 'fffaf0',
+ forestgreen: '228b22',
+ fuchsia: 'ff00ff',
+ gainsboro: 'dcdcdc',
+ ghostwhite: 'f8f8ff',
+ gold: 'ffd700',
+ goldenrod: 'daa520',
+ gray: '808080',
+ green: '008000',
+ greenyellow: 'adff2f',
+ honeydew: 'f0fff0',
+ hotpink: 'ff69b4',
+ indianred: 'cd5c5c',
+ indigo: '4b0082',
+ ivory: 'fffff0',
+ khaki: 'f0e68c',
+ lavender: 'e6e6fa',
+ lavenderblush: 'fff0f5',
+ lawngreen: '7cfc00',
+ lemonchiffon: 'fffacd',
+ lightblue: 'add8e6',
+ lightcoral: 'f08080',
+ lightcyan: 'e0ffff',
+ lightgoldenrodyellow: 'fafad2',
+ lightgrey: 'd3d3d3',
+ lightgreen: '90ee90',
+ lightpink: 'ffb6c1',
+ lightsalmon: 'ffa07a',
+ lightseagreen: '20b2aa',
+ lightskyblue: '87cefa',
+ lightslateblue: '8470ff',
+ lightslategray: '778899',
+ lightsteelblue: 'b0c4de',
+ lightyellow: 'ffffe0',
+ lime: '00ff00',
+ limegreen: '32cd32',
+ linen: 'faf0e6',
+ magenta: 'ff00ff',
+ maroon: '800000',
+ mediumaquamarine: '66cdaa',
+ mediumblue: '0000cd',
+ mediumorchid: 'ba55d3',
+ mediumpurple: '9370d8',
+ mediumseagreen: '3cb371',
+ mediumslateblue: '7b68ee',
+ mediumspringgreen: '00fa9a',
+ mediumturquoise: '48d1cc',
+ mediumvioletred: 'c71585',
+ midnightblue: '191970',
+ mintcream: 'f5fffa',
+ mistyrose: 'ffe4e1',
+ moccasin: 'ffe4b5',
+ navajowhite: 'ffdead',
+ navy: '000080',
+ oldlace: 'fdf5e6',
+ olive: '808000',
+ olivedrab: '6b8e23',
+ orange: 'ffa500',
+ orangered: 'ff4500',
+ orchid: 'da70d6',
+ palegoldenrod: 'eee8aa',
+ palegreen: '98fb98',
+ paleturquoise: 'afeeee',
+ palevioletred: 'd87093',
+ papayawhip: 'ffefd5',
+ peachpuff: 'ffdab9',
+ peru: 'cd853f',
+ pink: 'ffc0cb',
+ plum: 'dda0dd',
+ powderblue: 'b0e0e6',
+ purple: '800080',
+ red: 'ff0000',
+ rosybrown: 'bc8f8f',
+ royalblue: '4169e1',
+ saddlebrown: '8b4513',
+ salmon: 'fa8072',
+ sandybrown: 'f4a460',
+ seagreen: '2e8b57',
+ seashell: 'fff5ee',
+ sienna: 'a0522d',
+ silver: 'c0c0c0',
+ skyblue: '87ceeb',
+ slateblue: '6a5acd',
+ slategray: '708090',
+ snow: 'fffafa',
+ springgreen: '00ff7f',
+ steelblue: '4682b4',
+ tan: 'd2b48c',
+ teal: '008080',
+ thistle: 'd8bfd8',
+ tomato: 'ff6347',
+ turquoise: '40e0d0',
+ violet: 'ee82ee',
+ violetred: 'd02090',
+ wheat: 'f5deb3',
+ white: 'ffffff',
+ whitesmoke: 'f5f5f5',
+ yellow: 'ffff00',
+ yellowgreen: '9acd32'
+ };
+
+ // array of color definition objects
+ var colorDefs = [{
+ re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
+ example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
+ process: function process(bits) {
+ return [parseInt(bits[1], 10), parseInt(bits[2], 10), parseInt(bits[3], 10)];
+ }
+ }, {
+ re: /^(\w{2})(\w{2})(\w{2})$/,
+ example: ['#00ff00', '336699'],
+ process: function process(bits) {
+ return [parseInt(bits[1], 16), parseInt(bits[2], 16), parseInt(bits[3], 16)];
+ }
+ }, {
+ re: /^(\w{1})(\w{1})(\w{1})$/,
+ example: ['#fb0', 'f0f'],
+ process: function process(bits) {
+ return [parseInt(bits[1] + bits[1], 16), parseInt(bits[2] + bits[2], 16), parseInt(bits[3] + bits[3], 16)];
+ }
+ }];
+
+ /**
+ * A class to parse color values
+ * @author Stoyan Stefanov
');
-
- var header = $('').prependTo(browser).text(allLibs).css({
- position: 'absolute',
- top: 0,
- left: 0,
- width: '100%'
- });
-
- var cancel = $('').appendTo(browser).on('click touchend', function () {
- $('#imgbrowse_holder').hide();
- }).css({
- position: 'absolute',
- top: 5,
- right: -10
- });
-
- var leftBlock = $('').css({ position: 'absolute', top: 5, left: 10 }).appendTo(browser);
-
- var back = $('').appendTo(leftBlock).on('click touchend', function () {
- frame.attr('src', 'about:blank').hide();
- libOpts.show();
- header.text(allLibs);
- back.hide();
- }).css({
- 'margin-right': 5
- }).hide();
-
- /* const type = */$('').appendTo(leftBlock).change(function () {
- mode = $(this).val();
- switch (mode) {
- case 's':
- case 'o':
- toggleMulti(false);
- break;
-
- case 'm':
- // Import multiple
- toggleMulti(true);
- break;
- }
- }).css({
- 'margin-top': 10
- });
-
- cancel.prepend($.getSvgIcon('cancel', true));
- back.prepend($.getSvgIcon('tool_imagelib', true));
-
- $.each(imgLibs, function (i, _ref2) {
- var name = _ref2.name,
- url = _ref2.url,
- description = _ref2.description;
-
- $('