diff --git a/dist/index-es.js b/dist/index-es.js index 6e5407c7..14ec7a82 100644 --- a/dist/index-es.js +++ b/dist/index-es.js @@ -2609,7 +2609,7 @@ function importScript(url) { destructor(); }; script.onload = function () { - resolve(window[vector]); + resolve(); destructor(); }; script.src = url; @@ -7540,11 +7540,11 @@ var executeAfterLoads = function executeAfterLoads(name, scripts, cb) { return importer(script); }); }, Promise.resolve()).then(function () { - loadedScripts[name] = true; endCallback(); loadedScripts[name].forEach(function (cb) { cb(); }); + loadedScripts[name] = true; })(); } }; @@ -8237,7 +8237,6 @@ function build(opts) { // transforms svg.Transform = function (v) { - var that = this; this.Type = {}; // translate @@ -8307,10 +8306,8 @@ function build(opts) { function _class2(s) { classCallCheck(this, _class2); - var _this2 = possibleConstructorReturn(this, (_class2.__proto__ || Object.getPrototypeOf(_class2)).call(this)); + var _this2 = possibleConstructorReturn(this, (_class2.__proto__ || Object.getPrototypeOf(_class2)).call(this, s)); - _this2.base = that.Type.matrix; - _this2.base(s); _this2.angle = new svg.Property('angle', s); return _this2; } @@ -8324,10 +8321,8 @@ function build(opts) { function _class3(s) { classCallCheck(this, _class3); - var _this3 = possibleConstructorReturn(this, (_class3.__proto__ || Object.getPrototypeOf(_class3)).call(this)); + var _this3 = possibleConstructorReturn(this, (_class3.__proto__ || Object.getPrototypeOf(_class3)).call(this, s)); - _this3.base = that.Type.SkewBase; - _this3.base(s); _this3.m = [1, 0, Math.tan(_this3.angle.toRadians()), 1, 0, 0]; return _this3; } @@ -8341,10 +8336,8 @@ function build(opts) { function _class4(s) { classCallCheck(this, _class4); - var _this4 = possibleConstructorReturn(this, (_class4.__proto__ || Object.getPrototypeOf(_class4)).call(this)); + var _this4 = possibleConstructorReturn(this, (_class4.__proto__ || Object.getPrototypeOf(_class4)).call(this, s)); - _this4.base = that.Type.SkewBase; - _this4.base(s); _this4.m = [1, Math.tan(_this4.angle.toRadians()), 0, 1, 0, 0]; return _this4; } @@ -8612,10 +8605,7 @@ function build(opts) { function _class5(node) { classCallCheck(this, _class5); - var _this5 = possibleConstructorReturn(this, (_class5.__proto__ || Object.getPrototypeOf(_class5)).call(this)); - - _this5.base = svg.Element.ElementBase; - _this5.base(node); + var _this5 = possibleConstructorReturn(this, (_class5.__proto__ || Object.getPrototypeOf(_class5)).call(this, node)); _this5.setContext = function (ctx) { // fill @@ -8708,10 +8698,7 @@ function build(opts) { function _class6(node) { classCallCheck(this, _class6); - var _this6 = possibleConstructorReturn(this, (_class6.__proto__ || Object.getPrototypeOf(_class6)).call(this)); - - _this6.base = svg.Element.RenderedElementBase; - _this6.base(node); + var _this6 = possibleConstructorReturn(this, (_class6.__proto__ || Object.getPrototypeOf(_class6)).call(this, node)); _this6.path = function (ctx) { if (ctx != null) ctx.beginPath(); @@ -8769,10 +8756,7 @@ function build(opts) { function _class7(node) { classCallCheck(this, _class7); - var _this7 = possibleConstructorReturn(this, (_class7.__proto__ || Object.getPrototypeOf(_class7)).call(this)); - - _this7.base = svg.Element.RenderedElementBase; - _this7.base(node); + var _this7 = possibleConstructorReturn(this, (_class7.__proto__ || Object.getPrototypeOf(_class7)).call(this, node)); _this7.baseClearContext = _this7.clearContext; _this7.clearContext = function (ctx) { @@ -8853,10 +8837,7 @@ function build(opts) { function _class8(node) { classCallCheck(this, _class8); - var _this8 = possibleConstructorReturn(this, (_class8.__proto__ || Object.getPrototypeOf(_class8)).call(this)); - - _this8.base = svg.Element.PathElementBase; - _this8.base(node); + var _this8 = possibleConstructorReturn(this, (_class8.__proto__ || Object.getPrototypeOf(_class8)).call(this, node)); _this8.path = function (ctx) { var x = this.attribute('x').toPixels('x'); @@ -8898,10 +8879,7 @@ function build(opts) { function _class9(node) { classCallCheck(this, _class9); - var _this9 = possibleConstructorReturn(this, (_class9.__proto__ || Object.getPrototypeOf(_class9)).call(this)); - - _this9.base = svg.Element.PathElementBase; - _this9.base(node); + var _this9 = possibleConstructorReturn(this, (_class9.__proto__ || Object.getPrototypeOf(_class9)).call(this, node)); _this9.path = function (ctx) { var cx = this.attribute('cx').toPixels('x'); @@ -8929,10 +8907,7 @@ function build(opts) { function _class10(node) { classCallCheck(this, _class10); - var _this10 = possibleConstructorReturn(this, (_class10.__proto__ || Object.getPrototypeOf(_class10)).call(this)); - - _this10.base = svg.Element.PathElementBase; - _this10.base(node); + var _this10 = possibleConstructorReturn(this, (_class10.__proto__ || Object.getPrototypeOf(_class10)).call(this, node)); _this10.path = function (ctx) { var KAPPA = 4 * ((Math.sqrt(2) - 1) / 3); @@ -8966,10 +8941,7 @@ function build(opts) { function _class11(node) { classCallCheck(this, _class11); - var _this11 = possibleConstructorReturn(this, (_class11.__proto__ || Object.getPrototypeOf(_class11)).call(this)); - - _this11.base = svg.Element.PathElementBase; - _this11.base(node); + var _this11 = possibleConstructorReturn(this, (_class11.__proto__ || Object.getPrototypeOf(_class11)).call(this, node)); _this11.getPoints = function () { return [new svg.Point(this.attribute('x1').toPixels('x'), this.attribute('y1').toPixels('y')), new svg.Point(this.attribute('x2').toPixels('x'), this.attribute('y2').toPixels('y'))]; @@ -9005,10 +8977,7 @@ function build(opts) { function _class12(node) { classCallCheck(this, _class12); - var _this12 = possibleConstructorReturn(this, (_class12.__proto__ || Object.getPrototypeOf(_class12)).call(this)); - - _this12.base = svg.Element.PathElementBase; - _this12.base(node); + var _this12 = possibleConstructorReturn(this, (_class12.__proto__ || Object.getPrototypeOf(_class12)).call(this, node)); _this12.points = svg.CreatePath(_this12.attribute('points').value); _this12.path = function (ctx) { @@ -9045,10 +9014,7 @@ function build(opts) { function _class13(node) { classCallCheck(this, _class13); - var _this13 = possibleConstructorReturn(this, (_class13.__proto__ || Object.getPrototypeOf(_class13)).call(this)); - - _this13.base = svg.Element.polyline; - _this13.base(node); + var _this13 = possibleConstructorReturn(this, (_class13.__proto__ || Object.getPrototypeOf(_class13)).call(this, node)); _this13.basePath = _this13.path; _this13.path = function (ctx) { @@ -9072,10 +9038,7 @@ function build(opts) { function _class14(node) { classCallCheck(this, _class14); - var _this14 = possibleConstructorReturn(this, (_class14.__proto__ || Object.getPrototypeOf(_class14)).call(this)); - - _this14.base = svg.Element.PathElementBase; - _this14.base(node); + var _this14 = possibleConstructorReturn(this, (_class14.__proto__ || Object.getPrototypeOf(_class14)).call(this, node)); var d = _this14.attribute('d').value; // TODO: convert to real lexer based on https://www.w3.org/TR/SVG11/paths.html#PathDataBNF @@ -9418,10 +9381,7 @@ function build(opts) { function _class15(node) { classCallCheck(this, _class15); - var _this15 = possibleConstructorReturn(this, (_class15.__proto__ || Object.getPrototypeOf(_class15)).call(this)); - - _this15.base = svg.Element.ElementBase; - _this15.base(node); + var _this15 = possibleConstructorReturn(this, (_class15.__proto__ || Object.getPrototypeOf(_class15)).call(this, node)); _this15.createPattern = function (ctx, element) { var width = this.attribute('width').toPixels('x', true); @@ -9467,10 +9427,7 @@ function build(opts) { function _class16(node) { classCallCheck(this, _class16); - var _this16 = possibleConstructorReturn(this, (_class16.__proto__ || Object.getPrototypeOf(_class16)).call(this)); - - _this16.base = svg.Element.ElementBase; - _this16.base(node); + var _this16 = possibleConstructorReturn(this, (_class16.__proto__ || Object.getPrototypeOf(_class16)).call(this, node)); _this16.baseRender = _this16.render; _this16.render = function (ctx, point, angle) { @@ -9509,10 +9466,7 @@ function build(opts) { function _class17(node) { classCallCheck(this, _class17); - var _this17 = possibleConstructorReturn(this, (_class17.__proto__ || Object.getPrototypeOf(_class17)).call(this)); - - _this17.base = svg.Element.ElementBase; - _this17.base(node); + var _this17 = possibleConstructorReturn(this, (_class17.__proto__ || Object.getPrototypeOf(_class17)).call(this, node)); _this17.render = function (ctx) { // NOOP @@ -9530,10 +9484,7 @@ function build(opts) { function _class18(node) { classCallCheck(this, _class18); - var _this18 = possibleConstructorReturn(this, (_class18.__proto__ || Object.getPrototypeOf(_class18)).call(this)); - - _this18.base = svg.Element.ElementBase; - _this18.base(node); + var _this18 = possibleConstructorReturn(this, (_class18.__proto__ || Object.getPrototypeOf(_class18)).call(this, node)); _this18.gradientUnits = _this18.attribute('gradientUnits').valueOrDefault('objectBoundingBox'); @@ -9609,10 +9560,7 @@ function build(opts) { function _class19(node) { classCallCheck(this, _class19); - var _this19 = possibleConstructorReturn(this, (_class19.__proto__ || Object.getPrototypeOf(_class19)).call(this)); - - _this19.base = svg.Element.GradientBase; - _this19.base(node); + var _this19 = possibleConstructorReturn(this, (_class19.__proto__ || Object.getPrototypeOf(_class19)).call(this, node)); _this19.getGradient = function (ctx, element) { var bb = this.gradientUnits === 'objectBoundingBox' ? element.getBoundingBox() : null; @@ -9645,10 +9593,7 @@ function build(opts) { function _class20(node) { classCallCheck(this, _class20); - var _this20 = possibleConstructorReturn(this, (_class20.__proto__ || Object.getPrototypeOf(_class20)).call(this)); - - _this20.base = svg.Element.GradientBase; - _this20.base(node); + var _this20 = possibleConstructorReturn(this, (_class20.__proto__ || Object.getPrototypeOf(_class20)).call(this, node)); _this20.getGradient = function (ctx, element) { var bb = element.getBoundingBox(); @@ -9686,10 +9631,7 @@ function build(opts) { function _class21(node) { classCallCheck(this, _class21); - var _this21 = possibleConstructorReturn(this, (_class21.__proto__ || Object.getPrototypeOf(_class21)).call(this)); - - _this21.base = svg.Element.ElementBase; - _this21.base(node); + var _this21 = possibleConstructorReturn(this, (_class21.__proto__ || Object.getPrototypeOf(_class21)).call(this, node)); _this21.offset = _this21.attribute('offset').numValue(); if (_this21.offset < 0) _this21.offset = 0; @@ -9713,10 +9655,7 @@ function build(opts) { function _class22(node) { classCallCheck(this, _class22); - var _this22 = possibleConstructorReturn(this, (_class22.__proto__ || Object.getPrototypeOf(_class22)).call(this)); - - _this22.base = svg.Element.ElementBase; - _this22.base(node); + var _this22 = possibleConstructorReturn(this, (_class22.__proto__ || Object.getPrototypeOf(_class22)).call(this, node)); svg.Animations.push(_this22); @@ -9820,10 +9759,7 @@ function build(opts) { function _class23(node) { classCallCheck(this, _class23); - var _this23 = possibleConstructorReturn(this, (_class23.__proto__ || Object.getPrototypeOf(_class23)).call(this)); - - _this23.base = svg.Element.AnimateBase; - _this23.base(node); + var _this23 = possibleConstructorReturn(this, (_class23.__proto__ || Object.getPrototypeOf(_class23)).call(this, node)); _this23.calcValue = function () { var p = this.progress(); @@ -9845,10 +9781,7 @@ function build(opts) { function _class24(node) { classCallCheck(this, _class24); - var _this24 = possibleConstructorReturn(this, (_class24.__proto__ || Object.getPrototypeOf(_class24)).call(this)); - - _this24.base = svg.Element.AnimateBase; - _this24.base(node); + var _this24 = possibleConstructorReturn(this, (_class24.__proto__ || Object.getPrototypeOf(_class24)).call(this, node)); _this24.calcValue = function () { var p = this.progress(); @@ -9877,10 +9810,7 @@ function build(opts) { function _class25(node) { classCallCheck(this, _class25); - var _this25 = possibleConstructorReturn(this, (_class25.__proto__ || Object.getPrototypeOf(_class25)).call(this)); - - _this25.base = svg.Element.AnimateBase; - _this25.base(node); + var _this25 = possibleConstructorReturn(this, (_class25.__proto__ || Object.getPrototypeOf(_class25)).call(this, node)); _this25.calcValue = function () { var p = this.progress(); @@ -9907,10 +9837,7 @@ function build(opts) { function _class26(node) { classCallCheck(this, _class26); - var _this26 = possibleConstructorReturn(this, (_class26.__proto__ || Object.getPrototypeOf(_class26)).call(this)); - - _this26.base = svg.Element.ElementBase; - _this26.base(node); + var _this26 = possibleConstructorReturn(this, (_class26.__proto__ || Object.getPrototypeOf(_class26)).call(this, node)); _this26.horizAdvX = _this26.attribute('horiz-adv-x').numValue(); @@ -9954,10 +9881,7 @@ function build(opts) { function _class27(node) { classCallCheck(this, _class27); - var _this27 = possibleConstructorReturn(this, (_class27.__proto__ || Object.getPrototypeOf(_class27)).call(this)); - - _this27.base = svg.Element.ElementBase; - _this27.base(node); + var _this27 = possibleConstructorReturn(this, (_class27.__proto__ || Object.getPrototypeOf(_class27)).call(this, node)); _this27.ascent = _this27.attribute('ascent').value; _this27.descent = _this27.attribute('descent').value; @@ -9975,10 +9899,7 @@ function build(opts) { function _class28(node) { classCallCheck(this, _class28); - var _this28 = possibleConstructorReturn(this, (_class28.__proto__ || Object.getPrototypeOf(_class28)).call(this)); - - _this28.base = svg.Element.path; - _this28.base(node); + var _this28 = possibleConstructorReturn(this, (_class28.__proto__ || Object.getPrototypeOf(_class28)).call(this, node)); _this28.horizAdvX = 0; return _this28; @@ -9994,10 +9915,7 @@ function build(opts) { function _class29(node) { classCallCheck(this, _class29); - var _this29 = possibleConstructorReturn(this, (_class29.__proto__ || Object.getPrototypeOf(_class29)).call(this)); - - _this29.base = svg.Element.path; - _this29.base(node); + var _this29 = possibleConstructorReturn(this, (_class29.__proto__ || Object.getPrototypeOf(_class29)).call(this, node)); _this29.horizAdvX = _this29.attribute('horiz-adv-x').numValue(); _this29.unicode = _this29.attribute('unicode').value; @@ -10015,11 +9933,9 @@ function build(opts) { function _class30(node) { classCallCheck(this, _class30); - var _this30 = possibleConstructorReturn(this, (_class30.__proto__ || Object.getPrototypeOf(_class30)).call(this)); + var _this30 = possibleConstructorReturn(this, (_class30.__proto__ || Object.getPrototypeOf(_class30)).call(this, node)); _this30.captureTextNodes = true; - _this30.base = svg.Element.RenderedElementBase; - _this30.base(node); _this30.baseSetContext = _this30.setContext; _this30.setContext = function (ctx) { @@ -10101,10 +10017,7 @@ function build(opts) { function _class31(node) { classCallCheck(this, _class31); - var _this31 = possibleConstructorReturn(this, (_class31.__proto__ || Object.getPrototypeOf(_class31)).call(this)); - - _this31.base = svg.Element.RenderedElementBase; - _this31.base(node); + var _this31 = possibleConstructorReturn(this, (_class31.__proto__ || Object.getPrototypeOf(_class31)).call(this, node)); _this31.getGlyph = function (font, text, i) { var c = text[i]; @@ -10215,11 +10128,9 @@ function build(opts) { function _class32(node) { classCallCheck(this, _class32); - var _this32 = possibleConstructorReturn(this, (_class32.__proto__ || Object.getPrototypeOf(_class32)).call(this)); + var _this32 = possibleConstructorReturn(this, (_class32.__proto__ || Object.getPrototypeOf(_class32)).call(this, node)); _this32.captureTextNodes = true; - _this32.base = svg.Element.TextElementBase; - _this32.base(node); _this32.text = node.nodeValue || node.text || ''; _this32.getText = function () { @@ -10238,10 +10149,7 @@ function build(opts) { function _class33(node) { classCallCheck(this, _class33); - var _this33 = possibleConstructorReturn(this, (_class33.__proto__ || Object.getPrototypeOf(_class33)).call(this)); - - _this33.base = svg.Element.TextElementBase; - _this33.base(node); + var _this33 = possibleConstructorReturn(this, (_class33.__proto__ || Object.getPrototypeOf(_class33)).call(this, node)); _this33.getText = function () { var element = this.getHrefAttribute().getDefinition(); @@ -10260,10 +10168,7 @@ function build(opts) { function _class34(node) { classCallCheck(this, _class34); - var _this34 = possibleConstructorReturn(this, (_class34.__proto__ || Object.getPrototypeOf(_class34)).call(this)); - - _this34.base = svg.Element.TextElementBase; - _this34.base(node); + var _this34 = possibleConstructorReturn(this, (_class34.__proto__ || Object.getPrototypeOf(_class34)).call(this, node)); _this34.hasText = true; for (var i = 0, childNode; childNode = node.childNodes[i]; i++) { @@ -10312,10 +10217,7 @@ function build(opts) { function _class35(node) { classCallCheck(this, _class35); - var _this35 = possibleConstructorReturn(this, (_class35.__proto__ || Object.getPrototypeOf(_class35)).call(this)); - - _this35.base = svg.Element.RenderedElementBase; - _this35.base(node); + var _this35 = possibleConstructorReturn(this, (_class35.__proto__ || Object.getPrototypeOf(_class35)).call(this, node)); var href = _this35.getHrefAttribute().value; if (href === '') { @@ -10382,10 +10284,7 @@ function build(opts) { function _class36(node) { classCallCheck(this, _class36); - var _this36 = possibleConstructorReturn(this, (_class36.__proto__ || Object.getPrototypeOf(_class36)).call(this)); - - _this36.base = svg.Element.RenderedElementBase; - _this36.base(node); + var _this36 = possibleConstructorReturn(this, (_class36.__proto__ || Object.getPrototypeOf(_class36)).call(this, node)); _this36.getBoundingBox = function () { var bb = new svg.BoundingBox(); @@ -10407,10 +10306,7 @@ function build(opts) { function _class37(node) { classCallCheck(this, _class37); - var _this37 = possibleConstructorReturn(this, (_class37.__proto__ || Object.getPrototypeOf(_class37)).call(this)); - - _this37.base = svg.Element.RenderedElementBase; - _this37.base(node); + var _this37 = possibleConstructorReturn(this, (_class37.__proto__ || Object.getPrototypeOf(_class37)).call(this, node)); _this37.render = function (ctx) { // NO RENDER @@ -10428,12 +10324,9 @@ function build(opts) { function _class38(node) { classCallCheck(this, _class38); - var _this38 = possibleConstructorReturn(this, (_class38.__proto__ || Object.getPrototypeOf(_class38)).call(this)); - - _this38.base = svg.Element.ElementBase; - _this38.base(node); - // text, or spaces then CDATA + var _this38 = possibleConstructorReturn(this, (_class38.__proto__ || Object.getPrototypeOf(_class38)).call(this, node)); + var css = ''; for (var i = 0, childNode; childNode = node.childNodes[i]; i++) { css += childNode.nodeValue; @@ -10493,10 +10386,7 @@ function build(opts) { function _class39(node) { classCallCheck(this, _class39); - var _this39 = possibleConstructorReturn(this, (_class39.__proto__ || Object.getPrototypeOf(_class39)).call(this)); - - _this39.base = svg.Element.RenderedElementBase; - _this39.base(node); + var _this39 = possibleConstructorReturn(this, (_class39.__proto__ || Object.getPrototypeOf(_class39)).call(this, node)); _this39.baseSetContext = _this39.setContext; _this39.setContext = function (ctx) { @@ -10551,10 +10441,7 @@ function build(opts) { function _class40(node) { classCallCheck(this, _class40); - var _this40 = possibleConstructorReturn(this, (_class40.__proto__ || Object.getPrototypeOf(_class40)).call(this)); - - _this40.base = svg.Element.ElementBase; - _this40.base(node); + var _this40 = possibleConstructorReturn(this, (_class40.__proto__ || Object.getPrototypeOf(_class40)).call(this, node)); _this40.apply = function (ctx, element) { // render as temp svg @@ -10616,10 +10503,7 @@ function build(opts) { function _class41(node) { classCallCheck(this, _class41); - var _this41 = possibleConstructorReturn(this, (_class41.__proto__ || Object.getPrototypeOf(_class41)).call(this)); - - _this41.base = svg.Element.ElementBase; - _this41.base(node); + var _this41 = possibleConstructorReturn(this, (_class41.__proto__ || Object.getPrototypeOf(_class41)).call(this, node)); _this41.apply = function (ctx) { for (var i = 0; i < this.children.length; i++) { @@ -10655,10 +10539,7 @@ function build(opts) { function _class42(node) { classCallCheck(this, _class42); - var _this42 = possibleConstructorReturn(this, (_class42.__proto__ || Object.getPrototypeOf(_class42)).call(this)); - - _this42.base = svg.Element.ElementBase; - _this42.base(node); + var _this42 = possibleConstructorReturn(this, (_class42.__proto__ || Object.getPrototypeOf(_class42)).call(this, node)); _this42.apply = function (ctx, element) { // render as temp svg @@ -10714,10 +10595,7 @@ function build(opts) { function _class43(node) { classCallCheck(this, _class43); - var _this43 = possibleConstructorReturn(this, (_class43.__proto__ || Object.getPrototypeOf(_class43)).call(this)); - - _this43.base = svg.Element.ElementBase; - _this43.base(node); + var _this43 = possibleConstructorReturn(this, (_class43.__proto__ || Object.getPrototypeOf(_class43)).call(this, node)); _this43.apply = function (ctx, x, y, width, height) { // TODO: implement @@ -10734,10 +10612,7 @@ function build(opts) { function _class44(node) { classCallCheck(this, _class44); - var _this44 = possibleConstructorReturn(this, (_class44.__proto__ || Object.getPrototypeOf(_class44)).call(this)); - - _this44.base = svg.Element.ElementBase; - _this44.base(node); + var _this44 = possibleConstructorReturn(this, (_class44.__proto__ || Object.getPrototypeOf(_class44)).call(this, node)); _this44.apply = function (ctx, x, y, width, height) { // TODO: implement @@ -10754,10 +10629,7 @@ function build(opts) { function _class45(node) { classCallCheck(this, _class45); - var _this45 = possibleConstructorReturn(this, (_class45.__proto__ || Object.getPrototypeOf(_class45)).call(this)); - - _this45.base = svg.Element.ElementBase; - _this45.base(node); + var _this45 = possibleConstructorReturn(this, (_class45.__proto__ || Object.getPrototypeOf(_class45)).call(this, node)); var matrix = svg.ToNumberArray(_this45.attribute('values').value); switch (_this45.attribute('type').valueOrDefault('matrix')) {// https://www.w3.org/TR/SVG/filters.html#feColorMatrixElement @@ -10820,10 +10692,7 @@ function build(opts) { function _class46(node) { classCallCheck(this, _class46); - var _this46 = possibleConstructorReturn(this, (_class46.__proto__ || Object.getPrototypeOf(_class46)).call(this)); - - _this46.base = svg.Element.ElementBase; - _this46.base(node); + var _this46 = possibleConstructorReturn(this, (_class46.__proto__ || Object.getPrototypeOf(_class46)).call(this, node)); _this46.blurRadius = Math.floor(_this46.attribute('stdDeviation').numValue()); _this46.extraFilterDistance = _this46.blurRadius; @@ -25950,13 +25819,250 @@ editor.init = function () { editor.putLocale(null, goodLangs, curConfig); }; - // Load extensions - // Bit of a hack to run extensions in local Opera/IE9 - if (document.location.protocol === 'file:') { - setTimeout(extFunc, 100); - } else { - extFunc(); - } + var stateObj = { tool_scale: editor.tool_scale }; + + var setFlyoutPositions = function setFlyoutPositions() { + $$b('.tools_flyout').each(function () { + var shower = $$b('#' + this.id + '_show'); + var pos = shower.offset(); + var w = shower.outerWidth(); + $$b(this).css({ left: (pos.left + w) * editor.tool_scale, top: pos.top }); + }); + }; + + var scaleElements = function scaleElements(elems, scale) { + // const prefix = '-' + uaPrefix.toLowerCase() + '-'; // Currently unused + var sides = ['top', 'left', 'bottom', 'right']; + + elems.each(function () { + // Handled in CSS + // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')'; + var el = $$b(this); + var w = el.outerWidth() * (scale - 1); + var h = el.outerHeight() * (scale - 1); + // const margins = {}; // Currently unused + + for (var i = 0; i < 4; i++) { + var s = sides[i]; + var cur = el.data('orig_margin-' + s); + if (cur == null) { + cur = parseInt(el.css('margin-' + s), 10); + // Cache the original margin + el.data('orig_margin-' + s, cur); + } + var val = cur * scale; + if (s === 'right') { + val += w; + } else if (s === 'bottom') { + val += h; + } + + el.css('margin-' + s, val); + // el.css('outline', '1px solid red'); + } + }); + }; + + var setIconSize = editor.setIconSize = function (size) { + // const elems = $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open'); + var selToscale = '#tools_top .toolset, #editor_panel > *, #history_panel > *,' + ' #main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,' + ' #g_panel > *, #tool_font_size > *, .tools_flyout'; + + var elems = $$b(selToscale); + + var scale = 1; + if (typeof size === 'number') { + scale = size; + } else { + var iconSizes = { s: 0.75, m: 1, l: 1.25, xl: 1.5 }; + scale = iconSizes[size]; + } + + stateObj.tool_scale = editor.tool_scale = scale; + + setFlyoutPositions(); + // $('.tools_flyout').each(function () { + // const pos = $(this).position(); + // console.log($(this), pos.left+(34 * scale)); + // $(this).css({left: pos.left+(34 * scale), top: pos.top+(77 * scale)}); + // console.log('l', $(this).css('left')); + // }); + // + // const scale = .75; + + var hiddenPs = elems.parents(':hidden'); + hiddenPs.css('visibility', 'hidden').show(); + scaleElements(elems, scale); + hiddenPs.css('visibility', 'visible').hide(); + // return; + + $$b.pref('iconsize', size); + $$b('#iconsize').val(size); + + // Change icon size + // $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open') + // .find('> svg, > img').each(function () { + // this.setAttribute('width',size_num); + // this.setAttribute('height',size_num); + // }); + // + // $.resizeSvgIcons({ + // '.flyout_arrow_horiz > svg, .flyout_arrow_horiz > img': size_num / 5, + // '#logo > svg, #logo > img': size_num * 1.3, + // '#tools_bottom .icon_label > *': (size_num === 16 ? 18 : size_num * .75) + // }); + // if (size != 's') { + // $.resizeSvgIcons({'#layerbuttons svg, #layerbuttons img': size_num * .6}); + // } + + // Note that all rules will be prefixed with '#svg_editor' when parsed + var cssResizeRules = { + // '.tool_button,\ + // .push_button,\ + // .tool_button_current,\ + // .push_button_pressed,\ + // .disabled,\ + // .icon_label,\ + // .tools_flyout .tool_button': { + // width: {s: '16px', l: '32px', xl: '48px'}, + // height: {s: '16px', l: '32px', xl: '48px'}, + // padding: {s: '1px', l: '2px', xl: '3px'} + // }, + // '.tool_sep': { + // height: {s: '16px', l: '32px', xl: '48px'}, + // margin: {s: '2px 2px', l: '2px 5px', xl: '2px 8px'} + // }, + // '#main_icon': { + // width: {s: '31px', l: '53px', xl: '75px'}, + // height: {s: '22px', l: '42px', xl: '64px'} + // }, + '#tools_top': { + left: 50 + $$b('#main_button').width(), + height: 72 + }, + '#tools_left': { + width: 31, + top: 74 + }, + 'div#workarea': { + left: 38, + top: 74 + // '#tools_bottom': { + // left: {s: '27px', l: '46px', xl: '65px'}, + // height: {s: '58px', l: '98px', xl: '145px'} + // }, + // '#color_tools': { + // 'border-spacing': {s: '0 1px'}, + // 'margin-top': {s: '-1px'} + // }, + // '#color_tools .icon_label': { + // width: {l:'43px', xl: '60px'} + // }, + // '.color_tool': { + // height: {s: '20px'} + // }, + // '#tool_opacity': { + // top: {s: '1px'}, + // height: {s: 'auto', l:'auto', xl:'auto'} + // }, + // '#tools_top input, #tools_bottom input': { + // 'margin-top': {s: '2px', l: '4px', xl: '5px'}, + // height: {s: 'auto', l: 'auto', xl: 'auto'}, + // border: {s: '1px solid #555', l: 'auto', xl: 'auto'}, + // 'font-size': {s: '.9em', l: '1.2em', xl: '1.4em'} + // }, + // '#zoom_panel': { + // 'margin-top': {s: '3px', l: '4px', xl: '5px'} + // }, + // '#copyright, #tools_bottom .label': { + // 'font-size': {l: '1.5em', xl: '2em'}, + // 'line-height': {s: '15px'} + // }, + // '#tools_bottom_2': { + // width: {l: '295px', xl: '355px'}, + // top: {s: '4px'} + // }, + // '#tools_top > div, #tools_top': { + // 'line-height': {s: '17px', l: '34px', xl: '50px'} + // }, + // '.dropdown button': { + // height: {s: '18px', l: '34px', xl: '40px'}, + // 'line-height': {s: '18px', l: '34px', xl: '40px'}, + // 'margin-top': {s: '3px'} + // }, + // '#tools_top label, #tools_bottom label': { + // 'font-size': {s: '1em', l: '1.5em', xl: '2em'}, + // height: {s: '25px', l: '42px', xl: '64px'} + // }, + // 'div.toolset': { + // height: {s: '25px', l: '42px', xl: '64px'} + // }, + // '#tool_bold, #tool_italic': { + // 'font-size': {s: '1.5em', l: '3em', xl: '4.5em'} + // }, + // '#sidepanels': { + // top: {s: '50px', l: '88px', xl: '125px'}, + // bottom: {s: '51px', l: '68px', xl: '65px'} + // }, + // '#layerbuttons': { + // width: {l: '130px', xl: '175px'}, + // height: {l: '24px', xl: '30px'} + // }, + // '#layerlist': { + // width: {l: '128px', xl: '150px'} + // }, + // '.layer_button': { + // width: {l: '19px', xl: '28px'}, + // height: {l: '19px', xl: '28px'} + // }, + // 'input.spin-button': { + // 'background-image': {l: 'url('images/spinbtn_updn_big.png')', xl: 'url('images/spinbtn_updn_big.png')'}, + // 'background-position': {l: '100% -5px', xl: '100% -2px'}, + // 'padding-right': {l: '24px', xl: '24px' } + // }, + // 'input.spin-button.up': { + // 'background-position': {l: '100% -45px', xl: '100% -42px'} + // }, + // 'input.spin-button.down': { + // 'background-position': {l: '100% -85px', xl: '100% -82px'} + // }, + // '#position_opts': { + // width: {all: (size_num*4) +'px'} + // } + } }; + + var ruleElem = $$b('#tool_size_rules'); + if (!ruleElem.length) { + ruleElem = $$b('').appendTo('head'); + } else { + ruleElem.empty(); + } + + if (size !== 'm') { + var styleStr = ''; + $$b.each(cssResizeRules, function (selector, rules) { + selector = '#svg_editor ' + selector.replace(/,/g, ', #svg_editor'); + styleStr += selector + '{'; + $$b.each(rules, function (prop, values) { + var val = void 0; + if (typeof values === 'number') { + val = values * scale + 'px'; + } else if (values[size] || values.all) { + val = values[size] || values.all; + } + styleStr += prop + ':' + val + ';'; + }); + styleStr += '}'; + }); + // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')'; + var prefix = '-' + uaPrefix.toLowerCase() + '-'; + styleStr += selToscale + '{' + prefix + 'transform: scale(' + scale + ');}' + ' #svg_editor div.toolset .toolset {' + prefix + 'transform: scale(1); margin: 1px !important;}' + // Hack for markers + ' #svg_editor .ui-slider {' + prefix + 'transform: scale(' + 1 / scale + ');}' // Hack for sliders + ; + ruleElem.text(styleStr); + } + + setFlyoutPositions(); + }; $$b.svgIcons(curConfig.imgPath + 'svg_edit_icons.svg', { w: 24, h: 24, id_match: false, @@ -27453,15 +27559,6 @@ editor.init = function () { }); }; - var setFlyoutPositions = function setFlyoutPositions() { - $$b('.tools_flyout').each(function () { - var shower = $$b('#' + this.id + '_show'); - var pos = shower.offset(); - var w = shower.outerWidth(); - $$b(this).css({ left: (pos.left + w) * editor.tool_scale, top: pos.top }); - }); - }; - var setupFlyouts = function setupFlyouts(holders) { $$b.each(holders, function (holdSel, btnOpts) { var buttons = $$b(holdSel).children(); @@ -27603,240 +27700,6 @@ editor.init = function () { return ''; }(); - var scaleElements = function scaleElements(elems, scale) { - // const prefix = '-' + uaPrefix.toLowerCase() + '-'; // Currently unused - var sides = ['top', 'left', 'bottom', 'right']; - - elems.each(function () { - // Handled in CSS - // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')'; - var el = $$b(this); - var w = el.outerWidth() * (scale - 1); - var h = el.outerHeight() * (scale - 1); - // const margins = {}; // Currently unused - - for (var _i2 = 0; _i2 < 4; _i2++) { - var s = sides[_i2]; - var cur = el.data('orig_margin-' + s); - if (cur == null) { - cur = parseInt(el.css('margin-' + s), 10); - // Cache the original margin - el.data('orig_margin-' + s, cur); - } - var val = cur * scale; - if (s === 'right') { - val += w; - } else if (s === 'bottom') { - val += h; - } - - el.css('margin-' + s, val); - // el.css('outline', '1px solid red'); - } - }); - }; - - var setIconSize = editor.setIconSize = function (size) { - // const elems = $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open'); - var selToscale = '#tools_top .toolset, #editor_panel > *, #history_panel > *,' + ' #main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,' + ' #g_panel > *, #tool_font_size > *, .tools_flyout'; - - var elems = $$b(selToscale); - - var scale = 1; - if (typeof size === 'number') { - scale = size; - } else { - var iconSizes = { s: 0.75, m: 1, l: 1.25, xl: 1.5 }; - scale = iconSizes[size]; - } - - stateObj.tool_scale = editor.tool_scale = scale; - - setFlyoutPositions(); - // $('.tools_flyout').each(function () { - // const pos = $(this).position(); - // console.log($(this), pos.left+(34 * scale)); - // $(this).css({left: pos.left+(34 * scale), top: pos.top+(77 * scale)}); - // console.log('l', $(this).css('left')); - // }); - // - // const scale = .75; - - var hiddenPs = elems.parents(':hidden'); - hiddenPs.css('visibility', 'hidden').show(); - scaleElements(elems, scale); - hiddenPs.css('visibility', 'visible').hide(); - // return; - - $$b.pref('iconsize', size); - $$b('#iconsize').val(size); - - // Change icon size - // $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open') - // .find('> svg, > img').each(function () { - // this.setAttribute('width',size_num); - // this.setAttribute('height',size_num); - // }); - // - // $.resizeSvgIcons({ - // '.flyout_arrow_horiz > svg, .flyout_arrow_horiz > img': size_num / 5, - // '#logo > svg, #logo > img': size_num * 1.3, - // '#tools_bottom .icon_label > *': (size_num === 16 ? 18 : size_num * .75) - // }); - // if (size != 's') { - // $.resizeSvgIcons({'#layerbuttons svg, #layerbuttons img': size_num * .6}); - // } - - // Note that all rules will be prefixed with '#svg_editor' when parsed - var cssResizeRules = { - // '.tool_button,\ - // .push_button,\ - // .tool_button_current,\ - // .push_button_pressed,\ - // .disabled,\ - // .icon_label,\ - // .tools_flyout .tool_button': { - // width: {s: '16px', l: '32px', xl: '48px'}, - // height: {s: '16px', l: '32px', xl: '48px'}, - // padding: {s: '1px', l: '2px', xl: '3px'} - // }, - // '.tool_sep': { - // height: {s: '16px', l: '32px', xl: '48px'}, - // margin: {s: '2px 2px', l: '2px 5px', xl: '2px 8px'} - // }, - // '#main_icon': { - // width: {s: '31px', l: '53px', xl: '75px'}, - // height: {s: '22px', l: '42px', xl: '64px'} - // }, - '#tools_top': { - left: 50 + $$b('#main_button').width(), - height: 72 - }, - '#tools_left': { - width: 31, - top: 74 - }, - 'div#workarea': { - left: 38, - top: 74 - // '#tools_bottom': { - // left: {s: '27px', l: '46px', xl: '65px'}, - // height: {s: '58px', l: '98px', xl: '145px'} - // }, - // '#color_tools': { - // 'border-spacing': {s: '0 1px'}, - // 'margin-top': {s: '-1px'} - // }, - // '#color_tools .icon_label': { - // width: {l:'43px', xl: '60px'} - // }, - // '.color_tool': { - // height: {s: '20px'} - // }, - // '#tool_opacity': { - // top: {s: '1px'}, - // height: {s: 'auto', l:'auto', xl:'auto'} - // }, - // '#tools_top input, #tools_bottom input': { - // 'margin-top': {s: '2px', l: '4px', xl: '5px'}, - // height: {s: 'auto', l: 'auto', xl: 'auto'}, - // border: {s: '1px solid #555', l: 'auto', xl: 'auto'}, - // 'font-size': {s: '.9em', l: '1.2em', xl: '1.4em'} - // }, - // '#zoom_panel': { - // 'margin-top': {s: '3px', l: '4px', xl: '5px'} - // }, - // '#copyright, #tools_bottom .label': { - // 'font-size': {l: '1.5em', xl: '2em'}, - // 'line-height': {s: '15px'} - // }, - // '#tools_bottom_2': { - // width: {l: '295px', xl: '355px'}, - // top: {s: '4px'} - // }, - // '#tools_top > div, #tools_top': { - // 'line-height': {s: '17px', l: '34px', xl: '50px'} - // }, - // '.dropdown button': { - // height: {s: '18px', l: '34px', xl: '40px'}, - // 'line-height': {s: '18px', l: '34px', xl: '40px'}, - // 'margin-top': {s: '3px'} - // }, - // '#tools_top label, #tools_bottom label': { - // 'font-size': {s: '1em', l: '1.5em', xl: '2em'}, - // height: {s: '25px', l: '42px', xl: '64px'} - // }, - // 'div.toolset': { - // height: {s: '25px', l: '42px', xl: '64px'} - // }, - // '#tool_bold, #tool_italic': { - // 'font-size': {s: '1.5em', l: '3em', xl: '4.5em'} - // }, - // '#sidepanels': { - // top: {s: '50px', l: '88px', xl: '125px'}, - // bottom: {s: '51px', l: '68px', xl: '65px'} - // }, - // '#layerbuttons': { - // width: {l: '130px', xl: '175px'}, - // height: {l: '24px', xl: '30px'} - // }, - // '#layerlist': { - // width: {l: '128px', xl: '150px'} - // }, - // '.layer_button': { - // width: {l: '19px', xl: '28px'}, - // height: {l: '19px', xl: '28px'} - // }, - // 'input.spin-button': { - // 'background-image': {l: 'url('images/spinbtn_updn_big.png')', xl: 'url('images/spinbtn_updn_big.png')'}, - // 'background-position': {l: '100% -5px', xl: '100% -2px'}, - // 'padding-right': {l: '24px', xl: '24px' } - // }, - // 'input.spin-button.up': { - // 'background-position': {l: '100% -45px', xl: '100% -42px'} - // }, - // 'input.spin-button.down': { - // 'background-position': {l: '100% -85px', xl: '100% -82px'} - // }, - // '#position_opts': { - // width: {all: (size_num*4) +'px'} - // } - } }; - - var ruleElem = $$b('#tool_size_rules'); - if (!ruleElem.length) { - ruleElem = $$b('').appendTo('head'); - } else { - ruleElem.empty(); - } - - if (size !== 'm') { - var styleStr = ''; - $$b.each(cssResizeRules, function (selector, rules) { - selector = '#svg_editor ' + selector.replace(/,/g, ', #svg_editor'); - styleStr += selector + '{'; - $$b.each(rules, function (prop, values) { - var val = void 0; - if (typeof values === 'number') { - val = values * scale + 'px'; - } else if (values[size] || values.all) { - val = values[size] || values.all; - } - styleStr += prop + ':' + val + ';'; - }); - styleStr += '}'; - }); - // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')'; - var prefix = '-' + uaPrefix.toLowerCase() + '-'; - styleStr += selToscale + '{' + prefix + 'transform: scale(' + scale + ');}' + ' #svg_editor div.toolset .toolset {' + prefix + 'transform: scale(1); margin: 1px !important;}' + // Hack for markers - ' #svg_editor .ui-slider {' + prefix + 'transform: scale(' + 1 / scale + ');}' // Hack for sliders - ; - ruleElem.text(styleStr); - } - - setFlyoutPositions(); - }; - // TODO: Combine this with addDropDown or find other way to optimize var addAltDropDown = function addAltDropDown(elem, list, callback, opts) { var button = $$b(elem); @@ -29487,9 +29350,9 @@ editor.init = function () { // in Opera and Chrome if (isMac() && !window.opera) { var shortcutButtons = ['tool_clear', 'tool_save', 'tool_source', 'tool_undo', 'tool_redo', 'tool_clone']; - var _i3 = shortcutButtons.length; - while (_i3--) { - var button = document.getElementById(shortcutButtons[_i3]); + var _i2 = shortcutButtons.length; + while (_i2--) { + var button = document.getElementById(shortcutButtons[_i2]); if (button) { var title = button.title; @@ -29590,10 +29453,10 @@ editor.init = function () { var childs = selectedElement.getElementsByTagName('*'); var gPaint = null; - for (var _i4 = 0, len = childs.length; _i4 < len; _i4++) { - var elem = childs[_i4]; + for (var _i3 = 0, len = childs.length; _i3 < len; _i3++) { + var elem = childs[_i3]; var p = elem.getAttribute(type); - if (_i4 === 0) { + if (_i3 === 0) { gPaint = p; } else if (gPaint !== p) { gPaint = null; @@ -30291,7 +30154,6 @@ editor.init = function () { }); // init SpinButtons - var stateObj = { tool_scale: editor.tool_scale }; $$b('#rect_rx').SpinButton({ min: 0, max: 1000, stateObj: stateObj, callback: changeRectRadius }); $$b('#stroke_width').SpinButton({ min: 0, max: 99, smallStep: 0.1, stateObj: stateObj, callback: changeStrokeWidth }); $$b('#angle').SpinButton({ min: -180, max: 180, step: 5, stateObj: stateObj, callback: changeRotationAngle }); @@ -30407,6 +30269,10 @@ editor.init = function () { } }, false); + editor.canvas.getUIStrings = function () { + return uiStrings$1; + }; + editor.openPrep = function (func) { $$b('#main_menu').hide(); if (undoMgr.getUndoStackSize() === 0) { @@ -30614,6 +30480,13 @@ editor.init = function () { curConfig: curConfig, setLang: setLang }); + // Load extensions + // Bit of a hack to run extensions in local Opera/IE9 + if (document.location.protocol === 'file:') { + setTimeout(extFunc, 100); + } else { + extFunc(); + } }; editor.ready = function (cb) { diff --git a/dist/index-es.min.js b/dist/index-es.min.js index 40046382..83d61f55 100644 --- a/dist/index-es.min.js +++ b/dist/index-es.min.js @@ -1,2 +1,2 @@ -function touchHandler(e){var t=e.changedTouches,n=t[0],a="";switch(e.type){case"touchstart":a="mousedown";break;case"touchmove":a="mousemove";break;case"touchend":a="mouseup";break;default:return}var r=document.createEvent("MouseEvent");r.initMouseEvent(a,!0,!0,window,1,n.screenX,n.screenY,n.clientX,n.clientY,!1,!1,!1,!1,0,null),t.length<2&&(n.target.dispatchEvent(r),e.preventDefault())}document.addEventListener("touchstart",touchHandler,!0),document.addEventListener("touchmove",touchHandler,!0),document.addEventListener("touchend",touchHandler,!0),document.addEventListener("touchcancel",touchHandler,!0);var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},classCallCheck=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},createClass=function(){function e(e,t){for(var n=0;nt.getTotalLength())break;n--}while(n>0);return n}),window.SVGPathSeg=e,window.SVGPathSegClosePath=t,window.SVGPathSegMovetoAbs=n,window.SVGPathSegMovetoRel=a,window.SVGPathSegLinetoAbs=r,window.SVGPathSegLinetoRel=i,window.SVGPathSegCurvetoCubicAbs=s,window.SVGPathSegCurvetoCubicRel=o,window.SVGPathSegCurvetoQuadraticAbs=l,window.SVGPathSegCurvetoQuadraticRel=u,window.SVGPathSegArcAbs=c,window.SVGPathSegArcRel=h,window.SVGPathSegLinetoHorizontalAbs=d,window.SVGPathSegLinetoHorizontalRel=f,window.SVGPathSegLinetoVerticalAbs=p,window.SVGPathSegLinetoVerticalRel=g,window.SVGPathSegCurvetoCubicSmoothAbs=v,window.SVGPathSegCurvetoCubicSmoothRel=m,window.SVGPathSegCurvetoQuadraticSmoothAbs=b,window.SVGPathSegCurvetoQuadraticSmoothRel=y}if(!("SVGPathSegList"in window&&"appendItem"in SVGPathSegList.prototype)){var _=function(){function e(t){classCallCheck(this,e),this._pathElement=t,this._list=this._parsePath(this._pathElement.getAttribute("d")),this._mutationObserverConfig={attributes:!0,attributeFilter:["d"]},this._pathElementMutationObserver=new MutationObserver(this._updateListFromPathMutations.bind(this)),this._pathElementMutationObserver.observe(this._pathElement,this._mutationObserverConfig)}return createClass(e,[{key:"_checkPathSynchronizedToList",value:function(){this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords())}},{key:"_updateListFromPathMutations",value:function(e){if(this._pathElement){var t=!1;e.forEach(function(e){"d"===e.attributeName&&(t=!0)}),t&&(this._list=this._parsePath(this._pathElement.getAttribute("d")))}}},{key:"_writeListToPath",value:function(){this._pathElementMutationObserver.disconnect(),this._pathElement.setAttribute("d",e._pathSegArrayAsString(this._list)),this._pathElementMutationObserver.observe(this._pathElement,this._mutationObserverConfig)}},{key:"segmentChanged",value:function(e){this._writeListToPath()}},{key:"clear",value:function(){this._checkPathSynchronizedToList(),this._list.forEach(function(e){e._owningPathSegList=null}),this._list=[],this._writeListToPath()}},{key:"initialize",value:function(e){return this._checkPathSynchronizedToList(),this._list=[e],e._owningPathSegList=this,this._writeListToPath(),e}},{key:"_checkValidIndex",value:function(e){if(isNaN(e)||e<0||e>=this.numberOfItems)throw new Error("INDEX_SIZE_ERR")}},{key:"getItem",value:function(e){return this._checkPathSynchronizedToList(),this._checkValidIndex(e),this._list[e]}},{key:"insertItemBefore",value:function(e,t){return this._checkPathSynchronizedToList(),t>this.numberOfItems&&(t=this.numberOfItems),e._owningPathSegList&&(e=e.clone()),this._list.splice(t,0,e),e._owningPathSegList=this,this._writeListToPath(),e}},{key:"replaceItem",value:function(e,t){return this._checkPathSynchronizedToList(),e._owningPathSegList&&(e=e.clone()),this._checkValidIndex(t),this._list[t]=e,e._owningPathSegList=this,this._writeListToPath(),e}},{key:"removeItem",value:function(e){this._checkPathSynchronizedToList(),this._checkValidIndex(e);var t=this._list[e];return this._list.splice(e,1),this._writeListToPath(),t}},{key:"appendItem",value:function(e){return this._checkPathSynchronizedToList(),e._owningPathSegList&&(e=e.clone()),this._list.push(e),e._owningPathSegList=this,this._writeListToPath(),e}},{key:"_parsePath",value:function(e){if(!e||!e.length)return[];var t=this,n=function(){function e(){classCallCheck(this,e),this.pathSegList=[]}return createClass(e,[{key:"appendSegment",value:function(e){this.pathSegList.push(e)}}]),e}(),a=function(){function e(t){classCallCheck(this,e),this._string=t,this._currentIndex=0,this._endIndex=this._string.length,this._previousCommand=SVGPathSeg.PATHSEG_UNKNOWN,this._skipOptionalSpaces()}return createClass(e,[{key:"_isCurrentSpace",value:function(){var e=this._string[this._currentIndex];return e<=" "&&(" "===e||"\n"===e||"\t"===e||"\r"===e||"\f"===e)}},{key:"_skipOptionalSpaces",value:function(){for(;this._currentIndex="0"&&e<="9")&&t!==SVGPathSeg.PATHSEG_CLOSEPATH?t===SVGPathSeg.PATHSEG_MOVETO_ABS?SVGPathSeg.PATHSEG_LINETO_ABS:t===SVGPathSeg.PATHSEG_MOVETO_REL?SVGPathSeg.PATHSEG_LINETO_REL:t:SVGPathSeg.PATHSEG_UNKNOWN}},{key:"initialCommandIsMoveTo",value:function(){if(!this.hasMoreData())return!0;var e=this.peekSegmentType();return e===SVGPathSeg.PATHSEG_MOVETO_ABS||e===SVGPathSeg.PATHSEG_MOVETO_REL}},{key:"_parseNumber",value:function(){var e=0,t=0,n=1,a=0,r=1,i=1,s=this._currentIndex;if(this._skipOptionalSpaces(),this._currentIndex"9")&&"."!==this._string.charAt(this._currentIndex))){for(var o=this._currentIndex;this._currentIndex="0"&&this._string.charAt(this._currentIndex)<="9";)this._currentIndex++;if(this._currentIndex!==o)for(var l=this._currentIndex-1,u=1;l>=o;)t+=u*(this._string.charAt(l--)-"0"),u*=10;if(this._currentIndex=this._endIndex||this._string.charAt(this._currentIndex)<"0"||this._string.charAt(this._currentIndex)>"9")return;for(;this._currentIndex="0"&&this._string.charAt(this._currentIndex)<="9";)n*=10,a+=(this._string.charAt(this._currentIndex)-"0")/n,this._currentIndex+=1}if(this._currentIndex!==s&&this._currentIndex+1=this._endIndex||this._string.charAt(this._currentIndex)<"0"||this._string.charAt(this._currentIndex)>"9")return;for(;this._currentIndex="0"&&this._string.charAt(this._currentIndex)<="9";)e*=10,e+=this._string.charAt(this._currentIndex)-"0",this._currentIndex++}var c=t+a;if(c*=r,e&&(c*=Math.pow(10,i*e)),s!==this._currentIndex)return this._skipOptionalSpacesOrDelimiter(),c}}},{key:"_parseArcFlag",value:function(){if(!(this._currentIndex>=this._endIndex)){var e=!1,t=this._string.charAt(this._currentIndex++);if("0"===t)e=!1;else{if("1"!==t)return;e=!0}return this._skipOptionalSpacesOrDelimiter(),e}}},{key:"parseSegment",value:function(){var e=this._string[this._currentIndex],n=this._pathSegTypeFromChar(e);if(n===SVGPathSeg.PATHSEG_UNKNOWN){if(this._previousCommand===SVGPathSeg.PATHSEG_UNKNOWN)return null;if((n=this._nextCommandHelper(e,this._previousCommand))===SVGPathSeg.PATHSEG_UNKNOWN)return null}else this._currentIndex++;switch(this._previousCommand=n,n){case SVGPathSeg.PATHSEG_MOVETO_REL:return new SVGPathSegMovetoRel(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_MOVETO_ABS:return new SVGPathSegMovetoAbs(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_REL:return new SVGPathSegLinetoRel(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_ABS:return new SVGPathSegLinetoAbs(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:return new SVGPathSegLinetoHorizontalRel(t,this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:return new SVGPathSegLinetoHorizontalAbs(t,this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:return new SVGPathSegLinetoVerticalRel(t,this._parseNumber());case SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:return new SVGPathSegLinetoVerticalAbs(t,this._parseNumber());case SVGPathSeg.PATHSEG_CLOSEPATH:return this._skipOptionalSpaces(),new SVGPathSegClosePath(t);case SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL:var a={x1:this._parseNumber(),y1:this._parseNumber(),x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoCubicRel(t,a.x,a.y,a.x1,a.y1,a.x2,a.y2);case SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS:var r={x1:this._parseNumber(),y1:this._parseNumber(),x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoCubicAbs(t,r.x,r.y,r.x1,r.y1,r.x2,r.y2);case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:var i={x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoCubicSmoothRel(t,i.x,i.y,i.x2,i.y2);case SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:var s={x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoCubicSmoothAbs(t,s.x,s.y,s.x2,s.y2);case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:var o={x1:this._parseNumber(),y1:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoQuadraticRel(t,o.x,o.y,o.x1,o.y1);case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:var l={x1:this._parseNumber(),y1:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegCurvetoQuadraticAbs(t,l.x,l.y,l.x1,l.y1);case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:return new SVGPathSegCurvetoQuadraticSmoothRel(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:return new SVGPathSegCurvetoQuadraticSmoothAbs(t,this._parseNumber(),this._parseNumber());case SVGPathSeg.PATHSEG_ARC_REL:var u={x1:this._parseNumber(),y1:this._parseNumber(),arcAngle:this._parseNumber(),arcLarge:this._parseArcFlag(),arcSweep:this._parseArcFlag(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegArcRel(t,u.x,u.y,u.x1,u.y1,u.arcAngle,u.arcLarge,u.arcSweep);case SVGPathSeg.PATHSEG_ARC_ABS:var c={x1:this._parseNumber(),y1:this._parseNumber(),arcAngle:this._parseNumber(),arcLarge:this._parseArcFlag(),arcSweep:this._parseArcFlag(),x:this._parseNumber(),y:this._parseNumber()};return new SVGPathSegArcAbs(t,c.x,c.y,c.x1,c.y1,c.arcAngle,c.arcLarge,c.arcSweep);default:throw new Error("Unknown path seg type.")}}}]),e}(),r=new n,i=new a(e);if(!i.initialCommandIsMoveTo())return[];for(;i.hasMoreData();){var s=i.parseSegment();if(!s)return[];r.appendSegment(s)}return r.pathSegList}}]),e}();_.prototype.classname="SVGPathSegList",Object.defineProperty(_.prototype,"numberOfItems",{get:function(){return this._checkPathSynchronizedToList(),this._list.length},enumerable:!0}),_._pathSegArrayAsString=function(e){var t="",n=!0;return e.forEach(function(e){n?(n=!1,t+=e._asPathString()):t+=" "+e._asPathString()}),t},Object.defineProperties(SVGPathElement.prototype,{pathSegList:{get:function(){return this._pathSegList||(this._pathSegList=new _(this)),this._pathSegList},enumerable:!0},normalizedPathSegList:{get:function(){return this.pathSegList},enumerable:!0},animatedPathSegList:{get:function(){return this.pathSegList},enumerable:!0},animatedNormalizedPathSegList:{get:function(){return this.pathSegList},enumerable:!0}}),window.SVGPathSegList=_}}();var $=jQuery,supportsSvg_=!!document.createElementNS&&!!document.createElementNS(NS.SVG,"svg").createSVGRect,_navigator=navigator,userAgent=_navigator.userAgent,svg=document.createElementNS(NS.SVG,"svg"),isOpera_=!!window.opera,isWebkit_=userAgent.includes("AppleWebKit"),isGecko_=userAgent.includes("Gecko/"),isIE_=userAgent.includes("MSIE"),isChrome_=userAgent.includes("Chrome/"),isWindows_=userAgent.includes("Windows"),isMac_=userAgent.includes("Macintosh"),isTouch_="ontouchstart"in window,supportsSelectors_=!!svg.querySelector,supportsXpath_=!!document.evaluate,supportsPathReplaceItem_=function(){var e=document.createElementNS(NS.SVG,"path");e.setAttribute("d","M0,0 10,10");var t=e.pathSegList,n=e.createSVGPathSegLinetoAbs(5,5);try{return t.replaceItem(n,1),!0}catch(e){}return!1}(),supportsPathInsertItemBefore_=function(){var e=document.createElementNS(NS.SVG,"path");e.setAttribute("d","M0,0 10,10");var t=e.pathSegList,n=e.createSVGPathSegLinetoAbs(5,5);try{return t.insertItemBefore(n,1),!0}catch(e){}return!1}(),supportsGoodTextCharPos_=function(){var e=document.createElementNS(NS.SVG,"svg"),t=document.createElementNS(NS.SVG,"svg");document.documentElement.appendChild(e),t.setAttribute("x",5),e.appendChild(t);var n=document.createElementNS(NS.SVG,"text");n.textContent="a",t.appendChild(n);var a=n.getStartPositionOfChar(0).x;return document.documentElement.removeChild(e),0===a}(),supportsPathBBox_=function(){var e=document.createElementNS(NS.SVG,"svg");document.documentElement.appendChild(e);var t=document.createElementNS(NS.SVG,"path");t.setAttribute("d","M0,0 C0,0 10,10 10,0"),e.appendChild(t);var n=t.getBBox();return document.documentElement.removeChild(e),n.height>4&&n.height<5}(),supportsHVLineContainerBBox_=function(){var e=document.createElementNS(NS.SVG,"svg");document.documentElement.appendChild(e);var t=document.createElementNS(NS.SVG,"path");t.setAttribute("d","M0,0 10,0");var n=document.createElementNS(NS.SVG,"path");n.setAttribute("d","M5,0 15,0");var a=document.createElementNS(NS.SVG,"g");a.appendChild(t),a.appendChild(n),e.appendChild(a);var r=a.getBBox();return document.documentElement.removeChild(e),15===r.width}(),supportsGoodDecimals_=function(){var e=document.createElementNS(NS.SVG,"rect");e.setAttribute("x",.1);var t=!e.cloneNode(!1).getAttribute("x").includes(",");return t||$.alert('NOTE: This version of Opera is known to contain bugs in SVG-edit.\nPlease upgrade to the latest version in which the problems have been fixed.'),t}(),supportsNonScalingStroke_=function(){var e=document.createElementNS(NS.SVG,"rect");return e.setAttribute("style","vector-effect:non-scaling-stroke"),"non-scaling-stroke"===e.style.vectorEffect}(),supportsNativeSVGTransformLists_=function(){var e=document.createElementNS(NS.SVG,"rect").transform.baseVal,t=svg.createSVGTransform();e.appendItem(t);var n=e.getItem(0);return n instanceof SVGTransform&&t instanceof SVGTransform&&n.type===t.type&&n.angle===t.angle&&n.matrix.a===t.matrix.a&&n.matrix.b===t.matrix.b&&n.matrix.c===t.matrix.c&&n.matrix.d===t.matrix.d&&n.matrix.e===t.matrix.e&&n.matrix.f===t.matrix.f}(),isOpera=function(){return isOpera_},isWebkit=function(){return isWebkit_},isGecko=function(){return isGecko_},isIE=function(){return isIE_},isChrome=function(){return isChrome_},isMac=function(){return isMac_},isTouch=function(){return isTouch_},supportsSelectors=function(){return supportsSelectors_},supportsXpath=function(){return supportsXpath_},supportsPathReplaceItem=function(){return supportsPathReplaceItem_},supportsPathInsertItemBefore=function(){return supportsPathInsertItemBefore_},supportsPathBBox=function(){return supportsPathBBox_},supportsHVLineContainerBBox=function(){return supportsHVLineContainerBBox_},supportsGoodTextCharPos=function(){return supportsGoodTextCharPos_},supportsNonScalingStroke=function(){return supportsNonScalingStroke_},supportsNativeTransformLists=function(){return supportsNativeSVGTransformLists_};function RGBColor(e){this.ok=!1,"#"===e.charAt(0)&&(e=e.substr(1,6)),e=(e=e.replace(/ /g,"")).toLowerCase();var t={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"};for(var n in t)t.hasOwnProperty(n)&&e===n&&(e=t[n]);for(var a=[{re:/^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,example:["rgb(123, 234, 45)","rgb(255,234,245)"],process:function(e){return[parseInt(e[1],10),parseInt(e[2],10),parseInt(e[3],10)]}},{re:/^(\w{2})(\w{2})(\w{2})$/,example:["#00ff00","336699"],process:function(e){return[parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16)]}},{re:/^(\w{1})(\w{1})(\w{1})$/,example:["#fb0","f0f"],process:function(e){return[parseInt(e[1]+e[1],16),parseInt(e[2]+e[2],16),parseInt(e[3]+e[3],16)]}}],r=0;r255?255:this.r,this.g=this.g<0||isNaN(this.g)?0:this.g>255?255:this.g,this.b=this.b<0||isNaN(this.b)?0:this.b>255?255:this.b,this.toRGB=function(){return"rgb("+this.r+", "+this.g+", "+this.b+")"},this.toHex=function(){var e=this.r.toString(16),t=this.g.toString(16),n=this.b.toString(16);return 1===e.length&&(e="0"+e),1===t.length&&(t="0"+t),1===n.length&&(n="0"+n),"#"+e+t+n},this.getHelpXML=function(){for(var e=[],n=0;n "+c.toRGB()+" -> "+c.toHex());u.appendChild(h),u.appendChild(d),o.appendChild(u)}catch(e){}return o}}function jqPluginSVG(e){var t=e.fn.attr;return e.fn.attr=function(e,n){var a=this.length;if(!a)return t.apply(this,arguments);for(var r=0;r=0)return this._xforms[e];var t=new Error("DOMException with code=INDEX_SIZE_ERR");throw t.code=1,t},this.insertItemBefore=function(e,t){var n=null;if(t>=0)if(t=0&&(this._removeFromOtherLists(e),this._xforms[t]=e,n=e,this._list._update()),n},this.removeItem=function(e){if(e=0){var t=this._xforms[e],n=new Array(this.numberOfItems-1),a=void 0;for(a=0;a=0;t--)this.stack[t].unapply(e);e&&e.handleHistoryEvent(HistoryEventTypes.AFTER_UNAPPLY,this)}},{key:"elements",value:function(){for(var e=[],t=this.stack.length;t--;)for(var n=this.stack[t].elements(),a=n.length;a--;)e.includes(n[a])||e.push(n[a]);return e}},{key:"addSubCommand",value:function(e){this.stack.push(e)}},{key:"isEmpty",value:function(){return!this.stack.length}}]),e}();BatchCommand.type=BatchCommand.prototype.type;var UndoManager=function(){function e(t){classCallCheck(this,e),this.handler_=t||null,this.undoStackPointer=0,this.undoStack=[],this.undoChangeStackPointer=-1,this.undoableChangeStack=[]}return createClass(e,[{key:"resetUndoStack",value:function(){this.undoStack=[],this.undoStackPointer=0}},{key:"getUndoStackSize",value:function(){return this.undoStackPointer}},{key:"getRedoStackSize",value:function(){return this.undoStack.length-this.undoStackPointer}},{key:"getNextUndoCommandText",value:function(){return this.undoStackPointer>0?this.undoStack[this.undoStackPointer-1].getText():""}},{key:"getNextRedoCommandText",value:function(){return this.undoStackPointer0&&this.undoStack[--this.undoStackPointer].unapply(this.handler_)}},{key:"redo",value:function(){this.undoStackPointer0&&this.undoStack[this.undoStackPointer++].apply(this.handler_)}},{key:"addCommandToHistory",value:function(e){this.undoStackPointer0&&(this.undoStack=this.undoStack.splice(0,this.undoStackPointer)),this.undoStack.push(e),this.undoStackPointer=this.undoStack.length}},{key:"beginUndoableChange",value:function(e,t){for(var n=++this.undoChangeStackPointer,a=t.length,r=new Array(a),i=new Array(a);a--;){var s=t[a];null!=s&&(i[a]=s,r[a]=s.getAttribute(e))}this.undoableChangeStack[n]={attrName:e,oldValues:r,elements:i}}},{key:"finishUndoableChange",value:function(){for(var e=this.undoChangeStackPointer--,t=this.undoableChangeStack[e],n=t.attrName,a=new BatchCommand("Change "+n),r=t.elements.length;r--;){var i=t.elements[r];if(null!=i){var s={};s[n]=t.oldValues[r],s[n]!==i.getAttribute(n)&&a.addSubCommand(new ChangeElementCommand(i,s,n))}}return this.undoableChangeStack[e]=null,a}}]),e}(),history=Object.freeze({HistoryEventTypes:HistoryEventTypes,MoveElementCommand:MoveElementCommand,InsertElementCommand:InsertElementCommand,RemoveElementCommand:RemoveElementCommand,ChangeElementCommand:ChangeElementCommand,BatchCommand:BatchCommand,UndoManager:UndoManager}),NEAR_ZERO=1e-14,svg$1=document.createElementNS(NS.SVG,"svg"),transformPoint=function(e,t,n){return{x:n.a*e+n.c*t+n.e,y:n.b*e+n.d*t+n.f}},isIdentity=function(e){return 1===e.a&&0===e.b&&0===e.c&&1===e.d&&0===e.e&&0===e.f},matrixMultiply=function(){for(var e=arguments.length,t=Array(e),n=0;n(n=parseInt(n,10))){var a=n;n=t,t=a}for(var r=svg$1.createSVGMatrix(),i=t;i<=n;++i){var s=i>=0&&ie.x&&t.ye.y},$$1=jQuery,segData={2:["x","y"],4:["x","y"],6:["x","y","x1","y1","x2","y2"],8:["x","y","x1","y1"],10:["x","y","r1","r2","angle","largeArcFlag","sweepFlag"],12:["x"],14:["y"],16:["x","y","x2","y2"],18:["x","y"]},uiStrings={},setUiStrings=function(e){Object.assign(uiStrings,e.ui)},pathFuncs=[],linkControlPts=!0,pathData={},setLinkControlPoints=function(e){linkControlPts=e},path=null,editorContext_=null,init$1=function(e){editorContext_=e,pathFuncs=[0,"ClosePath"];$$1.each(["Moveto","Lineto","CurvetoCubic","CurvetoQuadratic","Arc","LinetoHorizontal","LinetoVertical","CurvetoCubicSmooth","CurvetoQuadraticSmooth"],function(e,t){pathFuncs.push(t+"Abs"),pathFuncs.push(t+"Rel")})},insertItemBefore=function(e,t,n){var a=e.pathSegList;if(supportsPathInsertItemBefore())a.insertItemBefore(t,n);else{for(var r=a.numberOfItems,i=[],s=0;s0?(g=f element");this.elem=t,this.segs=[],this.selected_pts=[],path=this,this.init()}return createClass(e,[{key:"init",value:function(){$$1(getGripContainer()).find("*").each(function(){$$1(this).attr("display","none")});var e=this.elem.pathSegList,t=e.numberOfItems;this.segs=[],this.selected_pts=[],this.first_seg=null;for(var n=0;n=t?null:i[o+1],c=o-1<0?null:i[o-1];if(2===l.type){if(c&&1!==c.type){var h=i[s];h.next=i[s+1],h.next.prev=h,h.addGrip()}s=o}else if(u&&1===u.type)l.next=i[s+1],l.next.prev=l,l.mate=i[s],l.addGrip(),null==this.first_seg&&(this.first_seg=l);else if(u)1!==l.type&&(l.addGrip(),u&&2!==u.type&&(l.next=u,l.next.prev=l));else if(1!==l.type){var d=i[s];d.next=i[s+1],d.next.prev=d,d.addGrip(),l.addGrip(),this.first_seg||(this.first_seg=i[s])}}return this}},{key:"eachSeg",value:function(e){for(var t=this.segs.length,n=0;n=0&&this.selected_pts.push(n)}this.selected_pts.sort();var a=this.selected_pts.length,r=[];for(r.length=a;a--;){var i=this.selected_pts[a],s=this.segs[i];s.select(!0),r[a]=s.ptgrip}var o=this.subpathIsClosed(this.selected_pts[0]);editorContext_.addPtsToSelection({grips:r,closedSubpath:o})}}]),e}(),getPath_=function(e){var t=pathData[e.id];return t||(t=pathData[e.id]=new Path(e)),t},removePath_=function(e){e in pathData&&delete pathData[e]},newcx=void 0,newcy=void 0,oldcx=void 0,oldcy=void 0,angle=void 0,getRotVals=function(e,t){var n=e-oldcx,a=t-oldcy,r=Math.sqrt(n*n+a*a),i=Math.atan2(a,n)+angle;return n=r*Math.cos(i)+oldcx,a=r*Math.sin(i)+oldcy,n-=newcx,a-=newcy,r=Math.sqrt(n*n+a*a),i=Math.atan2(a,n)-angle,{x:r*Math.cos(i)+newcx,y:r*Math.sin(i)+newcy}},recalcRotatedPath=function(){var e=path.elem;if(angle=getRotationAngle(e,!0)){var t=path.oldbbox;oldcx=t.x+t.width/2,oldcy=t.y+t.height/2;var n=getBBox(e);newcx=n.x+n.width/2,newcy=n.y+n.height/2;var a=newcx-oldcx,r=newcy-oldcy,i=Math.sqrt(a*a+r*r),s=Math.atan2(r,a)+angle;newcx=i*Math.cos(s)+oldcx,newcy=i*Math.sin(s)+oldcy;for(var o=e.pathSegList,l=o.numberOfItems;l;){l-=1;var u=o.getItem(l),c=u.pathSegType;if(1!==c){var h=getRotVals(u.x,u.y),d=[h.x,h.y];if(null!=u.x1&&null!=u.x2){var f=getRotVals(u.x1,u.y1),p=getRotVals(u.x2,u.y2);d.splice(d.length,0,f.x,f.y,p.x,p.y)}replacePathSeg(c,l,d)}}n=getBBox(e);var g=editorContext_.getSVGRoot().createSVGTransform(),v=getTransformList(e);g.setRotate(180*angle/Math.PI,newcx,newcy),v.replaceItem(g,0)}},clearData=function(){pathData={}},reorientGrads=function(e,t){for(var n=getBBox(e),a=0;a<2;a++){var r=0===a?"fill":"stroke",i=e.getAttribute(r);if(i&&i.startsWith("url(")){var s=getRefElem(i);if("linearGradient"===s.tagName){var o=s.getAttribute("x1")||0,l=s.getAttribute("y1")||0,u=s.getAttribute("x2")||1,c=s.getAttribute("y2")||0;o=n.width*o+n.x,l=n.height*l+n.y,u=n.width*u+n.x,c=n.height*c+n.y;var h=transformPoint(o,l,t),d=transformPoint(u,c,t),f={};f.x1=(h.x-n.x)/n.width,f.y1=(h.y-n.y)/n.height,f.x2=(d.x-n.x)/n.width,f.y2=(d.y-n.y)/n.height;var p=s.cloneNode(!0);$$1(p).attr(f),p.id=editorContext_.getNextId(),findDefs().appendChild(p),e.setAttribute(r,"url(#"+p.id+")")}}}},pathMap=[0,"z","M","m","L","l","C","c","Q","q","A","a","H","h","V","v","S","s","T","t"],convertPath=function(e,t){for(var n=e.pathSegList,a=n.numberOfItems,r=0,i=0,s="",o=null,l=0;l=$-S&&v<=$+S&&m>=E-S&&m<=E+S){w=!0;break}}s=editorContext_.getId(),removePath_(s);var P=getElem(s),A=void 0,T=void 0,N=x.numberOfItems;if(w){if(C<=1&&N>=2){var G=x.getItem(0).x,L=x.getItem(0).y;A=4===(T=b.pathSegList.getItem(1)).pathSegType?_.createSVGPathSegLinetoAbs(G,L):_.createSVGPathSegCurvetoCubicAbs(G,L,T.x1/g,T.y1/g,G,L);var I=_.createSVGPathSegClosePath();x.appendItem(A),x.appendItem(I)}else if(N<3)return!1;if($$1(b).remove(),_=editorContext_.setDrawnPath(null),editorContext_.setStarted(!1),e){path.matrix&&editorContext_.remapElement(P,{},path.matrix.inverse());var M=P.getAttribute("d"),B=$$1(path.elem).attr("d");return $$1(path.elem).attr("d",B+M),$$1(P).remove(),path.matrix&&recalcRotatedPath(),init$1(),pathActions.toEditMode(path.elem),path.selectPt(),!1}}else{if(!$$1.contains(editorContext_.getContainer(),editorContext_.getMouseTarget(n)))return console.log("Clicked outside canvas"),!1;var O=_.pathSegList.numberOfItems,V=_.pathSegList.getItem(O-1),R=V.x,j=V.y;if(n.shiftKey){var D=snapToAngle(R,j,v,m);v=D.x,m=D.y}A=4===(T=b.pathSegList.getItem(1)).pathSegType?_.createSVGPathSegLinetoAbs(editorContext_.round(v),editorContext_.round(m)):_.createSVGPathSegCurvetoCubicAbs(editorContext_.round(v),editorContext_.round(m),T.x1/g,T.y1/g,T.x2/g,T.y2/g),_.pathSegList.appendItem(A),v*=g,m*=g,b.setAttribute("d",["M",v,m,v,m].join(" ")),y=O,e&&(y+=path.segs.length),addPointGrip(y,v,m)}}else{var F="M"+v+","+m+" ";_=editorContext_.setDrawnPath(editorContext_.addSvgElementFromJson({element:"path",curStyles:!0,attr:{d:F,id:editorContext_.getNextId(),opacity:editorContext_.getOpacity()/2}})),b.setAttribute("d",["M",f,p,f,p].join(" ")),y=e?path.segs.length:0,addPointGrip(y,f,p)}}},mouseMove:function(e,a){var i=editorContext_.getCurrentZoom();r=!0;var s=editorContext_.getDrawnPath();if("path"!==editorContext_.getCurrentMode())if(path.dragging){var o=getPointFromGrip({x:path.dragging[0],y:path.dragging[1]},path),l=getPointFromGrip({x:e,y:a},path),u=l.x-o.x,c=l.y-o.y;path.dragging=[e,a],path.dragctrl?path.moveCtrl(u,c):path.movePts(u,c)}else path.selected_pts=[],path.eachSeg(function(e){if(this.next||this.prev){var t=editorContext_.getRubberBox().getBBox(),n=getGripPt(this),a={x:n.x,y:n.y,width:0,height:0},r=rectsIntersect(t,a);this.select(r),r&&path.selected_pts.push(this.index)}});else{if(!s)return;var h=s.pathSegList,d=h.numberOfItems-1;if(t){var f=addCtrlGrip("1c1"),p=addCtrlGrip("0c2");f.setAttribute("cx",e),f.setAttribute("cy",a),f.setAttribute("display","inline");var g=t[0],v=t[1],m=g+(g-e/i),b=v+(v-a/i);p.setAttribute("cx",m*i),p.setAttribute("cy",b*i),p.setAttribute("display","inline");var y=getCtrlLine(1);if(assignAttributes(y,{x1:e,y1:a,x2:m*i,y2:b*i,display:"inline"}),0===d)n=[e,a];else{var _=h.getItem(d-1),x=_.x,C=_.y;6===_.pathSegType?(x+=x-_.x2,C+=C-_.y2):n&&(x=n[0]/i,C=n[1]/i),replacePathSeg(6,d,[g,v,x,C,m,b],s)}}else{var S=getElem("path_stretch_line");if(S){var w=h.getItem(d);if(6===w.pathSegType){var k=w.x+(w.x-w.x2),$=w.y+(w.y-w.y2);replacePathSeg(6,1,[e,a,k*i,$*i,e,a],S)}else n?replacePathSeg(6,1,[e,a,n[0],n[1],e,a],S):replacePathSeg(4,1,[e,a],S)}}}},mouseUp:function(e,a,i,s){var o=editorContext_.getDrawnPath();if("path"===editorContext_.getCurrentMode())return t=null,o||(a=getElem(editorContext_.getId()),editorContext_.setStarted(!1),n=null),{keep:!0,element:a};var l=editorContext_.getRubberBox();if(path.dragging){var u=path.cur_pt;path.dragging=!1,path.dragctrl=!1,path.update(),r&&path.endChanges("Move path point(s)"),e.shiftKey||r||path.selectPt(u)}else l&&"none"!==l.getAttribute("display")?(l.setAttribute("display","none"),l.getAttribute("width")<=2&&l.getAttribute("height")<=2&&pathActions.toSelectMode(e.target)):pathActions.toSelectMode(e.target);r=!1},toEditMode:function(t){path=getPath_(t),editorContext_.setCurrentMode("pathedit"),editorContext_.clearSelection(),path.show(!0).update(),path.oldbbox=getBBox(path.elem),e=!1},toSelectMode:function(e){var t=e===path.elem;editorContext_.setCurrentMode("select"),path.show(!1),a=!1,editorContext_.clearSelection(),path.matrix&&recalcRotatedPath(),t&&(editorContext_.call("selected",[e]),editorContext_.addToSelection([e],!0))},addSubPath:function(t){t?(editorContext_.setCurrentMode("path"),e=!0):(pathActions.clear(!0),pathActions.toEditMode(path.elem))},select:function(e){a===e?(pathActions.toEditMode(e),editorContext_.setCurrentMode("pathedit")):a=e},reorient:function(){var e=editorContext_.getSelectedElements()[0];if(e&&0!==getRotationAngle(e)){var t=new BatchCommand("Reorient path"),n={d:e.getAttribute("d"),transform:e.getAttribute("transform")};t.addSubCommand(new ChangeElementCommand(e,n)),editorContext_.clearSelection(),this.resetOrientation(e),editorContext_.addCommandToHistory(t),getPath_(e).show(!1).matrix=null,this.clear(),editorContext_.addToSelection([e],!0),editorContext_.call("changed",editorContext_.getSelectedElements())}},clear:function(e){var t=editorContext_.getDrawnPath();if(a=null,t){var r=getElem(editorContext_.getId());$$1(getElem("path_stretch_line")).remove(),$$1(r).remove(),$$1(getElem("pathpointgrip_container")).find("*").attr("display","none"),n=null,editorContext_.setDrawnPath(null),editorContext_.setStarted(!1)}else"pathedit"===editorContext_.getCurrentMode()&&this.toSelectMode();path&&path.init().show(!1)},resetOrientation:function(e){if(null==e||"path"!==e.nodeName)return!1;var t=getTransformList(e),n=transformListToTransform(t).matrix;t.clear(),e.removeAttribute("transform");for(var a=e.pathSegList,r=a.numberOfItems,i=function(t){var r=a.getItem(t),i=r.pathSegType;if(1===i)return"continue";var s=[];$$1.each(["",1,2],function(e,t){var a=r["x"+t],i=r["y"+t];if(void 0!==a&&void 0!==i){var o=transformPoint(a,i,n);s.splice(s.length,0,o.x,o.y)}}),replacePathSeg(i,t,s,e)},s=0;s0){var o=t.getItem(n-1).pathSegType;if(2===o){a(n-1,1),e();break}if(1===o&&t.numberOfItems-1===n){a(n,1),e();break}}}return!1}(),path.elem.pathSegList.numberOfItems<=1)return pathActions.toSelectMode(path.elem),void editorContext_.canvas.deleteSelectedElements();if(path.init(),path.clearSelection(),window.opera){var a=$$1(path.elem);a.attr("d",a.attr("d"))}path.endChanges("Delete path node(s)")}},smoothPolylineIntoPath:function(e){var t=void 0,n=e.points,a=n.numberOfItems;if(a>=4){var r=n.getItem(0),i=null,s=[];for(s.push(["M",r.x,",",r.y," C"].join("")),t=1;t<=a-4;t+=3){var o=n.getItem(t),l=n.getItem(t+1),u=n.getItem(t+2);if(i){var c=smoothControlPoints(i,o,r);if(c&&2===c.length){var h=s[s.length-1].split(",");h[2]=c[0].x,h[3]=c[0].y,s[s.length-1]=h.join(","),o=c[1]}}s.push([o.x,o.y,l.x,l.y,u.x,u.y].join(",")),r=u,i=l}for(s.push("L");t/g,">").replace(/"/g,""").replace(/'/,"'")},encode64=function(e){if(e=encodeUTF8(e),window.btoa)return window.btoa(e);var t=[];t.length=4*Math.floor((e.length+2)/3);var n=0,a=0;do{var r=e.charCodeAt(n++),i=e.charCodeAt(n++),s=e.charCodeAt(n++),o=r>>2,l=(3&r)<<4|i>>4,u=(15&i)<<2|s>>6,c=63&s;isNaN(i)?u=c=64:isNaN(s)&&(c=64),t[a++]=KEYSTR.charAt(o),t[a++]=KEYSTR.charAt(l),t[a++]=KEYSTR.charAt(u),t[a++]=KEYSTR.charAt(c)}while(n>4,l=(15&r)<<4|i>>2,u=(3&i)<<6|s;t+=String.fromCharCode(o),64!==i&&(t+=String.fromCharCode(l)),64!==s&&(t+=String.fromCharCode(u))}while(nSVG-edit "],{type:"text/html"});return createObjectURL(e)}(),text2xml=function(e){e.includes("0?t=t[0]:(t=e.ownerDocument.createElementNS(NS.SVG,"defs"),e.firstChild?e.insertBefore(t,e.firstChild.nextSibling):e.appendChild(t)),t},getPathBBox=function(e){for(var t=e.pathSegList,n=t.numberOfItems,a=[[],[]],r=t.getItem(0),i=[r.x,r.y],s=0;s0&&c<1&&a[r].push(s(c)),"continue"}var h=Math.pow(o,2)-4*u*l;if(h<0)return"continue";var d=(-o+Math.sqrt(h))/(2*l);d>0&&d<1&&a[r].push(s(d));var f=(-o-Math.sqrt(h))/(2*l);f>0&&f<1&&a[r].push(s(f))},s=0;s<2;s++)r(s);i=n}():(a[0].push(o.x),a[1].push(o.y)))}var l=Math.min.apply(null,a[0]),u=Math.max.apply(null,a[0])-l,c=Math.min.apply(null,a[1]);return{x:l,y:c,width:u,height:Math.max.apply(null,a[1])-c}};function groupBBFix(e){if(supportsHVLineContainerBBox())try{return e.getBBox()}catch(e){}var t=$$2.data(e,"ref"),n=null,a=void 0,r=void 0;t?(r=$$2(t).children().clone().attr("visibility","hidden"),$$2(svgroot_).append(r),n=r.filter("line, path")):n=$$2(e).find("line, path");var i=!1;if(n.length)if(n.each(function(){var e=this.getBBox();e.width&&e.height||(i=!0)}),i){var s=t?r:$$2(e).children();a=getStrokedBBox(s)}else a=e.getBBox();else a=e.getBBox();return t&&r.remove(),a}var getBBox=function(e){var t=e||editorContext_$1.geSelectedElements()[0];if(1!==e.nodeType)return null;var n=t.nodeName,a=null;switch(n){case"text":""===t.textContent?(t.textContent="a",a=t.getBBox(),t.textContent=""):t.getBBox&&(a=t.getBBox());break;case"path":supportsPathBBox()?t.getBBox&&(a=t.getBBox()):a=getPathBBox(t);break;case"g":case"a":a=groupBBFix(t);break;default:if("use"===n&&(a=groupBBFix(t,!0)),"use"===n||"foreignObject"===n&&isWebkit()){if(a||(a=t.getBBox()),!isWebkit()){var r={};r.width=a.width,r.height=a.height,r.x=a.x+parseFloat(t.getAttribute("x")||0),r.y=a.y+parseFloat(t.getAttribute("y")||0),a=r}}else if(visElemsArr.includes(n))if(t)try{a=t.getBBox()}catch(e){var i=t.getExtentOfChar(0),s=t.getComputedTextLength();a={x:i.x,y:i.y,width:s,height:i.height}}else{var o=$$2(t).closest("foreignObject");o.length&&o[0].getBBox&&(a=o[0].getBBox())}}return a&&(a=bboxToObj(a)),a},getPathDFromSegments=function(e){var t="";return $$2.each(e,function(e,n){var a=n[1];t+=n[0];for(var r=0;r-.001&&n<.001||(n<-89.99||n>89.99))}var getBBoxWithTransform=function(e,t,n){var a=getBBox(e);if(!a)return null;var r=getTransformList(e),i=getRotationAngleFromTransformList(r),s=hasMatrixTransform(r);if(i||s){var o=!1;if(bBoxCanBeOptimizedOverNativeGetBBox(i,s)){if(["ellipse","path","line","polyline","polygon"].includes(e.tagName))a=o=getBBoxOfElementAsPath(e,t,n);else if("rect"===e.tagName){var l=e.getAttribute("rx"),u=e.getAttribute("ry");(l||u)&&(a=o=getBBoxOfElementAsPath(e,t,n))}}if(!o){var c=transformListToTransform(r).matrix;a=transformBox(a.x,a.y,a.width,a.height,c).aabox}}return a};function getStrokeOffsetForBBox(e){var t=e.getAttribute("stroke-width");return isNaN(t)||"none"===e.getAttribute("stroke")?0:t/2}var getStrokedBBox=function(e,t,n){if(!e||!e.length)return!1;var a=void 0;if($$2.each(e,function(){a||this.parentNode&&(a=getBBoxWithTransform(this,t,n))}),void 0===a)return null;var r=a.x+a.width,i=a.y+a.height,s=a.x,o=a.y;if(1===e.length){var l=getStrokeOffsetForBBox(e[0]);s-=l,o-=l,r+=l,i+=l}else $$2.each(e,function(e,a){var l=getBBoxWithTransform(a,t,n);if(l){var u=getStrokeOffsetForBBox(a);s=Math.min(s,l.x-u),o=Math.min(o,l.y-u),1===a.nodeType&&(r=Math.max(r,l.x+l.width+u),i=Math.max(i,l.y+l.height+u))}});return a.x=s,a.y=o,a.width=r-s,a.height=i-o,a},getVisibleElements=function(e){e||(e=$$2(editorContext_$1.getSVGContent()).children());var t=[];return $$2(e).children().each(function(e,n){n.getBBox&&t.push(n)}),t.reverse()},getStrokedBBoxDefaultVisible=function(e){return e||(e=getVisibleElements()),getStrokedBBox(e,editorContext_$1.addSvgElementFromJson,editorContext_$1.pathActions)},getRotationAngleFromTransformList=function(e,t){if(!e)return 0;for(var n=e.numberOfItems,a=0;a|:\\"+(t||"")+"-]","g"),"\\$&")},loadedScripts={},executeAfterLoads=function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{globals:!1};return function(){var r=arguments;function i(){n.apply(null,r)}var s=!("svgEditor"in window&&window.svgEditor&&!1===window.svgEditor.modules);if(!0===loadedScripts[e])i();else if(Array.isArray(loadedScripts[e]))loadedScripts[e].push(i);else{loadedScripts[e]=[];var o=s&&!a.globals?importModule:importScript;t.reduce(function(e,t){return e.then(function(){return o(t)})},Promise.resolve()).then(function(){loadedScripts[e]=!0,i(),loadedScripts[e].forEach(function(e){e()})})()}}},buildCanvgCallback=function(e){return executeAfterLoads("canvg",["canvg/rgbcolor.js","canvg/canvg.js"],e)},buildJSPDFCallback=function(e){return executeAfterLoads("RGBColor",["canvg/rgbcolor.js"],function(){var t=[];RGBColor&&void 0!==RGBColor.ok||t.push("canvg/rgbcolor.js"),executeAfterLoads("jsPDF",[].concat(t,["jspdf/underscore-min.js","jspdf/jspdf.min.js","jspdf/jspdf.plugin.svgToPdf.js"]),e,{globals:!0})()})},preventClickDefault=function(e){$$2(e).click(function(e){e.preventDefault()})},copyElem=function e(t,n){var a=document.createElementNS(t.namespaceURI,t.nodeName);if($$2.each(t.attributes,function(e,t){"-moz-math-font-style"!==t.localName&&a.setAttributeNS(t.namespaceURI,t.nodeName,t.value)}),a.removeAttribute("id"),a.id=n(),isWebkit()&&"path"===t.nodeName){var r=convertPath(t);a.setAttribute("d",r)}if($$2.each(t.childNodes,function(t,r){switch(r.nodeType){case 1:a.appendChild(e(r,n));break;case 3:a.textContent=r.nodeValue}}),$$2(t).data("gsvg"))$$2(a).data("gsvg",a.firstChild);else if($$2(t).data("symbol")){var i=$$2(t).data("symbol");$$2(a).data("ref",i).data("symbol",i)}else"image"===a.tagName&&preventClickDefault(a);return a},$$3=jQuery,contextMenuExtensions={},hasCustomHandler=function(e){return Boolean(contextMenuExtensions[e])},getCustomHandler=function(e){return contextMenuExtensions[e].action},injectExtendedContextMenuItemIntoDom=function(e){Object.keys(contextMenuExtensions).length||$$3("#cmenu_canvas").append("
  • ");var t=e.shortcut||"";$$3("#cmenu_canvas").append("
  • "+e.label+""+t+"
    • ")},injectExtendedContextMenuItemsIntoDom=function(){for(var e in contextMenuExtensions)injectExtendedContextMenuItemIntoDom(contextMenuExtensions[e])};function canvg(e,t,n){if(null!=e||null!=t||null!=n){"string"==typeof e&&(e=document.getElementById(e)),null!=e.svg&&e.svg.stop();var a=build(n||{});1===e.childNodes.length&&"OBJECT"===e.childNodes[0].nodeName||(e.svg=a);var r=e.getContext("2d");void 0!==t.documentElement?a.loadXmlDoc(r,t):"<"===t.substr(0,1)?a.loadXml(r,t):a.load(r,t)}else for(var i=document.querySelectorAll("svg"),s=0;s]*>/,"");var t=new ActiveXObject("Microsoft.XMLDOM");return t.async="false",t.loadXML(e),t};var n={baseline:"alphabetic","before-edge":"top","text-before-edge":"top",middle:"middle",central:"middle","after-edge":"bottom","text-after-edge":"bottom",ideographic:"ideographic",alphabetic:"alphabetic",hanging:"hanging",mathematical:"alphabetic"};return t.Property=function(){function e(t,n){classCallCheck(this,e),this.name=t,this.value=n}return createClass(e,[{key:"getValue",value:function(){return this.value}},{key:"hasValue",value:function(){return null!=this.value&&""!==this.value}},{key:"numValue",value:function(){if(!this.hasValue())return 0;var e=parseFloat(this.value);return(this.value+"").match(/%$/)&&(e/=100),e}},{key:"valueOrDefault",value:function(e){return this.hasValue()?this.value:e}},{key:"numValueOrDefault",value:function(e){return this.hasValue()?this.numValue():e}},{key:"addOpacity",value:function(e){var n=this.value;if(null!=e.value&&""!==e.value&&"string"==typeof this.value){var a=new RGBColor(this.value);a.ok&&(n="rgba("+a.r+", "+a.g+", "+a.b+", "+e.numValue()+")")}return new t.Property(this.name,n)}},{key:"getDefinition",value:function(){var e=this.value.match(/#([^)'"]+)/);return e&&(e=e[1]),e||(e=this.value),t.Definitions[e]}},{key:"isUrlDefinition",value:function(){return this.value.startsWith("url(")}},{key:"getFillStyleDefinition",value:function(e,n){var a=this.getDefinition();if(null!=a&&a.createGradient)return a.createGradient(t.ctx,e,n);if(null!=a&&a.createPattern){if(a.getHrefAttribute().hasValue()){var r=a.attribute("patternTransform");a=a.getHrefAttribute().getDefinition(),r.hasValue()&&(a.attribute("patternTransform",!0).value=r.value)}return a.createPattern(t.ctx,e)}return null}},{key:"getDPI",value:function(e){return 96}},{key:"getEM",value:function(e){var n=12,a=new t.Property("fontSize",t.Font.Parse(t.ctx.font).fontSize);return a.hasValue()&&(n=a.toPixels(e)),n}},{key:"getUnits",value:function(){return(this.value+"").replace(/[0-9.-]/g,"")}},{key:"toPixels",value:function(e,n){if(!this.hasValue())return 0;var a=this.value+"";if(a.match(/em$/))return this.numValue()*this.getEM(e);if(a.match(/ex$/))return this.numValue()*this.getEM(e)/2;if(a.match(/px$/))return this.numValue();if(a.match(/pt$/))return this.numValue()*this.getDPI(e)*(1/72);if(a.match(/pc$/))return 15*this.numValue();if(a.match(/cm$/))return this.numValue()*this.getDPI(e)/2.54;if(a.match(/mm$/))return this.numValue()*this.getDPI(e)/25.4;if(a.match(/in$/))return this.numValue()*this.getDPI(e);if(a.match(/%$/))return this.numValue()*t.ViewPort.ComputeSize(e);var r=this.numValue();return n&&r<1?r*t.ViewPort.ComputeSize(e):r}},{key:"toMilliseconds",value:function(){if(!this.hasValue())return 0;var e=this.value+"";return e.match(/s$/)?1e3*this.numValue():(e.match(/ms$/),this.numValue())}},{key:"toRadians",value:function(){if(!this.hasValue())return 0;var e=this.value+"";return e.match(/deg$/)?this.numValue()*(Math.PI/180):e.match(/grad$/)?this.numValue()*(Math.PI/200):e.match(/rad$/)?this.numValue():this.numValue()*(Math.PI/180)}},{key:"toTextBaseline",value:function(){return this.hasValue()?n[this.value]:null}}]),e}(),t.Font=new function(){this.Styles="normal|italic|oblique|inherit",this.Variants="normal|small-caps|inherit",this.Weights="normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900|inherit",this.CreateFont=function(e,n,a,r,i,s){var o=null!=s?this.Parse(s):this.CreateFont("","","","","",t.ctx.font);return{fontFamily:i||o.fontFamily,fontSize:r||o.fontSize,fontStyle:e||o.fontStyle,fontWeight:a||o.fontWeight,fontVariant:n||o.fontVariant,toString:function(){return[this.fontStyle,this.fontVariant,this.fontWeight,this.fontSize,this.fontFamily].join(" ")}}};var e=this;this.Parse=function(n){for(var a={},r=t.trim(t.compressSpaces(n||"")).split(" "),i={fontSize:!1,fontStyle:!1,fontWeight:!1,fontVariant:!1},s="",o=0;othis.x2&&(this.x2=e)),null!=t&&((isNaN(this.y1)||isNaN(this.y2))&&(this.y1=t,this.y2=t),tthis.y2&&(this.y2=t))},this.addX=function(e){this.addPoint(e,null)},this.addY=function(e){this.addPoint(null,e)},this.addBoundingBox=function(e){this.addPoint(e.x1,e.y1),this.addPoint(e.x2,e.y2)},this.addQuadraticCurve=function(e,t,n,a,r,i){var s=e+2/3*(n-e),o=t+2/3*(a-t),l=s+1/3*(r-e),u=o+1/3*(i-t);this.addBezierCurve(e,t,s,l,o,u,r,i)},this.addBezierCurve=function(e,t,n,a,r,i,s,o){var l=this,u=[e,t],c=[n,a],h=[r,i],d=[s,o];this.addPoint(u[0],u[1]),this.addPoint(d[0],d[1]);for(var f=function(e){var t=function(t){return Math.pow(1-t,3)*u[e]+3*Math.pow(1-t,2)*t*c[e]+3*(1-t)*Math.pow(t,2)*h[e]+Math.pow(t,3)*d[e]},n=6*u[e]-12*c[e]+6*h[e],a=-3*u[e]+9*c[e]-9*h[e]+3*d[e],r=3*c[e]-3*u[e];if(0===a){if(0===n)return"continue";var i=-r/n;return i>0&&i<1&&(0===e&&l.addX(t(i)),1===e&&l.addY(t(i))),"continue"}var s=Math.pow(n,2)-4*r*a;if(s<0)return"continue";var o=(-n+Math.sqrt(s))/(2*a);o>0&&o<1&&(0===e&&l.addX(t(o)),1===e&&l.addY(t(o)));var f=(-n-Math.sqrt(s))/(2*a);f>0&&f<1&&(0===e&&l.addX(t(f)),1===e&&l.addY(t(f)))},p=0;p<=1;p++)f(p)},this.isPointInBox=function(e,t){return this.x1<=e&&e<=this.x2&&this.y1<=t&&t<=this.y2},this.addPoint(e,t),this.addPoint(n,a)},t.Transform=function(e){var n=this;this.Type={},this.Type.translate=function(e){this.p=t.CreatePoint(e),this.apply=function(e){e.translate(this.p.x||0,this.p.y||0)},this.unapply=function(e){e.translate(-1*this.p.x||0,-1*this.p.y||0)},this.applyToPoint=function(e){e.applyTransform([1,0,0,1,this.p.x||0,this.p.y||0])}},this.Type.rotate=function(e){var n=t.ToNumberArray(e);this.angle=new t.Property("angle",n[0]),this.cx=n[1]||0,this.cy=n[2]||0,this.apply=function(e){e.translate(this.cx,this.cy),e.rotate(this.angle.toRadians()),e.translate(-this.cx,-this.cy)},this.unapply=function(e){e.translate(this.cx,this.cy),e.rotate(-1*this.angle.toRadians()),e.translate(-this.cx,-this.cy)},this.applyToPoint=function(e){var t=this.angle.toRadians();e.applyTransform([1,0,0,1,this.p.x||0,this.p.y||0]),e.applyTransform([Math.cos(t),Math.sin(t),-Math.sin(t),Math.cos(t),0,0]),e.applyTransform([1,0,0,1,-this.p.x||0,-this.p.y||0])}},this.Type.scale=function(e){this.p=t.CreatePoint(e),this.apply=function(e){e.scale(this.p.x||1,this.p.y||this.p.x||1)},this.unapply=function(e){e.scale(1/this.p.x||1,1/this.p.y||this.p.x||1)},this.applyToPoint=function(e){e.applyTransform([this.p.x||0,0,0,this.p.y||0,0,0])}},this.Type.matrix=function(e){this.m=t.ToNumberArray(e),this.apply=function(e){e.transform(this.m[0],this.m[1],this.m[2],this.m[3],this.m[4],this.m[5])},this.applyToPoint=function(e){e.applyTransform(this.m)}},this.Type.SkewBase=function(e){function a(e){classCallCheck(this,a);var r=possibleConstructorReturn(this,(a.__proto__||Object.getPrototypeOf(a)).call(this));return r.base=n.Type.matrix,r.base(e),r.angle=new t.Property("angle",e),r}return inherits(a,e),a}(this.Type.matrix),this.Type.skewX=function(e){function t(e){classCallCheck(this,t);var a=possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return a.base=n.Type.SkewBase,a.base(e),a.m=[1,0,Math.tan(a.angle.toRadians()),1,0,0],a}return inherits(t,e),t}(this.Type.SkewBase),this.Type.skewY=function(e){function t(e){classCallCheck(this,t);var a=possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return a.base=n.Type.SkewBase,a.base(e),a.m=[1,Math.tan(a.angle.toRadians()),0,1,0,0],a}return inherits(t,e),t}(this.Type.SkewBase),this.transforms=[],this.apply=function(e){for(var t=0;t=0;t--)this.transforms[t].unapply(e)},this.applyToPoint=function(e){for(var t=0;t=this.tokens.length-1},this.isCommandOrEnd=function(){return!!this.isEnd()||null!=this.tokens[this.i+1].match(/^[A-Za-z]$/)},this.isRelativeCommand=function(){switch(this.command){case"m":case"l":case"h":case"v":case"c":case"s":case"q":case"t":case"a":case"z":return!0}return!1},this.getToken=function(){return this.i++,this.tokens[this.i]},this.getScalar=function(){return parseFloat(this.getToken())},this.nextCommand=function(){this.previousCommand=this.command,this.command=this.getToken()},this.getPoint=function(){var e=new t.Point(this.getScalar(),this.getScalar());return this.makeAbsolute(e)},this.getAsControlPoint=function(){var e=this.getPoint();return this.control=e,e},this.getAsCurrentPoint=function(){var e=this.getPoint();return this.current=e,e},this.getReflectedControlPoint=function(){return"c"!==this.previousCommand.toLowerCase()&&"s"!==this.previousCommand.toLowerCase()&&"q"!==this.previousCommand.toLowerCase()&&"t"!==this.previousCommand.toLowerCase()?this.current:new t.Point(2*this.current.x-this.control.x,2*this.current.y-this.control.y)},this.makeAbsolute=function(e){return this.isRelativeCommand()&&(e.x+=this.current.x,e.y+=this.current.y),e},this.addMarker=function(e,t,n){null!=n&&this.angles.length>0&&null==this.angles[this.angles.length-1]&&(this.angles[this.angles.length-1]=this.points[this.points.length-1].angleTo(n)),this.addMarkerAngle(e,null==t?null:t.angleTo(e))},this.addMarkerAngle=function(e,t){this.points.push(e),this.angles.push(t)},this.getMarkerPoints=function(){return this.points},this.getMarkerAngles=function(){for(var e=0;e1&&(i*=Math.sqrt(d),s*=Math.sqrt(d));var f=(l===u?-1:1)*Math.sqrt((Math.pow(i,2)*Math.pow(s,2)-Math.pow(i,2)*Math.pow(h.y,2)-Math.pow(s,2)*Math.pow(h.x,2))/(Math.pow(i,2)*Math.pow(h.y,2)+Math.pow(s,2)*Math.pow(h.x,2)));isNaN(f)&&(f=0);var p=new t.Point(f*i*h.y/s,f*-s*h.x/i),g=new t.Point((r.x+c.x)/2+Math.cos(o)*p.x-Math.sin(o)*p.y,(r.y+c.y)/2+Math.sin(o)*p.x+Math.cos(o)*p.y),v=function(e){return Math.sqrt(Math.pow(e[0],2)+Math.pow(e[1],2))},m=function(e,t){return(e[0]*t[0]+e[1]*t[1])/(v(e)*v(t))},b=function(e,t){return(e[0]*t[1]=1&&(C=0);var S=1-u?1:-1,w=y+S*(C/2),k=new t.Point(g.x+i*Math.cos(w),g.y+s*Math.sin(w));if(n.addMarkerAngle(k,w-S*Math.PI/2),n.addMarkerAngle(c,w-S*Math.PI),a.addPoint(c.x,c.y),null!=e){var $=i>s?i:s,E=i>s?1:i/s,P=i>s?s/i:1;e.translate(g.x,g.y),e.rotate(o),e.scale(E,P),e.arc(0,0,$,y,y+C,1-u),e.scale(1/E,1/P),e.rotate(-o),e.translate(-g.x,-g.y)}};!n.isCommandOrEnd();)w();break;case"Z":case"z":null!=e&&e.closePath(),n.current=n.start}return a},a.getMarkers=function(){for(var e=this.PathParser.getMarkerPoints(),t=this.PathParser.getMarkerAngles(),n=[],a=0;a1&&(a.offset=1);var r=a.style("stop-color");return a.style("stop-opacity").hasValue()&&(r=r.addOpacity(a.style("stop-opacity"))),a.color=r.value,a}return inherits(n,e),n}(t.Element.ElementBase),t.Element.AnimateBase=function(e){function n(e){classCallCheck(this,n);var a=possibleConstructorReturn(this,(n.__proto__||Object.getPrototypeOf(n)).call(this));return a.base=t.Element.ElementBase,a.base(e),t.Animations.push(a),a.duration=0,a.begin=a.attribute("begin").toMilliseconds(),a.maxDuration=a.begin+a.attribute("dur").toMilliseconds(),a.getProperty=function(){var e=this.attribute("attributeType").value,t=this.attribute("attributeName").value;return"CSS"===e?this.parent.style(t,!0):this.parent.attribute(t,!0)},a.initialValue=null,a.initialUnits="",a.removed=!1,a.calcValue=function(){return""},a.update=function(e){if(null==this.initialValue&&(this.initialValue=this.getProperty().value,this.initialUnits=this.getProperty().getUnits()),this.duration>this.maxDuration){if("indefinite"===this.attribute("repeatCount").value||"indefinite"===this.attribute("repeatDur").value)this.duration=0;else if("freeze"!==this.attribute("fill").valueOrDefault("remove")||this.frozen){if("remove"===this.attribute("fill").valueOrDefault("remove")&&!this.removed)return this.removed=!0,this.getProperty().value=this.parent.animationFrozen?this.parent.animationFrozenValue:this.initialValue,!0}else this.frozen=!0,this.parent.animationFrozen=!0,this.parent.animationFrozenValue=this.getProperty().value;return!1}this.duration=this.duration+e;var t=!1;if(this.beginn&&s.attribute("x").hasValue())break;r+=s.measureTextRecursive(e)}return-1*("end"===a?r:r/2)}return 0},a.renderChild=function(e,t,n){var a=t.children[n];a.attribute("x").hasValue()?(a.x=a.attribute("x").toPixels("x")+this.getAnchorDelta(e,t,n),a.attribute("dx").hasValue()&&(a.x+=a.attribute("dx").toPixels("x"))):(this.attribute("dx").hasValue()&&(this.x+=this.attribute("dx").toPixels("x")),a.attribute("dx").hasValue()&&(this.x+=a.attribute("dx").toPixels("x")),a.x=this.x),this.x=a.x+a.measureText(e),a.attribute("y").hasValue()?(a.y=a.attribute("y").toPixels("y"),a.attribute("dy").hasValue()&&(a.y+=a.attribute("dy").toPixels("y"))):(this.attribute("dy").hasValue()&&(this.y+=this.attribute("dy").toPixels("y")),a.attribute("dy").hasValue()&&(this.y+=a.attribute("dy").toPixels("y")),a.y=this.y),this.y=a.y,a.render(e);for(var r=0;r0&&" "!==t[n-1]&&n0&&" "!==t[n-1]&&(n===t.length-1||" "===t[n+1])&&(i="initial"),void 0!==e.glyphs[a]&&null==(r=e.glyphs[a][i])&&"glyph"===e.glyphs[a].type&&(r=e.glyphs[a])}else r=e.glyphs[a];return null==r&&(r=e.missingGlyph),r},a.renderChildren=function(e){var n=this.parent.style("font-family").getDefinition();if(null==n)""!==e.fillStyle&&e.fillText(t.compressSpaces(this.getText()),this.x,this.y),""!==e.strokeStyle&&e.strokeText(t.compressSpaces(this.getText()),this.x,this.y);else{var a=this.parent.style("font-size").numValueOrDefault(t.Font.Parse(t.ctx.font).fontSize),r=this.parent.style("font-style").valueOrDefault(t.Font.Parse(t.ctx.font).fontStyle),i=this.getText();n.isRTL&&(i=i.split("").reverse().join(""));for(var s=t.ToNumberArray(this.parent.attribute("dx").value),o=0;o=0&&e<=1&&this.group_.setAttribute("opacity",e)}},{key:"appendChildren",value:function(e){for(var t=0;t element");this.svgElem_=t,this.obj_num=0,this.idPrefix=n||"svg_",this.releasedNums=[],this.all_layers=[],this.layer_map={},this.current_layer=null,this.nonce_="";var a=this.svgElem_.getAttributeNS(NS.SE,"nonce");a&&randIds!==RandomizeModes.NEVER_RANDOMIZE?this.nonce_=a:randIds===RandomizeModes.ALWAYS_RANDOMIZE&&this.setNonce(Math.floor(100001*Math.random()))}return createClass(e,[{key:"getElem_",value:function(e){return this.svgElem_.querySelector?this.svgElem_.querySelector("#"+e):$$5(this.svgElem_).find("[id="+e+"]")[0]}},{key:"getSvgElem",value:function(){return this.svgElem_}},{key:"getNonce",value:function(){return this.nonce_}},{key:"setNonce",value:function(e){this.svgElem_.setAttributeNS(NS.XMLNS,"xmlns:se",NS.SE),this.svgElem_.setAttributeNS(NS.SE,"se:nonce",e),this.nonce_=e}},{key:"clearNonce",value:function(){this.nonce_=""}},{key:"getId",value:function(){return this.nonce_?this.idPrefix+this.nonce_+"_"+this.obj_num:this.idPrefix+this.obj_num}},{key:"getNextId",value:function(){var e=this.obj_num,t=!1;this.releasedNums.length>0?(this.obj_num=this.releasedNums.pop(),t=!0):this.obj_num++;for(var n=this.getId();this.getElem_(n);)t&&(this.obj_num=e,t=!1),this.obj_num++,n=this.getId();return t&&(this.obj_num=e),n}},{key:"releaseId",value:function(e){var t=this.idPrefix+(this.nonce_?this.nonce_+"_":"");if("string"!=typeof e||!e.startsWith(t))return!1;var n=parseInt(e.substr(t.length),10);return!("number"!=typeof n||n<=0||this.releasedNums.includes(n))&&(this.releasedNums.push(n),!0)}},{key:"getNumLayers",value:function(){return this.all_layers.length}},{key:"hasLayer",value:function(e){return void 0!==this.layer_map[e]}},{key:"getLayerName",value:function(e){return e>=0&&e=t)return null;var n=void 0;for(n=0;nn?e0){var o=this.current_layer.getName();this.current_layer=this.all_layers[s-1],this.all_layers.splice(s,1),delete this.layer_map[o]}e.endBatchCommand()}}},{key:"mergeAllLayers",value:function(e){for(this.current_layer=this.all_layers[this.all_layers.length-1],e.startBatchCommand("Merge all Layers");this.all_layers.length>1;)this.mergeLayer(e);e.endBatchCommand()}},{key:"setCurrentLayer",value:function(e){var t=this.layer_map[e];return!!t&&(this.current_layer&&this.current_layer.deactivate(),this.current_layer=t,this.current_layer.activate(),!0)}},{key:"deleteCurrentLayer",value:function(){if(this.current_layer&&this.getNumLayers()>1){var e=this.current_layer.removeGroup();return this.identifyLayers(),e}return null}},{key:"identifyLayers",value:function(){this.all_layers=[],this.layer_map={};for(var e=this.svgElem_.childNodes.length,t=[],n=[],a=null,r=!1,i=0;i0||!r?((a=new Layer(getNewLayerName(n),null,this.svgElem_)).appendChildren(t),this.all_layers.push(a),this.layer_map[name]=a):a.activate(),this.current_layer=a}},{key:"createLayer",value:function(e,t){this.current_layer&&this.current_layer.deactivate(),(void 0===e||null===e||""===e||this.layer_map[e])&&(e=getNewLayerName(Object.keys(this.layer_map)));var n=new Layer(e,null,this.svgElem_);return t&&(t.startBatchCommand("Create Layer"),t.insertElement(n.getGroup()),t.endBatchCommand()),this.all_layers.push(n),this.layer_map[e]=n,this.current_layer=n,n.getGroup()}},{key:"cloneLayer",value:function(e,t){if(!this.current_layer)return null;this.current_layer.deactivate(),(void 0===e||null===e||""===e||this.layer_map[e])&&(e=getNewLayerName(Object.keys(this.layer_map)));for(var n=this.current_layer.getGroup(),a=new Layer(e,n,this.svgElem_),r=a.getGroup(),i=n.childNodes,s=0;s=0?this.all_layers.splice(l+1,0,a):this.all_layers.push(a),this.layer_map[e]=a,this.current_layer=a,r}},{key:"getLayerVisibility",value:function(e){var t=this.layer_map[e];return!!t&&t.isVisible()}},{key:"setLayerVisibility",value:function(e,t){if("boolean"!=typeof t)return null;var n=this.layer_map[e];return n?(n.setVisible(t),n.getGroup()):null}},{key:"getLayerOpacity",value:function(e){var t=this.layer_map[e];return t?t.getOpacity():null}},{key:"setLayerOpacity",value:function(e,t){if(!("number"!=typeof t||t<0||t>1)){var n=this.layer_map[e];n&&n.setOpacity(t)}}},{key:"copyElem",value:function(e){var t=this;return copyElem(e,function(){return t.getNextId()})}}]),e}(),randomizeIds=function(e,t){(randIds=!1===e?RandomizeModes.NEVER_RANDOMIZE:RandomizeModes.ALWAYS_RANDOMIZE)!==RandomizeModes.ALWAYS_RANDOMIZE||t.getNonce()?randIds===RandomizeModes.NEVER_RANDOMIZE&&t.getNonce()&&t.clearNonce():t.setNonce(Math.floor(100001*Math.random()))},canvas_=void 0,init$3=function(e){canvas_=e},identifyLayers=function(){leaveContext(),canvas_.getCurrentDrawing().identifyLayers()},createLayer=function(e,t){var n=canvas_.getCurrentDrawing().createLayer(e,historyRecordingService(t));canvas_.clearSelection(),canvas_.call("changed",[n])},cloneLayer=function(e,t){var n=canvas_.getCurrentDrawing().cloneLayer(e,historyRecordingService(t));canvas_.clearSelection(),leaveContext(),canvas_.call("changed",[n])},deleteCurrentLayer=function(){var e=canvas_.getCurrentDrawing().getCurrentLayer(),t=e.nextSibling,n=e.parentNode;if(e=canvas_.getCurrentDrawing().deleteCurrentLayer()){var a=new BatchCommand("Delete Layer");return a.addSubCommand(new RemoveElementCommand(e,t,n)),canvas_.addCommandToHistory(a),canvas_.clearSelection(),canvas_.call("changed",[n]),!0}return!1},setCurrentLayer=function(e){var t=canvas_.getCurrentDrawing().setCurrentLayer(toXml(e));return t&&canvas_.clearSelection(),t},renameCurrentLayer=function(e){var t=canvas_.getCurrentDrawing(),n=t.getCurrentLayer();if(n&&t.setCurrentLayerName(e,historyRecordingService()))return canvas_.call("changed",[n]),!0;return!1},setCurrentLayerPosition=function(e){var t=canvas_.getCurrentDrawing().setCurrentLayerPosition(e);return!!t&&(canvas_.addCommandToHistory(new MoveElementCommand(t.currentGroup,t.oldNextSibling,canvas_.getSVGContent())),!0)},setLayerVisibility=function(e,t){var n=canvas_.getCurrentDrawing(),a=n.getLayerVisibility(e),r=n.setLayerVisibility(e,t);if(!r)return!1;var i=a?"inline":"none";return canvas_.addCommandToHistory(new ChangeElementCommand(r,{display:i},"Layer Visibility")),r===n.getCurrentLayer()&&(canvas_.clearSelection(),canvas_.pathActions.clear()),!0},moveSelectedToLayer=function(e){var t=canvas_.getCurrentDrawing().getLayerByName(e);if(!t)return!1;for(var n=new BatchCommand("Move Elements to Layer"),a=canvas_.getSelectedElements(),r=a.length;r--;){var i=a[r];if(i){var s=i.nextSibling,o=i.parentNode;t.appendChild(i),n.addSubCommand(new MoveElementCommand(i,s,o))}}return canvas_.addCommandToHistory(n),!0},mergeLayer=function(e){canvas_.getCurrentDrawing().mergeLayer(historyRecordingService(e)),canvas_.clearSelection(),leaveContext(),canvas_.changeSvgcontent()},mergeAllLayers=function(e){canvas_.getCurrentDrawing().mergeAllLayers(historyRecordingService(e)),canvas_.clearSelection(),leaveContext(),canvas_.changeSvgcontent()},leaveContext=function(){var e=disabledElems.length;if(e){for(var t=0;t0){for(var r=a.numberOfItems,i=r;r--;){var s=a.getItem(r);if(0===s.type)a.removeItem(r);else if(1===s.type){if(isIdentity(s.matrix)){if(1===i)return t.removeAttribute("transform"),null;a.removeItem(r)}}else 4===s.type&&0===s.angle&&a.removeItem(r)}if(1===a.numberOfItems&&getRotationAngle(t))return null}if(!a||0===a.numberOfItems)return t.setAttribute("transform",""),t.removeAttribute("transform"),null;if(a){for(var o=[],l=a.numberOfItems;l--;){var u=a.getItem(l);1===u.type?o.push([u.matrix,l]):o.length&&(o=[])}if(2===o.length){var c=n.createSVGTransformFromMatrix(matrixMultiply(o[1][0],o[0][0]));a.removeItem(o[0][1]),a.removeItem(o[1][1]),a.insertItemBefore(c,o[1][1])}if((l=a.numberOfItems)>=2&&1===a.getItem(l-2).type&&2===a.getItem(l-1).type){var h=n.createSVGTransform(),d=matrixMultiply(a.getItem(l-2).matrix,a.getItem(l-1).matrix);h.setMatrix(d),a.removeItem(l-2),a.removeItem(l-2),a.appendItem(h)}}switch(t.tagName){case"line":case"polyline":case"polygon":case"path":break;default:if(1===a.numberOfItems&&1===a.getItem(0).type||2===a.numberOfItems&&1===a.getItem(0).type&&4===a.getItem(0).type)return null}var f=$$7(t).data("gsvg"),p=new BatchCommand("Transform"),g={},v=null,m=[];switch(t.tagName){case"line":m=["x1","y1","x2","y2"];break;case"circle":m=["cx","cy","r"];break;case"ellipse":m=["cx","cy","rx","ry"];break;case"foreignObject":case"rect":case"image":m=["width","height","x","y"];break;case"use":case"text":case"tspan":m=["x","y"];break;case"polygon":case"polyline":(v={}).points=t.getAttribute("points");var b=t.points,y=b.numberOfItems;g.points=new Array(y);for(var _=0;_1e-10?Math.sin(E)/(1-Math.cos(E)):2/E;for(var A=0;A=3&&3===a.getItem(G-2).type&&2===a.getItem(G-3).type&&2===a.getItem(G-1).type){M=3;for(var V=a.getItem(G-3).matrix,R=a.getItem(G-2).matrix,j=a.getItem(G-1).matrix,D=t.childNodes,F=D.length;F--;){var U=D.item(F);if(L=0,I=0,1===U.nodeType){var H=getTransformList(U);if(!H)continue;var z=transformListToTransform(H).matrix,q=getRotationAngle(U);if(O=context_.getStartTransform(),context_.setStartTransform(U.getAttribute("transform")),q||hasMatrixTransform(H)){var X=n.createSVGTransform();X.setMatrix(matrixMultiply(V,R,j,z)),H.clear(),H.appendItem(X)}else{var W=matrixMultiply(z.inverse(),j,z),Y=n.createSVGMatrix();Y.e=-W.e,Y.f=-W.f;var Q=matrixMultiply(Y.inverse(),z.inverse(),V,R,j,z,W.inverse()),Z=n.createSVGTransform(),K=n.createSVGTransform(),J=n.createSVGTransform();Z.setTranslate(W.e,W.f),K.setScale(Q.a,Q.d),J.setTranslate(Y.e,Y.f),H.appendItem(J),H.appendItem(K),H.appendItem(Z)}p.addSubCommand(e(U)),context_.setStartTransform(O)}}a.removeItem(G-1),a.removeItem(G-2),a.removeItem(G-3)}else if(G>=3&&1===a.getItem(G-1).type){M=3,k=transformListToTransform(a).matrix;var ee=n.createSVGTransform();ee.setMatrix(k),a.clear(),a.appendItem(ee)}else if((1===G||G>1&&3!==a.getItem(1).type)&&2===a.getItem(0).type){M=2;var te=transformListToTransform(a).matrix;a.removeItem(0);var ne=transformListToTransform(a).matrix.inverse(),ae=matrixMultiply(ne,te);if(L=ae.e,I=ae.f,0!==L||0!==I){for(var re=t.childNodes,ie=re.length,se=[];ie--;){var oe=re.item(ie);if(1===oe.nodeType){if(oe.getAttribute("clip-path")){var le=oe.getAttribute("clip-path");se.includes(le)||(updateClipPath(le,L,I),se.push(le))}O=context_.getStartTransform(),context_.setStartTransform(oe.getAttribute("transform"));var ue=getTransformList(oe);if(ue){var ce=n.createSVGTransform();ce.setTranslate(L,I),ue.numberOfItems?ue.insertItemBefore(ce,0):ue.appendItem(ce),p.addSubCommand(e(oe));for(var he=t.getElementsByTagNameNS(NS.SVG,"use"),de="#"+oe.id,fe=he.length;fe--;){var pe=he.item(fe);if(de===getHref(pe)){var ge=n.createSVGTransform();ge.setTranslate(-L,-I),getTransformList(pe).insertItemBefore(ge,0),p.addSubCommand(e(pe))}}context_.setStartTransform(O)}}}se=[],context_.setStartTransform(O)}}else{if(1!==G||1!==a.getItem(0).type||$){if($){var ve=n.createSVGTransform();ve.setRotate($,S.x,S.y),a.numberOfItems?a.insertItemBefore(ve,0):a.appendItem(ve)}return 0===a.numberOfItems&&t.removeAttribute("transform"),null}M=1;for(var me=a.getItem(0).matrix,be=t.childNodes,ye=be.length;ye--;){var _e=be.item(ye);if(1===_e.nodeType){O=context_.getStartTransform(),context_.setStartTransform(_e.getAttribute("transform"));var xe=getTransformList(_e);if(!xe)continue;var Ce=matrixMultiply(me,transformListToTransform(xe).matrix),Se=n.createSVGTransform();Se.setMatrix(Ce),xe.clear(),xe.appendItem(Se,0),p.addSubCommand(e(_e)),context_.setStartTransform(O);var we=_e.getAttribute("stroke-width");if("none"!==_e.getAttribute("stroke")&&!isNaN(we)){var ke=(Math.abs(Ce.a)+Math.abs(Ce.d))/2;_e.setAttribute("stroke-width",we*ke)}}}a.clear()}if(2===M){if($){S={x:C.x+B.e,y:C.y+B.f};var $e=n.createSVGTransform();$e.setRotate($,S.x,S.y),a.numberOfItems?a.insertItemBefore($e,0):a.appendItem($e)}}else if(3===M){var Ee=transformListToTransform(a).matrix,Pe=n.createSVGTransform();Pe.setRotate($,C.x,C.y);var Ae=Pe.matrix,Te=n.createSVGTransform();Te.setRotate($,S.x,S.y);var Ne=Te.matrix.inverse(),Ge=Ee.inverse(),Le=matrixMultiply(Ge,Ne,Ae,Ee);if(L=Le.e,I=Le.f,0!==L||0!==I)for(var Ie=t.childNodes,Me=Ie.length;Me--;){var Be=Ie.item(Me);if(1===Be.nodeType){O=context_.getStartTransform(),context_.setStartTransform(Be.getAttribute("transform"));var Oe=getTransformList(Be),Ve=n.createSVGTransform();Ve.setTranslate(L,I),Oe.numberOfItems?Oe.insertItemBefore(Ve,0):Oe.appendItem(Ve),p.addSubCommand(e(Be)),context_.setStartTransform(O)}}$&&(a.numberOfItems?a.insertItemBefore(Te,0):a.appendItem(Te))}}else{var Re=getBBox(t);if(!Re&&"path"!==t.tagName)return null;var je=n.createSVGMatrix(),De=getRotationAngle(t);if(De){C={x:Re.x+Re.width/2,y:Re.y+Re.height/2},S=transformPoint(Re.x+Re.width/2,Re.y+Re.height/2,transformListToTransform(a).matrix);for(var Fe=De*Math.PI/180,Ue=Math.abs(Fe)>1e-10?Math.sin(Fe)/(1-Math.cos(Fe)):2/Fe,He=0;He=3&&3===a.getItem(We-2).type&&2===a.getItem(We-3).type&&2===a.getItem(We-1).type)Xe=3,je=transformListToTransform(a,We-3,We-1).matrix,a.removeItem(We-1),a.removeItem(We-2),a.removeItem(We-3);else if(4===We&&1===a.getItem(We-1).type){Xe=3,je=transformListToTransform(a).matrix;var tt=n.createSVGTransform();tt.setMatrix(je),a.clear(),a.appendItem(tt),je=n.createSVGMatrix()}else if((1===We||We>1&&3!==a.getItem(1).type)&&2===a.getItem(0).type){Xe=2;var nt=a.getItem(0).matrix,at=transformListToTransform(a,1).matrix,rt=at.inverse();je=matrixMultiply(rt,nt,at),a.removeItem(0)}else{if(1!==We||1!==a.getItem(0).type||De){if(Xe=4,De){var it=n.createSVGTransform();it.setRotate(De,S.x,S.y),a.numberOfItems?a.insertItemBefore(it,0):a.appendItem(it)}return 0===a.numberOfItems&&t.removeAttribute("transform"),null}switch(je=transformListToTransform(a).matrix,t.tagName){case"line":g=$$7(t).attr(["x1","y1","x2","y2"]);case"polyline":case"polygon":if(g.points=t.getAttribute("points"),g.points){var st=t.points,ot=st.numberOfItems;g.points=new Array(ot);for(var lt=0;lt0;)n.push(n.shift()),a--;var r=0;for(t in selectorManager_.selectorGrips)selectorManager_.selectorGrips[t].setAttribute("style","cursor:"+n[r]+"-resize"),r++}},{key:"showGrips",value:function(e){var t=e?"inline":"none";selectorManager_.selectorGripsGroup.setAttribute("display",t);var n=this.selectedElement;this.hasGrips=e,n&&e&&(this.selectorGroup.appendChild(selectorManager_.selectorGripsGroup),this.updateGripCursors(getRotationAngle(n)))}},{key:"resize",value:function(e){var t=this.selectorRect,n=selectorManager_,a=n.selectorGrips,r=this.selectedElement,i=r.getAttribute("stroke-width"),s=svgFactory_.getCurrentZoom(),o=1/s;"none"===r.getAttribute("stroke")||isNaN(i)||(o+=i/2);var l=r.tagName;"text"===l&&(o+=2/s);var u=getTransformList(r),c=transformListToTransform(u).matrix;if(c.e*=s,c.f*=s,e||(e=getBBox(r)),"g"===l&&!$$8.data(r,"gsvg")){var h=getStrokedBBox([r.childNodes]);h&&(e=h)}var d=e.x,f=e.y,p=e.width,g=e.height;e={x:d,y:f,width:p,height:g},o*=s;var v=transformBox(d*s,f*s,p*s,g*s,c),m=v.aabox,b=m.x-o,y=m.y-o,_=m.width+2*o,x=m.height+2*o,C=b+_/2,S=y+x/2,w=getRotationAngle(r);if(w){var k=svgFactory_.svgRoot().createSVGTransform();k.setRotate(-w,C,S);var $=k.matrix;v.tl=transformPoint(v.tl.x,v.tl.y,$),v.tr=transformPoint(v.tr.x,v.tr.y,$),v.bl=transformPoint(v.bl.x,v.bl.y,$),v.br=transformPoint(v.br.x,v.br.y,$);var E=v.tl,P=E.x,A=E.y,T=E.x,N=E.y,G=Math.min,L=Math.max;b=P=G(P,G(v.tr.x,G(v.bl.x,v.br.x)))-o,y=A=G(A,G(v.tr.y,G(v.bl.y,v.br.y)))-o,_=(T=L(T,L(v.tr.x,L(v.bl.x,v.br.x)))+o)-P,x=(N=L(N,L(v.tr.y,L(v.bl.y,v.br.y)))+o)-A}var I="M"+b+","+y+" L"+(b+_)+","+y+" "+(b+_)+","+(y+x)+" "+b+","+(y+x)+"z";t.setAttribute("d",I);var M=w?"rotate("+[w,C,S].join(",")+")":"";for(var B in this.selectorGroup.setAttribute("transform",M),this.gripCoords={nw:[b,y],ne:[b+_,y],sw:[b,y+x],se:[b+_,y+x],n:[b+_/2,y],w:[b,y+x/2],e:[b+_,y+x/2],s:[b+_/2,y+x]},this.gripCoords){var O=this.gripCoords[B];a[B].setAttribute("cx",O[0]),a[B].setAttribute("cy",O[1])}n.rotateGripConnector.setAttribute("x1",b+_/2),n.rotateGripConnector.setAttribute("y1",y),n.rotateGripConnector.setAttribute("x2",b+_/2),n.rotateGripConnector.setAttribute("y2",y-5*gripRadius),n.rotateGrip.setAttribute("cx",b+_/2),n.rotateGrip.setAttribute("cy",y-5*gripRadius)}}]),e}(),SelectorManager=function(){function e(){classCallCheck(this,e),this.selectorParentGroup=null,this.rubberBandBox=null,this.selectors=[],this.selectorMap={},this.selectorGrips={nw:null,n:null,ne:null,e:null,se:null,s:null,sw:null,w:null},this.selectorGripsGroup=null,this.rotateGripConnector=null,this.rotateGrip=null,this.initGroup()}return createClass(e,[{key:"initGroup",value:function(){for(var e in this.selectorParentGroup&&this.selectorParentGroup.parentNode&&this.selectorParentGroup.parentNode.removeChild(this.selectorParentGroup),this.selectorParentGroup=svgFactory_.createSVGElement({element:"g",attr:{id:"selectorParentGroup"}}),this.selectorGripsGroup=svgFactory_.createSVGElement({element:"g",attr:{display:"none"}}),this.selectorParentGroup.appendChild(this.selectorGripsGroup),svgFactory_.svgRoot().appendChild(this.selectorParentGroup),this.selectorMap={},this.selectors=[],this.rubberBandBox=null,this.selectorGrips){var t=svgFactory_.createSVGElement({element:"circle",attr:{id:"selectorGrip_resize_"+e,fill:"#22C",r:gripRadius,style:"cursor:"+e+"-resize","stroke-width":2,"pointer-events":"all"}});$$8.data(t,"dir",e),$$8.data(t,"type","resize"),this.selectorGrips[e]=this.selectorGripsGroup.appendChild(t)}if(this.rotateGripConnector=this.selectorGripsGroup.appendChild(svgFactory_.createSVGElement({element:"line",attr:{id:"selectorGrip_rotateconnector",stroke:"#22C","stroke-width":"1"}})),this.rotateGrip=this.selectorGripsGroup.appendChild(svgFactory_.createSVGElement({element:"circle",attr:{id:"selectorGrip_rotate",fill:"lime",r:gripRadius,stroke:"#22C","stroke-width":2,style:"cursor:url("+config_.imgPath+"rotate.png) 12 12, auto;"}})),$$8.data(this.rotateGrip,"type","rotate"),!$$8("#canvasBackground").length){var n=config_.dimensions,a=svgFactory_.createSVGElement({element:"svg",attr:{id:"canvasBackground",width:n[0],height:n[1],x:0,y:0,overflow:isWebkit()?"none":"visible",style:"pointer-events:none"}}),r=svgFactory_.createSVGElement({element:"rect",attr:{width:"100%",height:"100%",x:0,y:0,"stroke-width":1,stroke:"#000",fill:"#FFF",style:"pointer-events:none"}});a.appendChild(r),svgFactory_.svgRoot().insertBefore(a,svgFactory_.svgContent())}}},{key:"requestSelector",value:function(e,t){if(null==e)return null;var n=this.selectors.length;if("object"===_typeof(this.selectorMap[e.id]))return this.selectorMap[e.id].locked=!0,this.selectorMap[e.id];for(var a=0;a').documentElement,!0);t.appendChild(o);var l=s.createElementNS(NS.SVG,"svg");(i.clearSvgContentElement=function(){$$9(l).empty(),$$9(l).attr({id:"svgcontent",width:r[0],height:r[1],x:r[0],y:r[1],overflow:a.show_outside_canvas?"visible":"hidden",xmlns:NS.SVG,"xmlns:se":NS.SE,"xmlns:xlink":NS.XLINK}).appendTo(o);var e=s.createComment(" Created with SVG-edit - https://github.com/SVG-Edit/svgedit");l.appendChild(e)})();var u="svg_";i.setIdPrefix=function(e){u=e},i.current_drawing_=new Drawing(l,u);var c=i.getCurrentDrawing=function(){return i.current_drawing_},h=1,d=null,f={shape:{fill:("none"===a.initFill.color?"":"#")+a.initFill.color,fill_paint:null,fill_opacity:a.initFill.opacity,stroke:"#"+a.initStroke.color,stroke_paint:null,stroke_opacity:a.initStroke.opacity,stroke_width:a.initStroke.width,stroke_dasharray:"none",stroke_linejoin:"miter",stroke_linecap:"butt",opacity:a.initOpacity}};f.text=$$9.extend(!0,{},f.shape),$$9.extend(f.text,{fill:"#000000",stroke_width:a.text&&a.text.stroke_width,font_size:a.text&&a.text.font_size,font_family:a.text&&a.text.font_family});var p=f.shape,g=[],v=this.getJsonFromSvgElement=function(e){if(3===e.nodeType)return e.nodeValue;for(var t,n={element:e.tagName,attr:{},children:[]},a=0;t=e.attributes[a];a++)n.attr[t.name]=t.value;for(var r,i=0;r=e.childNodes[i];i++)n.children[i]=v(r);return n},m=this.addSvgElementFromJson=function(e){if("string"==typeof e)return s.createTextNode(e);var t=getElem(e.attr.id),n=c().getCurrentLayer();return t&&e.element!==t.tagName&&(n.removeChild(t),t=null),t||(t=s.createElementNS(NS.SVG,e.element),n&&(d||n).appendChild(t)),e.curStyles&&assignAttributes(t,{fill:p.fill,stroke:p.stroke,"stroke-width":p.stroke_width,"stroke-dasharray":p.stroke_dasharray,"stroke-linejoin":p.stroke_linejoin,"stroke-linecap":p.stroke_linecap,"stroke-opacity":p.stroke_opacity,"fill-opacity":p.fill_opacity,opacity:p.opacity/2,style:"pointer-events:inherit"},100),assignAttributes(t,e.attr,100),cleanupElement(t),e.children&&e.children.forEach(function(e){t.appendChild(m(e))}),t};i.getTransformList=getTransformList,i.matrixMultiply=matrixMultiply,i.hasMatrixTransform=hasMatrixTransform,i.transformListToTransform=transformListToTransform,init({getBaseUnit:function(){return a.baseUnit},getElement:getElem,getHeight:function(){return l.getAttribute("height")/h},getWidth:function(){return l.getAttribute("width")/h},getRoundDigits:function(){return F.round_digits}}),i.convertToNum=convertToNum;var b=function(){return l},y=this.getSelectedElems=function(){return g},_=pathActions;init$2({pathActions:_,getSVGContent:b,addSvgElementFromJson:m,getSelectedElements:y,getDOMDocument:function(){return s},getDOMContainer:function(){return t},getSVGRoot:function(){return o},getBaseUnit:function(){return a.baseUnit},getSnappingStep:function(){return a.snappingStep}}),i.findDefs=findDefs,i.getUrlFromAttr=getUrlFromAttr,i.getHref=getHref,i.setHref=setHref,i.getBBox=getBBox,i.getRotationAngle=getRotationAngle,i.getElem=getElem,i.getRefElem=getRefElem,i.assignAttributes=assignAttributes,this.cleanupElement=cleanupElement;var x=function(){return a.gridSnapping};init$4({getDrawing:function(){return c()},getSVGRoot:function(){return o},getGridSnapping:x}),this.remapElement=remapElement,init$5({getSVGRoot:function(){return o},getStartTransform:function(){return Y},setStartTransform:function(e){Y=e}}),this.recalculateDimensions=recalculateDimensions;var C=getReverseNS();i.sanitizeSvg=sanitizeSvg;var S=i.undoMgr=new UndoManager$1({handleHistoryEvent:function(e,t){var n=HistoryEventTypes$1;if(e===n.BEFORE_UNAPPLY||e===n.BEFORE_APPLY)i.clearSelection();else if(e===n.AFTER_APPLY||e===n.AFTER_UNAPPLY){var a=t.elements();i.pathActions.clear(),T("changed",a);var r=t.type(),s=e===n.AFTER_APPLY;if(r===MoveElementCommand$1.type())(s?t.newParent:t.oldParent)===l&&identifyLayers();else if(r===InsertElementCommand$1.type()||r===RemoveElementCommand$1.type())t.parent===l&&identifyLayers(),r===InsertElementCommand$1.type()?s&&j(t.elem):s||j(t.elem),"use"===t.elem.tagName&&Ie(t.elem);else if(r===ChangeElementCommand$1.type()){"title"===t.elem.tagName&&t.elem.parentNode.parentNode===l&&identifyLayers();var o=s?t.newValues:t.oldValues;o.stdDeviation&&i.setBlurOffsets(t.elem.parentNode,o.stdDeviation)}}}}),w=function(e){i.undoMgr.addCommandToHistory(e)},k=this.getZoom=function(){return h},$=this.round=function(e){return parseInt(e*h,10)/h};init$6(a,{createSVGElement:function(e){return i.addSvgElementFromJson(e)},svgRoot:function(){return o},svgContent:function(){return l},getCurrentZoom:k});var E=this.selectorManager=getSelectorManager(),P=i.getNextId=function(){return c().getNextId()},A=i.getId=function(){return c().getId()},T=function(e,t){if(oe[e])return oe[e](window,t)},N=function(e){g.map(function(e){null!=e&&E.releaseSelector(e)}),g=[],e||T("selected",g)},G=function(e,t){if(e.length){for(var n=0;n1&&s.showGrips(!1)}}}for(T("selected",g),t||1===g.length?E.requestSelector(g[0]).showGrips(!0):E.requestSelector(g[0]).showGrips(!1),g.sort(function(e,t){return e&&t&&e.compareDocumentPosition?3-(6&t.compareDocumentPosition(e)):null==e?1:void 0});null==g[0];)g.shift(0)}},L=function(){return p.opacity},I=this.getMouseTarget=function(e){if(null==e)return null;var n=e.target;if(n.correspondingUseElement&&(n=n.correspondingUseElement),[NS.MATH,NS.HTML].includes(n.namespaceURI)&&"svgcanvas"!==n.id)for(;"foreignObject"!==n.nodeName;)if(!(n=n.parentNode))return o;var a=c().getCurrentLayer();if([o,t,l,a].includes(n))return o;if($$9(n).closest("#selectorParentGroup").length)return E.selectorParentGroup;for(;n.parentNode!==(d||a);)n=n.parentNode;return n};i.pathActions=_,init$1({selectorManager:E,canvas:i,call:T,resetD:function(e){e.setAttribute("d",_.convertPath(e))},round:$,clearSelection:N,addToSelection:G,addCommandToHistory:w,remapElement:remapElement,addSvgElementFromJson:m,getGridSnapping:x,getOpacity:L,getSelectedElements:y,getContainer:function(){return t},setStarted:function(e){W=e},getRubberBox:function(){return ee},setRubberBox:function(e){return ee=e},addPtsToSelection:function(e){var t=e.closedSubpath,n=e.grips;_.canDeleteNodes=!0,_.closed_subpath=t,T("selected",n)},endChanges:function(e){var t=e.cmd,n=e.elem;w(t),T("changed",[n])},getCurrentZoom:k,getId:A,getNextId:P,getMouseTarget:I,getCurrentMode:function(){return Q},setCurrentmode:function(e){return Q=e},getDrawnPath:function(){return Ae},setDrawnPath:function(e){return Ae=e},getSVGRoot:function(){return o}});var M={},B="a,circle,ellipse,foreignObject,g,image,line,path,polygon,polyline,rect,svg,text,tspan,use",O=["clip-path","fill","filter","marker-end","marker-mid","marker-start","mask","stroke"],V=$$9.data,R=document.createElementNS(NS.SVG,"animate");$$9(R).attr({attributeName:"opacity",begin:"indefinite",dur:1,fill:"freeze"}).appendTo(o);var j=function e(t){var n=$$9(t).attr(O);for(var a in n){var r=n[a];if(r&&r.startsWith("url(")){var i=getUrlFromAttr(r).substr(1);getElem(i)||(findDefs().appendChild(q[i]),delete q[i])}}var s=t.getElementsByTagName("*");if(s.length)for(var o=0,l=s.length;o0&&(4===l.getItem(0).type&&l.removeItem(0));if(0!==e){var u=transformPoint(i,s,transformListToTransform(l).matrix),c=o.createSVGTransform();c.setRotate(e,u.x,u.y),l.numberOfItems?l.insertItemBefore(c,0):l.appendItem(c)}else 0===l.numberOfItems&&n.removeAttribute("transform");if(!t){var h=n.getAttribute("transform");n.setAttribute("transform",a),Fe("transform",h,g),T("changed",g)}var d=E.requestSelector(g[0]);d.resize(),d.updateGripCursors(e)};var ue=this.recalculateAllSelectedDimensions=function(){for(var e=new BatchCommand$1("none"===Z?"position":"size"),t=g.length;t--;){var n=g[t],a=recalculateDimensions(n);a&&e.addSubCommand(a)}e.isEmpty()||(w(e),T("changed",g))},ce=function(e){console.log([e.a,e.b,e.c,e.d,e.e,e.f])},he=null;this.clearSelection=N,this.addToSelection=G;var de=this.selectOnly=function(e,t){N(!0),G(e,t)};this.removeFromSelection=function(e){if(null!=g[0]&&e.length){var t=0,n=[],a=g.length;n.length=a;for(var r=0;r0&&i.removeFromSelection(N),G.length>0&&i.addToSelection(G);break;case"resize":k=getTransformList(p);var B=hasMatrixTransform(k),O=(f=B?ye:getBBox(p)).x,V=f.y,R=f,j=R.width,D=R.height;if(l=C-ge,u=w-ve,a.gridSnapping&&(l=snapToGrid(l),u=snapToGrid(u),D=snapToGrid(D),j=snapToGrid(j)),d=getRotationAngle(p)){var F=Math.sqrt(l*l+u*u),U=Math.atan2(u,l)-d*Math.PI/180;l=F*Math.cos(U),u=F*Math.sin(U)}Z.includes("n")||Z.includes("s")||(u=0),Z.includes("e")||Z.includes("w")||(l=0);var H=0,z=0,q=D?(D+u)/D:1,X=j?(j+l)/j:1;Z.includes("n")&&(q=D?(D-u)/D:1,z=D),Z.includes("w")&&(X=j?(j-l)/j:1,H=j);var Y=o.createSVGTransform(),K=o.createSVGTransform(),J=o.createSVGTransform();if(a.gridSnapping&&(O=snapToGrid(O),H=snapToGrid(H),V=snapToGrid(V),z=snapToGrid(z)),Y.setTranslate(-(O+H),-(V+z)),e.shiftKey&&(1===X?X=q:q=X),K.setScale(X,q),J.setTranslate(O+H,V+z),B){var te=d?1:0;k.replaceItem(Y,2+te),k.replaceItem(K,1+te),k.replaceItem(J,Number(te))}else{var ne=k.numberOfItems;k.replaceItem(J,ne-3),k.replaceItem(K,ne-2),k.replaceItem(Y,ne-1)}E.requestSelector(p).resize(),T("transition",g);break;case"zoom":x*=h,S*=h,assignAttributes(ee,{x:Math.min(me*h,x),y:Math.min(be*h,S),width:Math.abs(x-me*h),height:Math.abs(S-be*h)},100);break;case"text":assignAttributes(y,{x:C,y:w},1e3);break;case"line":a.gridSnapping&&(C=snapToGrid(C),w=snapToGrid(w));var ie=C,se=w;e.shiftKey&&(ie=(n=snapToAngle(ge,ve,ie,se)).x,se=n.y),y.setAttributeNS(null,"x2",ie),y.setAttributeNS(null,"y2",se);break;case"foreignObject":case"square":case"rect":case"image":var oe="square"===Q||e.shiftKey,le=Math.abs(C-ge),ue=Math.abs(w-ve),ce=void 0,de=void 0;oe?(le=ue=Math.max(le,ue),ce=ge.8&&(pe+=+ke.x+","+ke.y+" ",y.setAttributeNS(null,"points",pe),_e-=.8);xe={x:Ce.x,y:Ce.y},Ce={x:Se.x,y:Se.y},Se={x:we.x,y:we.y};break;case"path":case"pathedit":if(C*=h,w*=h,a.gridSnapping&&(C=snapToGrid(C),w=snapToGrid(w),ge=snapToGrid(ge),ve=snapToGrid(ve)),e.shiftKey){var Ie=path,Me=void 0,Be=void 0;Ie?(Me=Ie.dragging?Ie.dragging[0]:ge,Be=Ie.dragging?Ie.dragging[1]:ve):(Me=ge,Be=ve);var Oe=n=snapToAngle(Me,Be,C,w);C=Oe.x,w=Oe.y}ee&&"none"!==ee.getAttribute("display")&&(x*=h,S*=h,assignAttributes(ee,{x:Math.min(me*h,x),y:Math.min(be*h,S),width:Math.abs(x-me*h),height:Math.abs(S-be*h)},100)),_.mouseMove(C,w);break;case"textedit":C*=h,w*=h,Te.mouseMove(m,b);break;case"rotate":r=(f=getBBox(p)).x+f.width/2,s=f.y+f.height/2;var Ve=getMatrix(p),Re=transformPoint(r,s,Ve);r=Re.x,s=Re.y,d=(Math.atan2(s-w,r-C)*(180/Math.PI)-90)%360,a.gridSnapping&&(d=snapToGrid(d)),e.shiftKey&&(d=45*Math.round(d/45)),i.setRotationAngle(d<-180?360+d:d,!0),T("transition",g)}ae("mouseMove",{event:e,mouse_x:m,mouse_y:b,selected:p})}}).click(function(e){return e.preventDefault(),!1}).dblclick(function(e){var t=e.target.parentNode;if(t!==d){var n=I(e),a=n.tagName;if("text"===a&&"textedit"!==Q){var r=transformPoint(e.pageX,e.pageY,he);Te.select(n,r.x,r.y)}"g"!==a&&"a"!==a||!getRotationAngle(n)||(Ue(n),n=g[0],N(!0)),d&&leaveContext(),"g"!==t.tagName&&"a"!==t.tagName||t===c().getCurrentLayer()||n===E.selectorParentGroup||setContext(n)}}).mouseup(function(e){if(2!==e.button){var t=J;if(J=null,W){var n=transformPoint(e.pageX,e.pageY,he),r=n.x*h,s=n.y*h,o=r/h,l=s/h,u=getElem(A()),d=!1,f=o,v=l;W=!1;var b=void 0,y=void 0;switch(Q){case"resize":case"multiselect":null!=ee&&(ee.setAttribute("display","none"),te=[]),Q="select";case"select":if(null!=g[0]){if(null==g[1]){var x=g[0];switch(x.tagName){case"g":case"use":case"image":case"foreignObject":break;default:K.fill=x.getAttribute("fill"),K.fill_opacity=x.getAttribute("fill-opacity"),K.stroke=x.getAttribute("stroke"),K.stroke_opacity=x.getAttribute("stroke-opacity"),K.stroke_width=x.getAttribute("stroke-width"),K.stroke_dasharray=x.getAttribute("stroke-dasharray"),K.stroke_linejoin=x.getAttribute("stroke-linejoin"),K.stroke_linecap=x.getAttribute("stroke-linecap")}"text"===x.tagName&&(H.font_size=x.getAttribute("font-size"),H.font_family=x.getAttribute("font-family")),E.requestSelector(x).showGrips(!0)}if(ue(),f!==me||v!==be)for(var C=g.length,S=0;S=0?P.indexOf(",",N+1)>=0:P.indexOf(" ",P.indexOf(" ")+1)>=0)&&(u=_.smoothPolylineIntoPath(u));break;case"line":b=$$9(u).attr(["x1","x2","y1","y2"]),d=b.x1!==b.x2||b.y1!==b.y2;break;case"foreignObject":case"square":case"rect":case"image":b=$$9(u).attr(["width","height"]),d="0"!==b.width||"0"!==b.height||"image"===Q;break;case"circle":d="0"!==u.getAttribute("r");break;case"ellipse":b=$$9(u).attr(["rx","ry"]),d=null!=b.rx||null!=b.ry;break;case"fhellipse":fe.maxx-fe.minx>0&&fe.maxy-fe.miny>0&&(u=m({element:"ellipse",curStyles:!0,attr:{cx:(fe.minx+fe.maxx)/2,cy:(fe.miny+fe.maxy)/2,rx:(fe.maxx-fe.minx)/2,ry:(fe.maxy-fe.miny)/2,id:A()}}),T("changed",[u]),d=!0);break;case"fhrect":fe.maxx-fe.minx>0&&fe.maxy-fe.miny>0&&(u=m({element:"rect",curStyles:!0,attr:{x:fe.minx,y:fe.miny,width:fe.maxx-fe.minx,height:fe.maxy-fe.miny,id:A()}}),T("changed",[u]),d=!0);break;case"text":d=!0,de([u]),Te.start(u);break;case"path":u=null,W=!0;var G=_.mouseUp(e,u,r,s);u=G.element,d=G.keep;break;case"pathedit":d=!0,u=null,_.mouseUp(e);break;case"textedit":d=!1,u=null,Te.mouseUp(e,r,s);break;case"rotate":d=!0,u=null,Q="select";var L=i.undoMgr.finishUndoableChange();L.isEmpty()||w(L),ue(),T("changed",g)}var I=ae("mouseUp",{event:e,mouse_x:r,mouse_y:s},!0);if($$9.each(I,function(e,t){t&&(d=t.keep||d,u=t.element,W=t.started||W)}),d||null==u){if(null!=u){i.addedNew=!0;var M=.2,B=void 0;if(R.beginElement&&parseFloat(u.getAttribute("opacity"))!==p.opacity){B=$$9(R).clone().attr({to:p.opacity,dur:M}).appendTo(u);try{B[0].beginElement()}catch(e){}}else M=0;setTimeout(function(){B&&B.remove(),u.setAttribute("opacity",p.opacity),u.setAttribute("style","pointer-events:inherit"),cleanupElement(u),"path"===Q?_.toEditMode(u):a.selectNew&&de([u],!0),w(new InsertElementCommand$1(u)),T("changed",[u])},1e3*M)}}else{for(c().releaseId(A()),u.parentNode.removeChild(u),u=null,y=e.target;y&&y.parentNode&&y.parentNode.parentNode&&"g"===y.parentNode.parentNode.tagName;)y=y.parentNode;"path"===Q&&Ae||!y||!y.parentNode||"selectorParentGroup"===y.parentNode.id||"svgcanvas"===y.id||"svgroot"===y.id||(i.setMode("select"),de([y],!0))}Y=null}}}),$$9(t).bind("mousewheel DOMMouseScroll",function(e){if(e.shiftKey){e.preventDefault();var t=e.originalEvent;he=$$9("#svgcontent g")[0].getScreenCTM().inverse();var n=$$9("#workarea"),r=a.showRulers?16:0,s=transformPoint(t.pageX,t.pageY,he),o=n.width(),l=n.height(),u=o-15-r,c=l-15-r,d=u*he.a,f=c*he.d,p=n.offset(),g=p.left+r,v=p.top+r,m=t.wheelDelta?t.wheelDelta:t.detail?-t.detail:0;if(m){var b=Math.max(.75,Math.min(4/3,m)),y=void 0,_=void 0;b>1?(y=Math.ceil(u/d*b*100)/100,_=Math.ceil(c/f*b*100)/100):(y=Math.floor(u/d*b*100)/100,_=Math.floor(c/f*b*100)/100);var x=Math.min(y,_);if((x=Math.min(10,Math.max(.01,x)))!==h){b=x/h;var C=transformPoint(g,v,he),S={x:(s.x-(s.x-C.x)/b)*x-r+o/2,y:(s.y-(s.y-C.y)/b)*x-r+l/2};i.setZoom(x),$$9("#zoom").val((100*x).toFixed(1)),T("updateCanvas",{center:!1,newCtr:S}),T("zoomDone")}}}});var Te=i.textActions=function(){var e=void 0,t=void 0,n=void 0,a=void 0,r=void 0,s=[],l=void 0,u=void 0,c=void 0,d=void 0,f=void 0;function p(e){var i=""===t.value;if($$9(t).focus(),!arguments.length)if(i)e=0;else{if(t.selectionEnd!==t.selectionStart)return;e=t.selectionEnd}var o=s[e];i||t.setSelectionRange(e,e),(n=getElem("text_cursor"))||(n=document.createElementNS(NS.SVG,"line"),assignAttributes(n,{id:"text_cursor",stroke:"#333","stroke-width":1}),n=getElem("selectorParentGroup").appendChild(n)),r||(r=setInterval(function(){var e="none"===n.getAttribute("display");n.setAttribute("display",e?"inline":"none")},600));var u=x(o.x,l.y),c=x(o.x,l.y+l.height);assignAttributes(n,{x1:u.x,y1:u.y,x2:c.x,y2:c.y,visibility:"visible",display:"inline"}),a&&a.setAttribute("d","")}function v(e,r,i){if(e!==r){i||t.setSelectionRange(e,r),(a=getElem("text_selectblock"))||(a=document.createElementNS(NS.SVG,"path"),assignAttributes(a,{id:"text_selectblock",fill:"green",opacity:.5,style:"pointer-events:none"}),getElem("selectorParentGroup").appendChild(a));var o=s[e],u=s[r];n.setAttribute("visibility","hidden");var c=x(o.x,l.y),h=x(o.x+(u.x-o.x),l.y),d=x(o.x,l.y+l.height),f=x(o.x+(u.x-o.x),l.y+l.height),g="M"+c.x+","+c.y+" L"+h.x+","+h.y+" "+f.x+","+f.y+" "+d.x+","+d.y+"z";assignAttributes(a,{d:g,display:"inline"})}else p(r)}function m(t,n){var a=o.createSVGPoint();if(a.x=t,a.y=n,1===s.length)return 0;var r=e.getCharNumAtPosition(a);r<0?(r=s.length-2,t<=s[0].x&&(r=0)):r>=s.length-2&&(r=s.length-2);var i=s[r];return t>i.x+i.width/2&&r++,r}function b(e,t){p(m(e,t))}function y(e,n,a){var r=t.selectionStart,i=m(e,n);v(Math.min(r,i),Math.max(r,i),!a)}function _(e,t){var n={x:e,y:t};if(n.x/=h,n.y/=h,u){var a=transformPoint(n.x,n.y,u.inverse());n.x=a.x,n.y=a.y}return n}function x(e,t){var n={x:e,y:t};if(u){var a=transformPoint(n.x,n.y,u);n.x=a.x,n.y=a.y}return n.x*=h,n.y*=h,n}function C(t){v(0,e.textContent.length),$$9(this).unbind(t)}function S(t){if(f&&e){var n=transformPoint(t.pageX,t.pageY,he),a=_(n.x*h,n.y*h),r=m(a.x,a.y),i=e.textContent,s=i.substr(0,r).replace(/[a-z0-9]+$/i,"").length,o=i.substr(r).match(/^[a-z0-9]+/i);v(s,(o?o[0].length:0)+r),$$9(t.target).click(C),setTimeout(function(){$$9(t.target).unbind("click",C)},300)}}return{select:function(t,n,a){e=t,Te.toEditMode(n,a)},start:function(t){e=t,Te.toEditMode()},mouseDown:function(e,n,a,r){var i=_(a,r);t.focus(),b(i.x,i.y),c=a,d=r},mouseMove:function(e,t){var n=_(e,t);y(n.x,n.y)},mouseUp:function(t,n,a){var r=_(n,a);y(r.x,r.y,!0),t.target!==e&&nc-2&&ad-2&&Te.toSelectMode(!0)},setCursor:p,toEditMode:function(t,n){if(f=!1,Q="textedit",E.requestSelector(e).showGrips(!1),E.requestSelector(e),Te.init(),$$9(e).css("cursor","text"),arguments.length){var a=_(t,n);b(a.x,a.y)}else p();setTimeout(function(){f=!0},300)},toSelectMode:function(s){Q="select",clearInterval(r),r=null,a&&$$9(a).attr("display","none"),n&&$$9(n).attr("visibility","hidden"),$$9(e).css("cursor","move"),s&&(N(),$$9(e).css("cursor","move"),T("selected",[e]),G([e],!0)),e&&!e.textContent.length&&i.deleteSelectedElements(),$$9(t).blur(),e=!1},setInputElem:function(e){t=e},clear:function(){"textedit"===Q&&Te.toSelectMode()},init:function(n){if(e){var a=void 0,r=void 0;e.parentNode||(e=g[0],E.requestSelector(e).showGrips(!1));var o=e.textContent.length,c=e.getAttribute("transform");for(l=getBBox(e),u=c?getMatrix(e):null,(s=[]).length=o,t.focus(),$$9(e).unbind("dblclick",S).dblclick(S),o||(r={x:l.x+l.width/2,width:0}),a=0;a0&&void 0!==arguments[0]?arguments[0]:{}).codesOnly,t=void 0!==e&&e;N();var n=[],a={feGaussianBlur:M.exportNoBlur,foreignObject:M.exportNoforeignObject,"[stroke-dasharray]":M.exportNoDashArray},r=$$9(l);return"font"in $$9("")[0].getContext("2d")||(a.text=M.exportNoText),$$9.each(a,function(e,a){r.find(e).length&&n.push(t?e:a)}),n}this.svgCanvasToString=function(){for(;Ne()>0;);_.clear(!0),$$9.each(l.childNodes,function(e,t){e&&8===t.nodeType&&t.data.includes("Created with")&&l.insertBefore(t,l.firstChild)}),d&&(leaveContext(),de([d]));var e=[];$$9(l).find("g:data(gsvg)").each(function(){for(var t=this.attributes,n=t.length,a=0;a=0;l--){o=s.item(l);var g=toXml(o.value);if(!p.includes(o.localName)&&""!==g){if(g.startsWith("pointer-events"))continue;if("class"===o.localName&&g.startsWith("se_"))continue;if(n.push(" "),"d"===o.localName&&(g=_.convertPath(e,!0)),isNaN(g)?i.test(g)&&(g=shortFloat(g)+r):g=shortFloat(g),F.apply&&"image"===e.nodeName&&"href"===o.localName&&F.images&&"embed"===F.images){var v=D[g];v&&(g=v)}o.namespaceURI&&o.namespaceURI!==NS.SVG&&!C[o.namespaceURI]||(n.push(o.nodeName),n.push('="'),n.push(g),n.push('"'))}}}if(e.hasChildNodes()){n.push(">"),t++;var m=!1;for(l=0;l");break;case 8:n.push("\n"),n.push(new Array(t+1).join(" ")),n.push("\x3c!--"),n.push(b.data),n.push("--\x3e")}}if(t--,!m)for(n.push("\n"),l=0;l")}else n.push("/>")}return n.join("")},this.embedImage=function(e,t){$$9(new Image).load(function(){var n=document.createElement("canvas");n.width=this.width,n.height=this.height,n.getContext("2d").drawImage(this,0,0);try{var a=";svgedit_url="+encodeURIComponent(e);a=n.toDataURL().replace(";base64",a+";base64"),D[e]=a}catch(t){D[e]=!1}X=e,t&&t(D[e])}).attr("src",e)},this.setGoodImage=function(e){X=e},this.open=function(){},this.save=function(e){N(),e&&$$9.extend(F,e),F.apply=!0;var t=this.svgCanvasToString();T("saved",t)},this.rasterExport=function(e,t,n){var a="image/"+e.toLowerCase(),r=Ge(),s=Ge({codesOnly:!0}),o=this.svgCanvasToString();buildCanvgCallback(function(){var l=e||"PNG";$$9("#export_canvas").length||$$9("",{id:"export_canvas"}).hide().appendTo("body");var u=$$9("#export_canvas")[0];u.width=i.contentW,u.height=i.contentH,canvg(u,o,{renderCallback:function(){var i=("ICO"===l?"BMP":l).toLowerCase(),c=t?u.toDataURL("image/"+i,t):u.toDataURL("image/"+i);if(u.toBlob)u.toBlob(function(i){var l=createObjectURL(i);T("exported",{datauri:c,bloburl:l,svg:o,issues:r,issueCodes:s,type:e,mimeType:a,quality:t,exportWindowName:n})},a,t);else{var h=dataURLToObjectURL(c);T("exported",{datauri:c,bloburl:h,svg:o,issues:r,issueCodes:s,type:e,mimeType:a,quality:t,exportWindowName:n})}}})})()},this.exportPDF=function(e,t){var n=this;buildJSPDFCallback(function(){var a=Oe(),r=a.w>a.h?"landscape":"portrait",i=jsPDF({orientation:r,unit:"pt",format:[a.w,a.h]}),s=Ve();i.setProperties({title:s});var o=Ge(),l=Ge({codesOnly:!0}),u=n.svgCanvasToString();i.addSVG(u,0,0);var c={svg:u,issues:o,issueCodes:l,exportWindowName:e},h=t||"dataurlstring";c[h]=i.output(h),T("exportedPDF",c)})()},this.getSvgString=function(){return F.apply=!1,this.svgCanvasToString()},this.randomizeIds=function(e){arguments.length>0&&!1===e?randomizeIds(!1,c()):randomizeIds(!0,c())};var Le=this.uniquifyElems=function(e){var t={},n=["filter","linearGradient","pattern","radialGradient","symbol","textPath","use"];for(var a in walkTree(e,function(e){if(1===e.nodeType){e.id&&(e.id in t||(t[e.id]={elem:null,attrs:[],hrefs:[]}),t[e.id].elem=e),$$9.each(O,function(n,a){var r=e.getAttributeNode(a);if(r){var i=getUrlFromAttr(r.value),s=i?i.substr(1):null;s&&(s in t||(t[s]={elem:null,attrs:[],hrefs:[]}),t[s].attrs.push(r))}});var a=getHref(e);if(a&&n.includes(e.nodeName)){var r=a.substr(1);r&&(r in t||(t[r]={elem:null,attrs:[],hrefs:[]}),t[r].hrefs.push(e))}}}),t)if(a){var r=t[a].elem;if(r){var i=P();r.id=i;for(var s=t[a].attrs,o=s.length;o--;){var l=s[o];l.ownerElement.setAttribute(l.name,"url(#"+i+")")}for(var u=t[a].hrefs,c=u.length;c--;){var h=u[c];setHref(h,"#"+i)}}}},Ie=this.setUseData=function(e){var t=$$9(e);"use"!==e.tagName&&(t=t.find("use")),t.each(function(){var e=getHref(this).substr(1),t=getElem(e);t&&($$9(this).data("ref",t),"symbol"!==t.tagName&&"svg"!==t.tagName||$$9(this).data("symbol",t).data("ref",t))})},Me=this.convertGradients=function(e){var t=$$9(e).find("linearGradient, radialGradient");!t.length&&isWebkit()&&(t=$$9(e).find("*").filter(function(){return this.tagName.includes("Gradient")})),t.each(function(){if("userSpaceOnUse"===$$9(this).attr("gradientUnits")){var e=$$9(l).find('[fill="url(#'+this.id+')"],[stroke="url(#'+this.id+')"]');if(!e.length)return;var t=getBBox(e[0]);if(!t)return;if("linearGradient"===this.tagName){var n=$$9(this).attr(["x1","y1","x2","y2"]),a=this.gradientTransform.baseVal;if(a&&a.numberOfItems>0){var r=transformListToTransform(a).matrix,i=transformPoint(n.x1,n.y1,r),s=transformPoint(n.x2,n.y2,r);n.x1=i.x,n.y1=i.y,n.x2=s.x,n.y2=s.y,this.removeAttribute("gradientTransform")}$$9(this).attr({x1:(n.x1-t.x)/t.width,y1:(n.y1-t.y)/t.height,x2:(n.x2-t.x)/t.width,y2:(n.y2-t.y)/t.height}),this.removeAttribute("gradientUnits")}}})},Be=this.convertToGroup=function(e){e||(e=g[0]);var t=$$9(e),n=new BatchCommand$1,a=void 0;if(t.data("gsvg")){var r=e.firstChild,i=$$9(r).attr(["x","y"]);$$9(e.firstChild.firstChild).unwrap(),$$9(e).removeData("gsvg");var u=getTransformList(e),c=o.createSVGTransform();c.setTranslate(i.x,i.y),u.appendItem(c),recalculateDimensions(e),T("selected",[e])}else if(t.data("symbol")){e=t.data("symbol"),a=t.attr("transform");var h=t.attr(["x","y"]),d=e.getAttribute("viewBox");if(d){var f=d.split(" ");h.x-=+f[0],h.y-=+f[1]}a+=" translate("+(h.x||0)+","+(h.y||0)+")";var p=t.prev();n.addSubCommand(new RemoveElementCommand$1(t[0],t[0].nextSibling,t[0].parentNode)),t.remove();var v=$$9(l).find("use:data(symbol)").length,m=s.createElementNS(NS.SVG,"g"),b=e.childNodes,y=void 0;for(y=0;yp?"scale("+b/3/m[3]+")":"scale("+b/3/m[2]+")")+" translate(0)",u=s.createElementNS(NS.SVG,"symbol");var y=findDefs();for(isGecko()&&$$9(f).find("linearGradient, radialGradient, pattern").appendTo(y);f.firstChild;){var _=f.firstChild;u.appendChild(_)}for(var x=f.attributes,C=0;C0&&(n?De(e,t,a):(Fe(e,t,a),T("changed",a)))};var Re=this.setGradient=function(e){if(K[e+"_paint"]&&"solidColor"!==K[e+"_paint"].type){var t=i[e+"Grad"],n=je(t),a=findDefs();n?t=n:(t=a.appendChild(s.importNode(t,!0))).id=P(),i.setColor(e,"url(#"+t.id+")")}},je=function(e){for(var t=findDefs(),n=$$9(t).find("linearGradient, radialGradient"),a=n.length,r=["r","cx","cy","fx","fy"];a--;){var i=n[a];if("linearGradient"===e.tagName){if(e.getAttribute("x1")!==i.getAttribute("x1")||e.getAttribute("y1")!==i.getAttribute("y1")||e.getAttribute("x2")!==i.getAttribute("x2")||e.getAttribute("y2")!==i.getAttribute("y2"))continue}else if("continue"===function(){var t=$$9(e).attr(r),n=$$9(i).attr(r),a=!1;if($$9.each(r,function(e,r){t[r]!==n[r]&&(a=!0)}),a)return"continue"}())continue;var s=e.getElementsByTagNameNS(NS.SVG,"stop"),o=i.getElementsByTagNameNS(NS.SVG,"stop");if(s.length===o.length){for(var l=s.length;l--;){var u=s[l],c=o[l];if(u.getAttribute("offset")!==c.getAttribute("offset")||u.getAttribute("stop-opacity")!==c.getAttribute("stop-opacity")||u.getAttribute("stop-color")!==c.getAttribute("stop-color"))break}if(-1===l)return i}}return null};this.setPaint=function(e,t){var n=new $$9.jGraduate.Paint(t);switch(this.setPaintOpacity(e,n.alpha/100,!0),K[e+"_paint"]=n,n.type){case"solidColor":this.setColor(e,"none"!==n.solidColor?"#"+n.solidColor:"none");break;case"linearGradient":case"radialGradient":i[e+"Grad"]=n[n.type],Re(e)}},this.setStrokePaint=function(e){this.setPaint("stroke",e)},this.setFillPaint=function(e){this.setPaint("fill",e)},this.getStrokeWidth=function(){return K.stroke_width},this.setStrokeWidth=function(e){if(0===e&&["line","path"].includes(Q))i.setStrokeWidth(1);else{K.stroke_width=e;for(var t=[],n=g.length;n--;){var a=g[n];a&&("g"===a.tagName?walkTree(a,r):t.push(a))}t.length>0&&(Fe("stroke-width",e,t),T("changed",g))}function r(e){"g"!==e.nodeName&&t.push(e)}},this.setStrokeAttr=function(e,t){p[e.replace("-","_")]=t;for(var n=[],a=g.length;a--;){var r=g[a];r&&("g"===r.tagName?walkTree(r,function(e){"g"!==e.nodeName&&n.push(e)}):n.push(r))}n.length>0&&(Fe(e,t,n),T("changed",g))},this.getStyle=function(){return p},this.getOpacity=L,this.setOpacity=function(e){p.opacity=e,Fe("opacity",e)},this.getFillOpacity=function(){return p.fill_opacity},this.getStrokeOpacity=function(){return p.stroke_opacity},this.setPaintOpacity=function(e,t,n){p[e+"_opacity"]=t,n?De(e+"-opacity",t):Fe(e+"-opacity",t)},this.getPaintOpacity=function(e){return"fill"===e?this.getFillOpacity():this.getStrokeOpacity()},this.getBlur=function(e){var t=0;if(e&&e.getAttribute("filter")){var n=getElem(e.id+"_blur");n&&(t=n.firstChild.getAttribute("stdDeviation"))}return t},function(){var e=null,t=null,n=!1;function a(){var n=i.undoMgr.finishUndoableChange();e.addSubCommand(n),w(e),e=null,t=null}i.setBlurNoUndo=function(e){if(t)if(0===e)De("filter",""),n=!0;else{var a=g[0];n&&De("filter","url(#"+a.id+"_blur)"),isWebkit()&&(console.log("e",a),a.removeAttribute("filter"),a.setAttribute("filter","url(#"+a.id+"_blur)")),De("stdDeviation",e,[t.firstChild]),i.setBlurOffsets(t,e)}else i.setBlur(e)},i.setBlurOffsets=function(e,t){t>3?assignAttributes(e,{x:"-50%",y:"-50%",width:"200%",height:"200%"},100):isWebkit()||(e.removeAttribute("x"),e.removeAttribute("y"),e.removeAttribute("width"),e.removeAttribute("height"))},i.setBlur=function(n,r){if(e)a();else{var s=g[0],o=s.id;t=getElem(o+"_blur"),n-=0;var l=new BatchCommand$1;if(t)0===n&&(t=null);else{var u=m({element:"feGaussianBlur",attr:{in:"SourceGraphic",stdDeviation:n}});(t=m({element:"filter",attr:{id:o+"_blur"}})).appendChild(u),findDefs().appendChild(t),l.addSubCommand(new InsertElementCommand$1(t))}var c={filter:s.getAttribute("filter")};if(0===n)return s.removeAttribute("filter"),void l.addSubCommand(new ChangeElementCommand$1(s,c));Fe("filter","url(#"+o+"_blur)"),l.addSubCommand(new ChangeElementCommand$1(s,c)),i.setBlurOffsets(t,n),e=l,i.undoMgr.beginUndoableChange("stdDeviation",[t?t.firstChild:null]),r&&(i.setBlurNoUndo(n),a())}}}(),this.getBold=function(){var e=g[0];return null!=e&&"text"===e.tagName&&null==g[1]&&"bold"===e.getAttribute("font-weight")},this.setBold=function(e){var t=g[0];null!=t&&"text"===t.tagName&&null==g[1]&&Fe("font-weight",e?"bold":"normal"),g[0].textContent||Te.setCursor()},this.getItalic=function(){var e=g[0];return null!=e&&"text"===e.tagName&&null==g[1]&&"italic"===e.getAttribute("font-style")},this.setItalic=function(e){var t=g[0];null!=t&&"text"===t.tagName&&null==g[1]&&Fe("font-style",e?"italic":"normal"),g[0].textContent||Te.setCursor()},this.getFontFamily=function(){return H.font_family},this.setFontFamily=function(e){H.font_family=e,Fe("font-family",e),g[0]&&!g[0].textContent&&Te.setCursor()},this.setFontColor=function(e){H.fill=e,Fe("fill",e)},this.getFontColor=function(){return H.fill},this.getFontSize=function(){return H.font_size},this.setFontSize=function(e){H.font_size=e,Fe("font-size",e),g[0].textContent||Te.setCursor()},this.getText=function(){var e=g[0];return null==e?"":e.textContent},this.setTextContent=function(e){Fe("#text",e),Te.init(e),Te.setCursor()},this.setImageURL=function(e){var t=g[0];if(t){var n=$$9(t).attr(["width","height"]),a=!n.width||!n.height,r=getHref(t);if(r!==e)a=!0;else if(!a)return;var i=new BatchCommand$1("Change Image URL");setHref(t,e),i.addSubCommand(new ChangeElementCommand$1(t,{"#href":r})),a?$$9(new Image).load(function(){var e=$$9(t).attr(["width","height"]);$$9(t).attr({width:this.width,height:this.height}),E.requestSelector(t).resize(),i.addSubCommand(new ChangeElementCommand$1(t,e)),w(i),T("changed",[t])}).attr("src",e):w(i)}},this.setLinkURL=function(e){var t=g[0];if(t){if("a"!==t.tagName){var n=$$9(t).parents("a");if(!n.length)return;t=n[0]}var a=getHref(t);if(a!==e){var r=new BatchCommand$1("Change Link URL");setHref(t,e),r.addSubCommand(new ChangeElementCommand$1(t,{"#href":a})),w(r)}}},this.setRectRadius=function(e){var t=g[0];if(null!=t&&"rect"===t.tagName){var n=t.getAttribute("rx");n!==String(e)&&(t.setAttribute("rx",e),t.setAttribute("ry",e),w(new ChangeElementCommand$1(t,{rx:n,ry:n},"Radius")),T("changed",[t]))}},this.makeHyperlink=function(e){i.groupSelectedElements("a",e)},this.removeHyperlink=function(){i.ungroupSelectedElement()},this.setSegType=function(e){_.setSegType(e)},this.convertToPath=function(e,t){if(null!=e){if(t)return getBBoxOfElementAsPath(e,m,_);var n={fill:p.fill,"fill-opacity":p.fill_opacity,stroke:p.stroke,"stroke-width":p.stroke_width,"stroke-dasharray":p.stroke_dasharray,"stroke-linejoin":p.stroke_linejoin,"stroke-linecap":p.stroke_linecap,"stroke-opacity":p.stroke_opacity,opacity:p.opacity,visibility:"hidden"};return convertToPath(e,n,m,_,N,G,history,w)}var a=g;$$9.each(a,function(e,t){t&&i.convertToPath(t)})};var De=function(e,t,n){"pathedit"===Q&&_.moveNode(e,t);for(var a=(n=n||g).length,r=["g","polyline","path"],s=["transform","opacity","filter"],l=function(){var l=n[a];if(null==l)return"continue";if(("x"===e||"y"===e)&&r.includes(l.tagName)){var u=getStrokedBBoxDefaultVisible([l]),c="x"===e?t-u.x:0,d="y"===e?t-u.y:0;return i.moveSelectedElements(c*h,d*h,!0),"continue"}"g"===l.tagName&&s.includes(e);var f="#text"===e?l.textContent:l.getAttribute(e);if(null==f&&(f=""),f!==String(t)){"#text"===e?(l.textContent=t,/rotate/.test(l.getAttribute("transform"))&&(l=le(l))):"#href"===e?setHref(l,t):l.setAttribute(e,t),"textedit"===Q&&"#text"!==e&&l.textContent.length&&Te.toSelectMode(l),isGecko()&&"text"===l.nodeName&&/rotate/.test(l.getAttribute("transform"))&&(String(t).startsWith("url")||["font-size","font-family","x","y"].includes(e)&&l.textContent)&&(l=le(l)),g.includes(l)&&setTimeout(function(){l.parentNode&&E.requestSelector(l).resize()},0);var p=getRotationAngle(l);if(0!==p&&"transform"!==e)for(var v=getTransformList(l),m=v.numberOfItems;m--;){if(4===v.getItem(m).type){v.removeItem(m);var b=getBBox(l),y=transformPoint(b.x+b.width/2,b.y+b.height/2,transformListToTransform(v).matrix),_=y.x,x=y.y,C=o.createSVGTransform();C.setRotate(p,_,x),v.insertItemBefore(C,m);break}}}};a--;)l()},Fe=this.changeSelectedAttribute=function(e,t,n){n=n||g,i.undoMgr.beginUndoableChange(e,n),De(e,t,n);var a=i.undoMgr.finishUndoableChange();a.isEmpty()||w(a)};this.deleteSelectedElements=function(){for(var e=new BatchCommand$1("Delete Elements"),t=g.length,n=[],a=0;a1&&(a=t);break;default:e="g",n="Group Elements"}var r=new BatchCommand$1(n),i=m({element:e,attr:{id:P()}});"a"===e&&setHref(i,a),r.addSubCommand(new InsertElementCommand$1(i));for(var s=g.length;s--;){var o=g[s];if(null!=o){"a"===o.parentNode.tagName&&1===o.parentNode.childNodes.length&&(o=o.parentNode);var l=o.nextSibling,u=o.parentNode;i.appendChild(o),r.addSubCommand(new MoveElementCommand$1(o,l,u))}}r.isEmpty()||w(r),de([i],!0)};var Ue=this.pushGroupProperties=function(e,t){for(var n=e.childNodes,a=n.length,r=e.getAttribute("transform"),s=getTransformList(e),l=transformListToTransform(s).matrix,u=new BatchCommand$1("Push group properties"),h=getRotationAngle(e),d=$$9(e).attr(["filter","opacity"]),f=void 0,p=void 0,g=void 0,v=c(),m=0;mn[h].width)||("t"===e||"m"===e||"b"===e)&&(c===Number.MIN_VALUE||c>n[h].height))&&(r=n[h].x,o=n[h].y,s=n[h].x+n[h].width,l=n[h].y+n[h].height,u=n[h].width,c=n[h].height);break;case"largest":(("l"===e||"c"===e||"r"===e)&&(u===Number.MIN_VALUE||us&&(s=n[h].x+n[h].width),n[h].y+n[h].height>l&&(l=n[h].y+n[h].height)}}"page"===t&&(r=0,o=0,s=i.contentW,l=i.contentH);for(var f=new Array(a),p=new Array(a),v=0;v=r.length?t=0:t<0&&(t=r.length-1),a=r[t];break}de([a],!0),T("selected",g)}},this.clear(),this.getPrivateMethods=function(){return{addCommandToHistory:w,setGradient:Re,addSvgElementFromJson:m,assignAttributes:assignAttributes,BatchCommand:BatchCommand$1,buildCanvgCallback:buildCanvgCallback,call:T,canvg:canvg,ChangeElementCommand:ChangeElementCommand$1,copyElem:function(e){return c().copyElem(e)},decode64:decode64,encode64:encode64,executeAfterLoads:executeAfterLoads,ffClone:le,findDefs:findDefs,findDuplicateGradient:je,getElem:getElem,getId:A,getIntersectionList:re,getMouseTarget:I,getNextId:P,getPathBBox:getPathBBox,getTypeMap:getTypeMap,getUrlFromAttr:getUrlFromAttr,hasMatrixTransform:hasMatrixTransform,identifyLayers:identifyLayers,InsertElementCommand:InsertElementCommand$1,isChrome:isChrome,isIdentity:isIdentity,isIE:isIE,logMatrix:ce,matrixMultiply:matrixMultiply,MoveElementCommand:MoveElementCommand$1,NS:NS,preventClickDefault:preventClickDefault,recalculateAllSelectedDimensions:ue,recalculateDimensions:recalculateDimensions,remapElement:remapElement,RemoveElementCommand:RemoveElementCommand$1,removeUnusedDefElems:Ne,round:$,runExtensions:ae,sanitizeSvg:sanitizeSvg,SVGEditTransformList:SVGTransformList,text2xml:text2xml,toString:toString,transformBox:transformBox,transformListToTransform:transformListToTransform,transformPoint:transformPoint,walkTree:walkTree}}};function jqPluginJSHotkeys(e){function t(t){if("string"==typeof t.data){var n=t.handler,a=t.data.toLowerCase().split(" ");t.handler=function(t){if(this===t.target||!/textarea|select/i.test(t.target.nodeName)&&"text"!==t.target.type){var r="keypress"!==t.type&&e.hotkeys.specialKeys[t.which],i=String.fromCharCode(t.which).toLowerCase(),s="",o={};t.altKey&&"alt"!==r&&(s+="alt+"),t.ctrlKey&&"ctrl"!==r&&(s+="ctrl+"),t.metaKey&&!t.ctrlKey&&"meta"!==r&&(s+="meta+"),t.shiftKey&&"shift"!==r&&(s+="shift+"),r?o[s+r]=!0:(o[s+i]=!0,o[s+e.hotkeys.shiftNums[i]]=!0,"shift+"===s&&(o[e.hotkeys.shiftNums[i]]=!0));for(var l=0,u=a.length;l","/":"?","\\":"|"}},e.each(["keydown","keyup","keypress"],function(){e.event.special[this]={add:t}}),e}function jqPluginBBQ(e){return function(e,t){var n,a,r,i,s,o,l,u,c=Array.prototype.slice,h=decodeURIComponent,d=e.param,f=e.bbq=e.bbq||{},p=e.event.special,g="hashchange",v="querystring",m="fragment",b="elemUrlAttr",y="location",_="href",x="src",C=/^.*\?|#.*$/g,S=/^.*\#/,w={};function k(e){return"string"==typeof e}function $(e){var t=c.call(arguments,1);return function(){return e.apply(this,t.concat(c.call(arguments)))}}function E(a,i,s,o,l){var c,f,p,g,b;return o!==n?(b=(p=s.match(a?/^([^#]*)\#?(.*)$/:/^([^#?]*)\??([^#]*)(#?.*)/))[3]||"",2===l&&k(o)?f=o.replace(a?S:C,""):(g=r(p[2]),o=k(o)?r[a?m:v](o):o,f=2===l?o:1===l?e.extend({},o,g):e.extend({},g,o),f=d(f),a&&(f=f.replace(u,h))),c=p[1]+(a?"#":f||!p[1]?"?":"")+f+b):c=i(s!==n?s:t[y][_]),c}function P(e,t,a){return t===n||"boolean"==typeof t?(a=t,t=d[e?m:v]()):t=k(t)?t.replace(e?S:C,""):t,r(t,a)}function A(t,a,r,i){return k(r)||"object"===(void 0===r?"undefined":_typeof(r))||(i=r,r=a,a=n),this.each(function(){var n=e(this),s=a||l()[(this.nodeName||"").toLowerCase()]||"",o=s&&n.attr(s)||"";n.attr(s,d[t](o,r,i))})}d[v]=$(E,0,function(e){return e.replace(/(?:^[^?#]*\?([^#]*).*$)?.*/,"$1")}),d[m]=a=$(E,1,function(e){return e.replace(/^[^#]*#?(.*)$/,"$1")}),a.noEscape=function(t){t=t||"";var n=e.map(t.split(""),encodeURIComponent);u=new RegExp(n.join("|"),"g")},a.noEscape(",/"),e.deparam=r=function(t,a){var r={},i={true:!0,false:!1,null:null};return e.each(t.replace(/\+/g," ").split("&"),function(t,s){var o,l=s.split("="),u=h(l[0]),c=r,d=0,f=u.split("]["),p=f.length-1;if(/\[/.test(f[0])&&/\]$/.test(f[p])?(f[p]=f[p].replace(/\]$/,""),p=(f=f.shift().split("[").concat(f)).length-1):p=0,2===l.length)if(o=h(l[1]),a&&(o=o&&!isNaN(o)?+o:"undefined"===o?n:i[o]!==n?i[o]:o),p)for(;d<=p;d++)c=c[u=""===f[d]?c.length:f[d]]=d').hide().insertAfter("body")[0].contentWindow,l=function(){return d(a.document[i][o])},(r=function(e,t){if(e!==t){var n=a.document;n.open().close(),n[i].hash="#"+e}})(d()))),function a(){var c=d(),h=l(u);c!==u?(r(u=c,h),e(t).trigger(s)):h!==u&&(t[i][o]=t[i][o].replace(/#.*/,"")+"#"+h),n=setTimeout(a,e[s+"Delay"])}()}},u.stop=function(){a||(n&&clearTimeout(n),n=0)},u}()}(e,window),e}function jqPluginSVGIcons(e){var t={},n=void 0;return e.svgIcons=function(a,r){var i="http://www.w3.org/2000/svg",s="http://www.w3.org/1999/xlink",o=r.w||24,l=r.h||24,u=void 0,c=void 0,h=void 0,d=!1,f=!1,p=0,g=!!window.opera,v="data:image/svg+xml;charset=utf-8;base64,",m=void 0;if(r.svgz){m=e('').appendTo("body").hide();try{c=m[0].contentDocument,m.load(y),y(0,!0)}catch(e){w()}}else{var b=new DOMParser;e.ajax({url:a,dataType:"string",success:function(t){t?(c=b.parseFromString(t,"text/xml"),e(function(){y("ajax")})):e(w)},error:function(t){window.opera?e(function(){w()}):t.responseText?((c=b.parseFromString(t.responseText,"text/xml")).childNodes.length||e(w),e(function(){y("ajax")})):e(w)}})}function y(t,n){if("ajax"!==t){if(f)return;var a=(c=m[0].contentDocument)&&c.getElementById("svg_eof");if(!(a||n&&a))return void(++p<50?setTimeout(y,20):(w(),f=!0));f=!0}if(u=e(c.firstChild).children(),r.no_img)setTimeout(function(){d||S()},500);else{var i=v+"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNzUiIGhlaWdodD0iMjc1Ij48L3N2Zz4%3D";h=e(new Image).attr({src:i,width:0,height:0}).appendTo("body").load(function(){S(!0)}).error(function(){S()})}}var _=function(e,t,n,a){if(g&&t.css("visibility","hidden"),r.replace){a&&t.attr("id",n);var i=e.attr("class");i&&t.attr("class","svg_icon "+i),e.replaceWith(t)}else e.append(t);g&&setTimeout(function(){t.removeAttr("style")},1)},x=void 0,C=function(e,n){void 0!==r.id_match&&!1===r.id_match||_(x,e,n,!0),t[n]=e};function S(a,c){if(!d){r.no_img&&(a=!1);var f=void 0;if(a&&(f=e(document.createElement("div"))).hide().appendTo("body"),c){var p=r.fallback_path||"";e.each(c,function(t,n){x=e("#"+t);var a=e(new Image).attr({class:"svg_icon",src:p+n,width:o,height:l,alt:"icon"});C(a,t)})}else for(var b=u.length,y=0;y0&&!a&&(s=n(s,r,!0)),_(e(this),s,i)})}),c||(a&&f.remove(),m&&m.remove(),h&&h.remove()),r.resize&&e.resizeSvgIcons(r.resize),d=!0,r.callback&&r.callback(t)}}function w(){if(a.includes(".svgz")){var t=a.replace(".svgz",".svg");window.console&&console.log(".svgz failed, trying with .svg"),e.svgIcons(t,r)}else r.fallback&&S(!1,r.fallback)}function k(e){if(window.btoa)return window.btoa(e);var t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n=new Array(4*Math.floor((e.length+2)/3)),a=0,r=0;do{var i=e.charCodeAt(a++),s=e.charCodeAt(a++),o=e.charCodeAt(a++),l=i>>2,u=(3&i)<<4|s>>4,c=(15&s)<<2|o>>6,h=63&o;isNaN(s)?c=h=64:isNaN(o)&&(h=64),n[r++]=t.charAt(l),n[r++]=t.charAt(u),n[r++]=t.charAt(c),n[r++]=t.charAt(h)}while(a
  • Solid Color
  • Linear Gradient
  • Radial Gradient
    • ');var d=e(o+"> .jGraduate_colPick"),f=e(o+"> .jGraduate_gradPick");f.html('

    '+i.window.pickerTitle+'


    ');var p=256,g=p-0,v=p-0,m={};e(".jGraduate_SliderBar").width(145);var b=e("#"+s+"_jGraduate_GradContainer")[0],y=n("svg",{id:s+"_jgraduate_svg",width:p,height:p,xmlns:ns.svg},b),_=r.paint.type,x=r.paint[_],C=x,S=r.paint.alpha,w="solidColor"===_;switch(_){case"solidColor":case"linearGradient":if(w||(C.id=s+"_lg_jgraduate_grad",x=C=y.appendChild(C)),n("radialGradient",{id:s+"_rg_jgraduate_grad"},y),"linearGradient"===_)break;case"radialGradient":w||(C.id=s+"_rg_jgraduate_grad",x=C=y.appendChild(C)),n("linearGradient",{id:s+"_lg_jgraduate_grad"},y)}var k=void 0;if(w){x=C=e("#"+s+"_lg_jgraduate_grad")[0],Ne(0,"#"+(c=r.paint[_]),1);var $=_typeof(i.newstop);if("string"===$)switch(i.newstop){case"same":Ne(1,"#"+c,1);break;case"inverse":for(var E="",P=0;P<6;P+=2){var A=(255-parseInt(c.substr(P,2),16)).toString(16);A.length<2&&(A=0+A),E+=A}Ne(1,"#"+E,1);break;case"white":Ne(1,"#ffffff",1);break;case"black":Ne(1,"#000000",1)}else if("object"===$){var T="opac"in i.newstop?i.newstop.opac:1;Ne(1,i.newstop.color||"#"+c,T)}}var N=parseFloat(x.getAttribute("x1")||0),G=parseFloat(x.getAttribute("y1")||0),L=parseFloat(x.getAttribute("x2")||1),I=parseFloat(x.getAttribute("y2")||0),M=parseFloat(x.getAttribute("cx")||.5),B=parseFloat(x.getAttribute("cy")||.5),O=parseFloat(x.getAttribute("fx")||M),V=parseFloat(x.getAttribute("fy")||B),R=n("rect",{id:s+"_jgraduate_rect",x:0,y:0,width:g,height:v,fill:"url(#"+s+"_jgraduate_grad)","fill-opacity":S/100},y),j=e("
    ").attr({class:"grad_coord jGraduate_lg_field",title:"Begin Stop"}).text(1).css({top:G*p,left:N*p}).data("coord","start").appendTo(b),D=j.clone().text(2).css({top:I*p,left:L*p}).attr("title","End stop").data("coord","end").appendTo(b),F=e("
    ").attr({class:"grad_coord jGraduate_rg_field",title:"Center stop"}).text("C").css({top:B*p,left:M*p}).data("coord","center").appendTo(b),U=F.clone().text("F").css({top:V*p,left:O*p,display:"none"}).attr("title","Focus point").data("coord","focus").appendTo(b);U[0].id=s+"_jGraduate_focusCoord";var H=void 0;e.each(["x1","y1","x2","y2","cx","cy","fx","fy"],function(t,n){var a=isNaN(n[1]),r=C.getAttribute(n);r||(r=a?"0.5":"x2"===n?"1.0":"0.0"),m[n]=e("#"+s+"_jGraduate_"+n).val(r).change(function(){isNaN(parseFloat(this.value))||this.value<0?this.value=0:this.value>1&&(this.value=1),("f"!==n[0]||H)&&(a&&"radialGradient"===_||!a&&"linearGradient"===_)&&C.setAttribute(n,this.value);var e=a?"c"===n[0]?F:U:"1"===n[1]?j:D,t=n.includes("x")?"left":"top";e.css(t,this.value*p)}).change()});var z=e("#"+s+"_jGraduate_StopSlider"),q=void 0,X=void 0,W=void 0,Y=n("path",{d:"m9.75,-6l-19.5,19.5m0,-19.5l19.5,19.5",fill:"none",stroke:"#D00","stroke-width":5,display:"none"},void 0),Q=void 0,Z=1,K=1,J=0,ee=M,te=B,ne=n("svg",{width:"100%",height:45},z[0]),ae=n("image",{width:16,height:16},n("pattern",{width:16,height:16,patternUnits:"userSpaceOnUse",id:"jGraduate_trans"},ne)),re=i.images.clientPath+"map-opacity.png";ae.setAttributeNS(ns.xlink,"xlink:href",re),e(ne).click(function(e){if(Q=z.offset(),"path"!==e.target.tagName){var t=e.pageX-Q.left-8;Ne((t=t<10?10:t>p+10?p+10:t)/p,0,0,!0),e.stopPropagation()}}),e(ne).mouseover(function(){ne.appendChild(Y)}),k=n("g",{},ne),n("line",{x1:10,y1:15,x2:p+10,y2:15,"stroke-width":2,stroke:"#000"},ne);var ie=f.find(".jGraduate_spreadMethod").change(function(){C.setAttribute("spreadMethod",e(this).val())}),se=null,oe=function(e){var t=e.pageX-he.left,n=e.pageY-he.top;t=t<0?0:t>p?p:t,n=n<0?0:n>p?p:n,se.css("left",t).css("top",n);var a=t/g,r=n/v,i=se.data("coord"),s=C;switch(i){case"start":m.x1.val(a),m.y1.val(r),s.setAttribute("x1",a),s.setAttribute("y1",r);break;case"end":m.x2.val(a),m.y2.val(r),s.setAttribute("x2",a),s.setAttribute("y2",r);break;case"center":m.cx.val(a),m.cy.val(r),s.setAttribute("cx",a),s.setAttribute("cy",r),ee=a,te=r,Ie();break;case"focus":m.fx.val(a),m.fy.val(r),s.setAttribute("fx",a),s.setAttribute("fy",r),Ie()}e.preventDefault()},le=function e(){se=null,h.unbind("mousemove",oe).unbind("mouseup",e)},ue=(q=C.getElementsByTagNameNS(ns.svg,"stop")).length;if(ue<2){for(;ue<2;)C.appendChild(document.createElementNS(ns.svg,"stop")),++ue;q=C.getElementsByTagNameNS(ns.svg,"stop")}for(var ce=0;ce99.5&&(n=99.5),n>0?K=1-n/100:Z=-n/100-1,i=(n+100)/2*145/100,e&&Ie();break;case"angle":i=(J=n)/180,i+=.5,i*=145,e&&Ie()}i>145?i=145:i<0&&(i=0),a.css({"margin-left":i-5})}).change()});for(var $e=function(e){!function(e){var t=pe.offset,n=pe.parent,a=e.pageX-t.left-parseInt(n.css("border-left-width"));a>145&&(a=145),a<=0&&(a=0);var i=a-5;switch(a/=145,pe.type){case"radius":(a=Math.pow(2*a,2.5))>.98&&a<1.02&&(a=1),a<=.01&&(a=.01),C.setAttribute("r",a);break;case"opacity":r.paint.alpha=parseInt(100*a),R.setAttribute("fill-opacity",a);break;case"ellip":Z=1,K=1,a<.5?Z=(a/=.5)<=0?.01:a:a>.5&&(K=(a=2-(a/=.5))<=0?.01:a),Ie(),K===1+(a-=1)&&(a=Math.abs(a));break;case"angle":a-=.5,J=a*=180,Ie(),a/=100}pe.elem.css({"margin-left":i}),a=Math.round(100*a),pe.input.val(a)}(e),e.preventDefault()},Ee=function e(t){h.unbind("mousemove",$e).unbind("mouseup",e),pe=null},Pe=(255*r.paint.alpha/100).toString(16);Pe.length<2;)Pe="0"+Pe;Pe=Pe.split(".")[0],c="none"===r.paint.solidColor?"":r.paint.solidColor+Pe,w||(c=q[0].getAttribute("stop-color")),e.extend(e.fn.jPicker.defaults.window,{alphaSupport:!0,effects:{type:"show",speed:0}}),d.jPicker({window:{title:i.window.pickerTitle},images:{clientPath:i.images.clientPath},color:{active:c,alphaSupport:!0}},function(e){r.paint.type="solidColor",r.paint.alpha=e.val("ahex")?Math.round(e.val("a")/255*100):100,r.paint.solidColor=e.val("hex")?e.val("hex"):"none",r.paint.radialGradient=null,l()},null,function(){u()});var Ae=e(o+" .jGraduate_tabs li");Ae.click(function(){Ae.removeClass("jGraduate_tab_current"),e(this).addClass("jGraduate_tab_current"),e(o+" > div").hide();var t=e(this).attr("data-type");if(e(o+" .jGraduate_gradPick").show(),"rg"===t||"lg"===t){e(".jGraduate_"+t+"_field").show(),e(".jGraduate_"+("lg"===t?"rg":"lg")+"_field").hide(),e("#"+s+"_jgraduate_rect")[0].setAttribute("fill","url(#"+s+"_"+t+"_jgraduate_grad)"),_="lg"===t?"linearGradient":"radialGradient",e("#"+s+"_jGraduate_OpacInput").val(r.paint.alpha).change();var n=e("#"+s+"_"+t+"_jgraduate_grad")[0];if(C!==n){var a=e(C).find("stop");e(n).empty().append(a),C=n;var i=ie.val();C.setAttribute("spreadMethod",i)}H="rg"===t&&null!=C.getAttribute("fx")&&!(M===O&&B===V),e("#"+s+"_jGraduate_focusCoord").toggle(H),H&&(e("#"+s+"_jGraduate_match_ctr")[0].checked=!1)}else e(o+" .jGraduate_gradPick").hide(),e(o+" .jGraduate_colPick").show()}),e(o+" > div").hide(),Ae.removeClass("jGraduate_tab_current");var Te=void 0;switch(r.paint.type){case"linearGradient":Te=e(o+" .jGraduate_tab_lingrad");break;case"radialGradient":Te=e(o+" .jGraduate_tab_radgrad");break;default:Te=e(o+" .jGraduate_tab_color")}r.show(),setTimeout(function(){Te.addClass("jGraduate_tab_current").click()},10)}else alert("Container element must have an id attribute to maintain unique id strings for sub-elements.");function Ne(t,a,r,o,l){var u=l||n("stop",{"stop-color":a,"stop-opacity":r,offset:t},C);l?(a=l.getAttribute("stop-color"),r=l.getAttribute("stop-opacity"),t=l.getAttribute("offset")):C.appendChild(u),null===r&&(r=1);var c="M-6.2,0.9c3.6-4,6.7-4.3,6.7-12.4c-0.2,7.9,3.1,8.8,6.5,12.4c3.5,3.8,2.9,9.6,0,12.3c-3.1,2.8-10.4,2.7-13.2,0C-9.6,9.9-9.4,4.4-6.2,0.9z",d=n("path",{d:c,fill:"url(#jGraduate_trans)",transform:"translate("+(10+t*p)+", 26)"},k),f=n("path",{d:c,fill:a,"fill-opacity":r,transform:"translate("+(10+t*p)+", 26)",stroke:"#000","stroke-width":1.5},k);return e(f).mousedown(function(e){return Ge(this),W=X,h.mousemove(Me).mouseup(Le),Q=z.offset(),e.preventDefault(),!1}).data("stop",u).data("bg",d).dblclick(function(){e("div.jGraduate_LightBox").show();for(var t=this,n=+u.getAttribute("stop-opacity")||1,r=u.getAttribute("stop-color")||1,o=(255*parseFloat(n)).toString(16);o.length<2;)o="0"+o;a=r.substr(1)+o,e("#"+s+"_jGraduate_stopPicker").css({left:100,bottom:15}).jPicker({window:{title:"Pick the start color and opacity for the gradient"},images:{clientPath:i.images.clientPath},color:{active:a,alphaSupport:!0}},function(a,i){r=a.val("hex")?"#"+a.val("hex"):"none",n=null!==a.val("a")?a.val("a")/256:1,t.setAttribute("fill",r),t.setAttribute("fill-opacity",n),u.setAttribute("stop-color",r),u.setAttribute("stop-opacity",n),e("div.jGraduate_LightBox").hide(),e("#"+s+"_jGraduate_stopPicker").hide()},null,function(){e("div.jGraduate_LightBox").hide(),e("#"+s+"_jGraduate_stopPicker").hide()})}),e(C).find("stop").each(function(){var n=e(this);if(+this.getAttribute("offset")>t){if(!a){var r=this.getAttribute("stop-color"),i=this.getAttribute("stop-opacity");u.setAttribute("stop-color",r),f.setAttribute("fill",r),u.setAttribute("stop-opacity",null===i?1:i),f.setAttribute("fill-opacity",null===i?1:i)}return n.before(u),!1}}),o&&Ge(f),u}function Ge(e){X&&X.setAttribute("stroke","#000"),e.setAttribute("stroke","blue"),(X=e).parentNode.appendChild(X)}function Le(){h.unbind("mousemove",Me),"none"!==Y.getAttribute("display")&&function(){Y.setAttribute("display","none");var t=e(X),n=t.data("stop"),a=t.data("bg");e([X,n,a]).remove()}(),W=null}function Ie(){var e=J?"rotate("+J+","+ee+","+te+") ":"";if(1===Z&&1===K)C.removeAttribute("gradientTransform");else{var t=-ee*(Z-1),n=-te*(K-1);C.setAttribute("gradientTransform",e+"translate("+t+","+n+") scale("+Z+","+K+")")}}function Me(t){var n=t.pageX-Q.left,a=t.pageY-Q.top,r="translate("+(n=n<10?10:n>p+10?p+10:n)+", 26)";a<-60||a>130?(Y.setAttribute("display","block"),Y.setAttribute("transform",r)):Y.setAttribute("display","none"),W.setAttribute("transform",r),e.data(W,"bg").setAttribute("transform",r);var i=e.data(W,"stop"),s=(n-10)/p;i.setAttribute("offset",s);var o=0;e(C).find("stop").each(function(t){var n=this.getAttribute("offset"),a=e(this);nn(s,"offsetLeft")+s.offsetWidth*o-this.spinCfg._btn_width?i=120?this.adjustValue(this.spinCfg.step):e.wheelDelta<=-120&&this.adjustValue(-this.spinCfg.step),e.preventDefault()}).change(function(e){this.adjustValue(0)}),this.addEventListener&&this.addEventListener("DOMMouseScroll",function(e){e.detail>0?this.adjustValue(-this.spinCfg.step):e.detail<0&&this.adjustValue(this.spinCfg.step),e.preventDefault()},!1)})},e}function jqPluginContextMenu(e){var t=e(window),n=e(document);return e.extend(e.fn,{contextMenu:function(a,r){return void 0!==a.menu&&(void 0===a.inSpeed&&(a.inSpeed=150),void 0===a.outSpeed&&(a.outSpeed=75),0===a.inSpeed&&(a.inSpeed=-1),0===a.outSpeed&&(a.outSpeed=-1),e(this).each(function(){var i=e(this),s=e(i).offset(),o=e("#"+a.menu);o.addClass("contextMenu"),e(this).bind("mousedown",function(l){var u=l;e(this).mouseup(function(l){var c=e(this);if(c.unbind("mouseup"),2===u.button||a.allowLeft||u.ctrlKey&&isMac()){if(l.stopPropagation(),e(".contextMenu").hide(),i.hasClass("disabled"))return!1;var h=l.pageX,d=l.pageY,f=t.width()-o.width(),p=t.height()-o.height();h>f-15&&(h=f-15),d>p-30&&(d=p-30),n.unbind("click"),o.css({top:d,left:h}).fadeIn(a.inSpeed),o.find("A").mouseover(function(){o.find("LI.hover").removeClass("hover"),e(this).parent().addClass("hover")}).mouseout(function(){o.find("LI.hover").removeClass("hover")}),n.keypress(function(e){switch(e.keyCode){case 38:o.find("LI.hover").length?(o.find("LI.hover").removeClass("hover").prevAll("LI:not(.disabled)").eq(0).addClass("hover"),o.find("LI.hover").length||o.find("LI:last").addClass("hover")):o.find("LI:last").addClass("hover");break;case 40:o.find("LI.hover").length?(o.find("LI.hover").removeClass("hover").nextAll("LI:not(.disabled)").eq(0).addClass("hover"),o.find("LI.hover").length||o.find("LI:first").addClass("hover")):o.find("LI:first").addClass("hover");break;case 13:o.find("LI.hover A").trigger("click");break;case 27:n.trigger("click")}}),o.find("A").unbind("mouseup"),o.find("LI:not(.disabled) A").mouseup(function(){return n.unbind("click").unbind("keypress"),e(".contextMenu").hide(),r&&r(e(this).attr("href").substr(1),e(c),{x:h-s.left,y:d-s.top,docX:h,docY:d}),!1}),setTimeout(function(){n.click(function(){return n.unbind("click").unbind("keypress"),o.fadeOut(a.outSpeed),!1})},0)}})}),e.browser.mozilla?e("#"+a.menu).each(function(){e(this).css({MozUserSelect:"none"})}):e.browser.msie?e("#"+a.menu).each(function(){e(this).bind("selectstart.disableTextSelect",function(){return!1})}):e("#"+a.menu).each(function(){e(this).bind("mousedown.disableTextSelect",function(){return!1})}),e(i).add(e("UL.contextMenu")).bind("contextmenu",function(){return!1})}),e(this))},disableContextMenuItems:function(t){return void 0===t?(e(this).find("LI").addClass("disabled"),e(this)):(e(this).each(function(){if(void 0!==t)for(var n=t.split(","),a=0;an&&(i=n),s<0?s=0:s>r&&(s=r),l.call(a,"xy",{x:i/n*v+p,y:s/r*y+m})}function l(e,t,n){if(!(void 0!==t))switch(void 0!==e&&null!=e||(e="xy"),e.toLowerCase()){case"x":return d;case"y":return f;case"xy":default:return{x:d,y:f}}if(null==n||n!==a){var r=!1,i=void 0,s=void 0;switch(null==e&&(e="xy"),e.toLowerCase()){case"x":i=t&&(t.x&&0|t.x||0|t)||0;break;case"y":s=t&&(t.y&&0|t.y||0|t)||0;break;case"xy":default:i=t&&t.x&&0|t.x||0,s=t&&t.y&&0|t.y||0}null!=i&&(ig&&(i=g),d!==i&&(d=i,r=!0)),null!=s&&(sb&&(s=b),f!==s&&(f=s,r=!0)),r&&function(e){for(var t=0;t0&&(i=d===g?e:d/v*e|0),y>0&&(s=f===b?n:f/y*n|0),a>=e?i=(e>>1)-(a>>1):i-=a>>1,r>=n?s=(n>>1)-(r>>1):s-=r>>1,_.css({left:i+"px",top:s+"px"})},0)})}e.loadingStylesheets.includes("jgraduate/css/jPicker.css")||e.loadingStylesheets.push("jgraduate/css/jPicker.css"),e.jPicker={List:[],Color:function t(n){classCallCheck(this,t);var a=this;function r(e){for(var t=0;t255&&(y.r=255),o!==y.r&&(o=y.r,m=!0);break;case"g":if(x)continue;_=!0,y.g=t&&t.g&&0|t.g||t&&0|t||0,y.g<0?y.g=0:y.g>255&&(y.g=255),l!==y.g&&(l=y.g,m=!0);break;case"b":if(x)continue;_=!0,y.b=t&&t.b&&0|t.b||t&&0|t||0,y.b<0?y.b=0:y.b>255&&(y.b=255),u!==y.b&&(u=y.b,m=!0);break;case"a":y.a=t&&null!=t.a?0|t.a:null!=t?0|t:255,y.a<0?y.a=0:y.a>255&&(y.a=255),c!==y.a&&(c=y.a,m=!0);break;case"h":if(_)continue;x=!0,y.h=t&&t.h&&0|t.h||t&&0|t||0,y.h<0?y.h=0:y.h>360&&(y.h=360),h!==y.h&&(h=y.h,m=!0);break;case"s":if(_)continue;x=!0,y.s=t&&null!=t.s?0|t.s:null!=t?0|t:100,y.s<0?y.s=0:y.s>100&&(y.s=100),d!==y.s&&(d=y.s,m=!0);break;case"v":if(_)continue;x=!0,y.v=t&&null!=t.v?0|t.v:null!=t?0|t:100,y.v<0?y.v=0:y.v>100&&(y.v=100),f!==y.v&&(f=y.v,m=!0)}if(m){if(_){o=o||0,l=l||0,u=u||0;var S=i.rgbToHsv({r:o,g:l,b:u});h=S.h,d=S.s,f=S.v}else if(x){h=h||0,d=null!=d?d:100,f=null!=f?f:100;var w=i.hsvToRgb({h:h,s:d,v:f});o=w.r,l=w.g,u=w.b}c=null!=c?c:255,r.call(a,n||a)}}}}var o=void 0,l=void 0,u=void 0,c=void 0,h=void 0,d=void 0,f=void 0,p=[];e.extend(!0,a,{val:s,bind:function(e){"function"==typeof e&&p.push(e)},unbind:function(e){if("function"==typeof e)for(var t=void 0;t=p.includes(e);)p.splice(t,1)},destroy:function(){p=null}}),n&&(null!=n.ahex?s("ahex",n):null!=n.hex?s((null!=n.a?"a":"")+"hex",null!=n.a?{ahex:n.hex+i.intToHex(n.a)}:n):null!=n.r&&null!=n.g&&null!=n.b?s("rgb"+(null!=n.a?"a":""),n):null!=n.h&&null!=n.s&&null!=n.v&&s("hsv"+(null!=n.a?"a":""),n))},ColorMethods:{hexToRgba:function(e){if(""===e||"none"===e)return{r:null,g:null,b:null,a:null};var t="00",n="00",a="00",r="255";return 6===(e=this.validateHex(e)).length&&(e+="ff"),e.length>6?(t=e.substring(0,2),n=e.substring(2,4),a=e.substring(4,6),r=e.substring(6,e.length)):(e.length>4&&(t=e.substring(4,e.length),e=e.substring(0,4)),e.length>2&&(n=e.substring(2,e.length),e=e.substring(0,2)),e.length>0&&(a=e.substring(0,e.length))),{r:this.hexToInt(t),g:this.hexToInt(n),b:this.hexToInt(a),a:this.hexToInt(r)}},validateHex:function(e){return(e=e.toLowerCase().replace(/[^a-f0-9]/g,"")).length>8&&(e=e.substring(0,8)),e},rgbaToHex:function(e){return this.intToHex(e.r)+this.intToHex(e.g)+this.intToHex(e.b)+this.intToHex(e.a)},intToHex:function(e){var t=(0|e).toString(16);return 1===t.length&&(t="0"+t),t.toLowerCase()},hexToInt:function(e){return parseInt(e,16)},rgbToHsv:function(e){var t=e.r/255,n=e.g/255,a=e.b/255,r={h:0,s:0,v:0},i=0,s=0;t>=n&&t>=a?(s=t,i=n>a?a:n):n>=a&&n>=t?(s=n,i=t>a?a:t):(s=a,i=n>t?t:n),r.v=s,r.s=s?(s-i)/s:0;var o=void 0;return r.s?(o=s-i,r.h=t===s?(n-a)/o:n===s?2+(a-t)/o:4+(t-n)/o,r.h=parseInt(60*r.h),r.h<0&&(r.h+=360)):r.h=0,r.s=100*r.s|0,r.v=100*r.v|0,r},hsvToRgb:function(e){var t={r:0,g:0,b:0,a:100},n=e.h,a=e.s,r=e.v;if(0===a)t.r=t.g=t.b=0===r?0:255*r/100|0;else{360===n&&(n=0);var i=0|(n/=60),s=n-i,o=(r/=100)*(1-(a/=100)),l=r*(1-a*s),u=r*(1-a*(1-s));switch(i){case 0:t.r=r,t.g=u,t.b=o;break;case 1:t.r=l,t.g=r,t.b=o;break;case 2:t.r=o,t.g=r,t.b=u;break;case 3:t.r=o,t.g=l,t.b=r;break;case 4:t.r=u,t.g=o,t.b=r;break;case 5:t.r=r,t.g=o,t.b=l}t.r=255*t.r|0,t.g=255*t.g|0,t.b=255*t.b|0}return t}}};var n=e.jPicker,a=n.Color,r=n.List,i=n.ColorMethods;return e.fn.jPicker=function(n){var s=arguments;return this.each(function(){var o=this,l=e.extend(!0,{},e.fn.jPicker.defaults,n);"input"===e(o).get(0).nodeName.toLowerCase()&&(e.extend(!0,l,{window:{bindToInput:!0,expandable:!0,input:e(o)}}),""===e(o).val()?(l.color.active=new a({hex:null}),l.color.current=new a({hex:null})):i.validateHex(e(o).val())&&(l.color.active=new a({hex:e(o).val(),a:l.color.active.val("a")}),l.color.current=new a({hex:e(o).val(),a:l.color.active.val("a")}))),l.window.expandable?e(o).after('    '):l.window.liveUpdate=!1;var u=parseFloat(navigator.appVersion.split("MSIE")[1])<7&&document.body.filters;function c(e){var t=M.active,n=t.val("hex"),a=void 0,r=void 0;switch(l.color.mode=e,e){case"h":if(setTimeout(function(){p.call(o,D,"transparent"),v.call(o,U,0),m.call(o,U,100),v.call(o,H,260),m.call(o,H,100),p.call(o,F,"transparent"),v.call(o,q,0),m.call(o,q,100),v.call(o,X,260),m.call(o,X,100),v.call(o,W,260),m.call(o,W,100),v.call(o,Y,260),m.call(o,Y,100),v.call(o,Z,260),m.call(o,Z,100)},0),K.range("all",{minX:0,maxX:100,minY:0,maxY:100}),J.range("rangeY",{minY:0,maxY:360}),null==t.val("ahex"))break;K.val("xy",{x:t.val("s"),y:100-t.val("v")},K),J.val("y",360-t.val("h"),J);break;case"s":if(setTimeout(function(){p.call(o,D,"transparent"),v.call(o,U,-260),v.call(o,H,-520),v.call(o,q,-260),v.call(o,X,-520),v.call(o,Z,260),m.call(o,Z,100)},0),K.range("all",{minX:0,maxX:360,minY:0,maxY:100}),J.range("rangeY",{minY:0,maxY:100}),null==t.val("ahex"))break;K.val("xy",{x:t.val("h"),y:100-t.val("v")},K),J.val("y",100-t.val("s"),J);break;case"v":if(setTimeout(function(){p.call(o,D,"000000"),v.call(o,U,-780),v.call(o,H,260),p.call(o,F,n),v.call(o,q,-520),v.call(o,X,260),m.call(o,X,100),v.call(o,Z,260),m.call(o,Z,100)},0),K.range("all",{minX:0,maxX:360,minY:0,maxY:100}),J.range("rangeY",{minY:0,maxY:100}),null==t.val("ahex"))break;K.val("xy",{x:t.val("h"),y:100-t.val("s")},K),J.val("y",100-t.val("v"),J);break;case"r":if(a=-1040,r=-780,K.range("all",{minX:0,maxX:255,minY:0,maxY:255}),J.range("rangeY",{minY:0,maxY:255}),null==t.val("ahex"))break;K.val("xy",{x:t.val("b"),y:255-t.val("g")},K),J.val("y",255-t.val("r"),J);break;case"g":if(a=-1560,r=-1820,K.range("all",{minX:0,maxX:255,minY:0,maxY:255}),J.range("rangeY",{minY:0,maxY:255}),null==t.val("ahex"))break;K.val("xy",{x:t.val("b"),y:255-t.val("r")},K),J.val("y",255-t.val("g"),J);break;case"b":if(a=-2080,r=-2860,K.range("all",{minX:0,maxX:255,minY:0,maxY:255}),J.range("rangeY",{minY:0,maxY:255}),null==t.val("ahex"))break;K.val("xy",{x:t.val("r"),y:255-t.val("g")},K),J.val("y",255-t.val("b"),J);break;case"a":if(setTimeout(function(){p.call(o,D,"transparent"),v.call(o,U,-260),v.call(o,H,-520),v.call(o,q,260),v.call(o,X,260),m.call(o,X,100),v.call(o,Z,0),m.call(o,Z,100)},0),K.range("all",{minX:0,maxX:360,minY:0,maxY:100}),J.range("rangeY",{minY:0,maxY:255}),null==t.val("ahex"))break;K.val("xy",{x:t.val("h"),y:100-t.val("v")},K),J.val("y",255-t.val("a"),J);break;default:throw new Error("Invalid Mode")}switch(e){case"h":break;case"s":case"v":case"a":setTimeout(function(){m.call(o,U,100),m.call(o,q,100),v.call(o,W,260),m.call(o,W,100),v.call(o,Y,260),m.call(o,Y,100)},0);break;case"r":case"g":case"b":setTimeout(function(){p.call(o,D,"transparent"),p.call(o,F,"transparent"),m.call(o,q,100),m.call(o,U,100),v.call(o,U,a),v.call(o,H,a-260),v.call(o,q,r-780),v.call(o,X,r-520),v.call(o,W,r),v.call(o,Y,r-260),v.call(o,Z,260),m.call(o,Z,100)},0)}null!=t.val("ahex")&&h.call(o,t)}function h(e,t){(null==t||t!==J&&t!==K)&&function(e,t){if(t!==K)switch(l.color.mode){case"h":var n=e.val("sv");K.val("xy",{x:null!=n?n.s:100,y:100-(null!=n?n.v:100)},t);break;case"s":case"a":var a=e.val("hv");K.val("xy",{x:a&&a.h||0,y:100-(null!=a?a.v:100)},t);break;case"v":var r=e.val("hs");K.val("xy",{x:r&&r.h||0,y:100-(null!=r?r.s:100)},t);break;case"r":var i=e.val("bg");K.val("xy",{x:i&&i.b||0,y:255-(i&&i.g||0)},t);break;case"g":var s=e.val("br");K.val("xy",{x:s&&s.b||0,y:255-(s&&s.r||0)},t);break;case"b":var o=e.val("rg");K.val("xy",{x:o&&o.r||0,y:255-(o&&o.g||0)},t)}if(t!==J)switch(l.color.mode){case"h":J.val("y",360-(e.val("h")||0),t);break;case"s":var u=e.val("s");J.val("y",100-(null!=u?u:100),t);break;case"v":var c=e.val("v");J.val("y",100-(null!=c?c:100),t);break;case"r":J.val("y",255-(e.val("r")||0),t);break;case"g":J.val("y",255-(e.val("g")||0),t);break;case"b":J.val("y",255-(e.val("b")||0),t);break;case"a":var h=e.val("a");J.val("y",255-(null!=h?h:255),t)}}.call(o,e,t),setTimeout(function(){(function(e){try{var t=e.val("all");te.css({backgroundColor:t&&"#"+t.hex||"transparent"}),m.call(o,te,t&&Math.precision(100*t.a/255,4)||0)}catch(e){}}).call(o,e),function(e){switch(l.color.mode){case"h":p.call(o,D,new a({h:e.val("h")||0,s:100,v:100}).val("hex"));break;case"s":case"a":var t=e.val("s");m.call(o,H,100-(null!=t?t:100));break;case"v":var n=e.val("v");m.call(o,U,null!=n?n:100);break;case"r":m.call(o,H,Math.precision((e.val("r")||0)/255*100,4));break;case"g":m.call(o,H,Math.precision((e.val("g")||0)/255*100,4));break;case"b":m.call(o,H,Math.precision((e.val("b")||0)/255*100))}var r=e.val("a");m.call(o,z,Math.precision(100*(255-(r||0))/255,4))}.call(o,e),function(e){switch(l.color.mode){case"h":var t=e.val("a");m.call(o,Q,Math.precision(100*(255-(t||0))/255,4));break;case"s":var n=e.val("hva"),r=new a({h:n&&n.h||0,s:100,v:null!=n?n.v:100});p.call(o,F,r.val("hex")),m.call(o,X,100-(null!=n?n.v:100)),m.call(o,Q,Math.precision(100*(255-(n&&n.a||0))/255,4));break;case"v":var i=e.val("hsa"),s=new a({h:i&&i.h||0,s:null!=i?i.s:100,v:100});p.call(o,F,s.val("hex")),m.call(o,Q,Math.precision(100*(255-(i&&i.a||0))/255,4));break;case"r":case"g":case"b":var u=e.val("rgba"),c=0,h=0;"r"===l.color.mode?(c=u&&u.b||0,h=u&&u.g||0):"g"===l.color.mode?(c=u&&u.b||0,h=u&&u.r||0):"b"===l.color.mode&&(c=u&&u.r||0,h=u&&u.g||0);var d=h>c?c:h;m.call(o,X,c>h?Math.precision((c-h)/(255-h)*100,4):0),m.call(o,W,h>c?Math.precision((h-c)/(255-c)*100,4):0),m.call(o,Y,Math.precision(d/255*100,4)),m.call(o,Q,Math.precision(100*(255-(u&&u.a||0))/255,4));break;case"a":var f=e.val("a");p.call(o,F,e.val("hex")||"000000"),m.call(o,Q,null!=f?0:100),m.call(o,Z,null!=f?100:0)}}.call(o,e)},0)}function d(e,t){var n=M.active;if(t===K||null!=n.val()){var a=e.val("all");switch(l.color.mode){case"h":n.val("sv",{s:a.x,v:100-a.y},t);break;case"s":case"a":n.val("hv",{h:a.x,v:100-a.y},t);break;case"v":n.val("hs",{h:a.x,s:100-a.y},t);break;case"r":n.val("gb",{g:255-a.y,b:a.x},t);break;case"g":n.val("rb",{r:255-a.y,b:a.x},t);break;case"b":n.val("rg",{r:a.x,g:255-a.y},t)}}}function f(e,t){var n=M.active;if(t===J||null!=n.val())switch(l.color.mode){case"h":n.val("h",{h:360-e.val("y")},t);break;case"s":n.val("s",{s:100-e.val("y")},t);break;case"v":n.val("v",{v:100-e.val("y")},t);break;case"r":n.val("r",{r:255-e.val("y")},t);break;case"g":n.val("g",{g:255-e.val("y")},t);break;case"b":n.val("b",{b:255-e.val("y")},t);break;case"a":n.val("a",255-e.val("y"),t)}}function p(e,t){e.css({backgroundColor:t&&6===t.length&&"#"+t||"transparent"})}function g(e,t){u&&(t.includes("AlphaBar.png")||t.includes("Bars.png")||t.includes("Maps.png"))?(e.attr("pngSrc",t),e.css({backgroundImage:"none",filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+t+"', sizingMethod='scale')"})):e.css({backgroundImage:"url('"+t+"')"})}function v(e,t){e.css({top:t+"px"})}function m(e,t){if(e.css({visibility:t>0?"visible":"hidden"}),t>0&&t<100)if(u){var n=e.attr("pngSrc");null!=n&&(n.includes("AlphaBar.png")||n.includes("Bars.png")||n.includes("Maps.png"))?e.css({filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+n+"', sizingMethod='scale') progid:DXImageTransform.Microsoft.Alpha(opacity="+t+")"}):e.css({opacity:Math.precision(t/100,4)})}else e.css({opacity:Math.precision(t/100,4)});else if(0===t||100===t)if(u){var a=e.attr("pngSrc");null!=a&&(a.includes("AlphaBar.png")||a.includes("Bars.png")||a.includes("Maps.png"))?e.css({filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+a+"', sizingMethod='scale')"}):e.css({opacity:""})}else e.css({opacity:""})}function b(){M.active.val("ahex",M.current.val("ahex"))}function y(t){e(this).parents("tbody:first").find('input:radio[value!="'+t.target.value+'"]').removeAttr("checked"),c.call(o,t.target.value)}function _(){b.call(o)}function x(){b.call(o),l.window.expandable&&N.call(o),"function"==typeof de&&de.call(o,M.active,re)}function C(){(function(){M.current.val("ahex",M.active.val("ahex"))}).call(o),l.window.expandable&&N.call(o),"function"==typeof ce&&ce.call(o,M.active,ae)}function S(){T.call(o)}function w(e,t){var n=e.val("hex");ne.css({backgroundColor:n&&"#"+n||"transparent"}),m.call(o,ne,Math.precision(100*(e.val("a")||0)/255,4))}function k(e,t){var n=e.val("hex"),a=e.val("va");se.css({backgroundColor:n&&"#"+n||"transparent"}),m.call(o,oe,Math.precision(100*(255-(a&&a.a||0))/255,4)),l.window.bindToInput&&l.window.updateInputColor&&l.window.input.css({backgroundColor:n&&"#"+n||"transparent",color:null==a||a.v>75?"#000000":"#ffffff"})}function $(t){B=parseInt(j.css("left")),O=parseInt(j.css("top")),V=t.pageX,R=t.pageY,e(document).bind("mousemove",E).bind("mouseup",P),t.preventDefault()}function E(t){return j.css({left:B-(V-t.pageX)+"px",top:O-(R-t.pageY)+"px"}),l.window.expandable&&!e.support.boxModel&&j.prev().css({left:j.css("left"),top:j.css("top")}),t.stopPropagation(),t.preventDefault(),!1}function P(t){return e(document).unbind("mousemove",E).unbind("mouseup",P),t.stopPropagation(),t.preventDefault(),!1}function A(t){return t.preventDefault(),t.stopPropagation(),M.active.val("ahex",e(this).attr("title")||null,t.target),!1}function T(){function t(){if(l.window.expandable&&!e.support.boxModel){var t=j.find("table:first");j.before("' + '" width="900px" height="600px" id="svgedit"">' ); iframe[0].addEventListener('load', function () { svgCanvas = new EmbeddedSVGEdit(frame); diff --git a/editor/embedapi.js b/editor/embedapi.js index 5ad926e5..c0026798 100644 --- a/editor/embedapi.js +++ b/editor/embedapi.js @@ -95,7 +95,7 @@ function getMessageListener (t) { * messages will be allowed when same origin is not used; defaults to none. * If supplied, it should probably be the same as svgEditor's allowedOrigins */ -class EmbeddedSVGEdit { +export default class EmbeddedSVGEdit { constructor (frame, allowedOrigins) { this.allowedOrigins = allowedOrigins || []; // Initialize communication @@ -116,7 +116,7 @@ class EmbeddedSVGEdit { // alert("['" + l.join("', '") + "']"); // Run in svgedit itself const functions = [ - 'clearSvgContentElement', 'setIdPrefix', 'getCurrentDrawing', 'addSvgElementFromJson', 'getTransformList', 'matrixMultiply', 'hasMatrixTransform', 'transformListToTransform', 'convertToNum', 'findDefs', 'getUrlFromAttr', 'getHref', 'setHref', 'getBBox', 'getRotationAngle', 'getElem', 'getRefElem', 'assignAttributes', 'cleanupElement', 'remapElement', 'recalculateDimensions', 'sanitizeSvg', 'runExtensions', 'addExtension', 'round', 'getIntersectionList', 'getStrokedBBox', 'getVisibleElements', 'getVisibleElementsAndBBoxes', 'groupSvgElem', 'getId', 'getNextId', 'call', 'bind', 'prepareSvg', 'setRotationAngle', 'recalculateAllSelectedDimensions', 'clearSelection', 'addToSelection', 'selectOnly', 'removeFromSelection', 'selectAllInCurrentLayer', 'getMouseTarget', 'removeUnusedDefElems', 'svgCanvasToString', 'svgToString', 'embedImage', 'setGoodImage', 'open', 'save', 'rasterExport', 'exportPDF', 'getSvgString', 'randomizeIds', 'uniquifyElems', 'setUseData', 'convertGradients', 'convertToGroup', 'setSvgString', 'importSvgString', 'identifyLayers', 'createLayer', 'cloneLayer', 'deleteCurrentLayer', 'setCurrentLayer', 'renameCurrentLayer', 'setCurrentLayerPosition', 'setLayerVisibility', 'moveSelectedToLayer', 'mergeLayer', 'mergeAllLayers', 'leaveContext', 'setContext', 'clear', 'linkControlPoints', 'getContentElem', 'getRootElem', 'getSelectedElems', 'getResolution', 'getZoom', 'getVersion', 'setUiStrings', 'setConfig', 'getTitle', 'setGroupTitle', 'getDocumentTitle', 'setDocumentTitle', 'getEditorNS', 'setResolution', 'getOffset', 'setBBoxZoom', 'setZoom', 'getMode', 'setMode', 'getColor', 'setColor', 'setGradient', 'setPaint', 'setStrokePaint', 'setFillPaint', 'getStrokeWidth', 'setStrokeWidth', 'setStrokeAttr', 'getStyle', 'getOpacity', 'setOpacity', 'getFillOpacity', 'getStrokeOpacity', 'setPaintOpacity', 'getPaintOpacity', 'getBlur', 'setBlurNoUndo', 'setBlurOffsets', 'setBlur', 'getBold', 'setBold', 'getItalic', 'setItalic', 'getFontFamily', 'setFontFamily', 'setFontColor', 'getFontColor', 'getFontSize', 'setFontSize', 'getText', 'setTextContent', 'setImageURL', 'setLinkURL', 'setRectRadius', 'makeHyperlink', 'removeHyperlink', 'setSegType', 'convertToPath', 'changeSelectedAttribute', 'deleteSelectedElements', 'cutSelectedElements', 'copySelectedElements', 'pasteElements', 'groupSelectedElements', 'pushGroupProperties', 'ungroupSelectedElement', 'moveToTopSelectedElement', 'moveToBottomSelectedElement', 'moveUpDownSelected', 'moveSelectedElements', 'cloneSelectedElements', 'alignSelectedElements', 'updateCanvas', 'setBackground', 'cycleElement', 'getPrivateMethods', 'zoomChanged', 'ready' + 'clearSvgContentElement', 'setIdPrefix', 'getCurrentDrawing', 'addSvgElementFromJson', 'getTransformList', 'matrixMultiply', 'hasMatrixTransform', 'transformListToTransform', 'convertToNum', 'findDefs', 'getUrlFromAttr', 'getHref', 'setHref', 'getBBox', 'getRotationAngle', 'getElem', 'getRefElem', 'assignAttributes', 'cleanupElement', 'remapElement', 'recalculateDimensions', 'sanitizeSvg', 'runExtensions', 'addExtension', 'round', 'getIntersectionList', 'getStrokedBBox', 'getVisibleElements', 'getVisibleElementsAndBBoxes', 'groupSvgElem', 'getId', 'getNextId', 'call', 'bind', 'prepareSvg', 'setRotationAngle', 'recalculateAllSelectedDimensions', 'clearSelection', 'addToSelection', 'selectOnly', 'removeFromSelection', 'selectAllInCurrentLayer', 'getMouseTarget', 'removeUnusedDefElems', 'svgCanvasToString', 'svgToString', 'embedImage', 'setGoodImage', 'open', 'save', 'rasterExport', 'exportPDF', 'getSvgString', 'randomizeIds', 'uniquifyElems', 'setUseData', 'convertGradients', 'convertToGroup', 'setSvgString', 'importSvgString', 'identifyLayers', 'createLayer', 'cloneLayer', 'deleteCurrentLayer', 'setCurrentLayer', 'renameCurrentLayer', 'setCurrentLayerPosition', 'setLayerVisibility', 'moveSelectedToLayer', 'mergeLayer', 'mergeAllLayers', 'leaveContext', 'setContext', 'clear', 'linkControlPoints', 'getContentElem', 'getRootElem', 'getSelectedElems', 'getResolution', 'getZoom', 'getVersion', 'setUiStrings', 'setConfig', 'getTitle', 'setGroupTitle', 'getDocumentTitle', 'setDocumentTitle', 'getEditorNS', 'setResolution', 'getOffset', 'setBBoxZoom', 'setZoom', 'getMode', 'setMode', 'getColor', 'setColor', 'setGradient', 'setPaint', 'setStrokePaint', 'setFillPaint', 'getStrokeWidth', 'setStrokeWidth', 'setStrokeAttr', 'getStyle', 'getOpacity', 'setOpacity', 'getFillOpacity', 'getStrokeOpacity', 'setPaintOpacity', 'getPaintOpacity', 'getBlur', 'setBlurNoUndo', 'setBlurOffsets', 'setBlur', 'getBold', 'setBold', 'getItalic', 'setItalic', 'getFontFamily', 'setFontFamily', 'setFontColor', 'getFontColor', 'getFontSize', 'setFontSize', 'getText', 'setTextContent', 'setImageURL', 'setLinkURL', 'setRectRadius', 'makeHyperlink', 'removeHyperlink', 'setSegType', 'convertToPath', 'changeSelectedAttribute', 'deleteSelectedElements', 'cutSelectedElements', 'copySelectedElements', 'pasteElements', 'groupSelectedElements', 'pushGroupProperties', 'ungroupSelectedElement', 'moveToTopSelectedElement', 'moveToBottomSelectedElement', 'moveUpDownSelected', 'moveSelectedElements', 'cloneSelectedElements', 'alignSelectedElements', 'updateCanvas', 'setBackground', 'cycleElement', 'getPrivateMethods', 'zoomChanged', 'ready', 'getUIStrings' ]; // TODO: rewrite the following, it's pretty scary. @@ -167,5 +167,3 @@ class EmbeddedSVGEdit { return cbid; } } - -export default EmbeddedSVGEdit; diff --git a/editor/external/dynamic-import-polyfill/importModule.js b/editor/external/dynamic-import-polyfill/importModule.js index c8cb6e3d..d5d5f38d 100644 --- a/editor/external/dynamic-import-polyfill/importModule.js +++ b/editor/external/dynamic-import-polyfill/importModule.js @@ -23,7 +23,7 @@ export function importScript(url) { destructor(); }; script.onload = () => { - resolve(window[vector]); + resolve(); destructor(); }; script.src = url; diff --git a/editor/svg-editor.js b/editor/svg-editor.js index 65e15283..fbd4904e 100644 --- a/editor/svg-editor.js +++ b/editor/svg-editor.js @@ -579,13 +579,254 @@ editor.init = function () { editor.putLocale(null, goodLangs, curConfig); }; - // Load extensions - // Bit of a hack to run extensions in local Opera/IE9 - if (document.location.protocol === 'file:') { - setTimeout(extFunc, 100); - } else { - extFunc(); - } + const stateObj = {tool_scale: editor.tool_scale}; + + const setFlyoutPositions = function () { + $('.tools_flyout').each(function () { + const shower = $('#' + this.id + '_show'); + const pos = shower.offset(); + const w = shower.outerWidth(); + $(this).css({left: (pos.left + w) * editor.tool_scale, top: pos.top}); + }); + }; + + const scaleElements = function (elems, scale) { + // const prefix = '-' + uaPrefix.toLowerCase() + '-'; // Currently unused + const sides = ['top', 'left', 'bottom', 'right']; + + elems.each(function () { + // Handled in CSS + // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')'; + const el = $(this); + const w = el.outerWidth() * (scale - 1); + const h = el.outerHeight() * (scale - 1); + // const margins = {}; // Currently unused + + for (let i = 0; i < 4; i++) { + const s = sides[i]; + let cur = el.data('orig_margin-' + s); + if (cur == null) { + cur = parseInt(el.css('margin-' + s), 10); + // Cache the original margin + el.data('orig_margin-' + s, cur); + } + let val = cur * scale; + if (s === 'right') { + val += w; + } else if (s === 'bottom') { + val += h; + } + + el.css('margin-' + s, val); + // el.css('outline', '1px solid red'); + } + }); + }; + + const setIconSize = editor.setIconSize = function (size) { + // const elems = $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open'); + const selToscale = '#tools_top .toolset, #editor_panel > *, #history_panel > *,' + + ' #main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,' + + ' #g_panel > *, #tool_font_size > *, .tools_flyout'; + + const elems = $(selToscale); + + let scale = 1; + if (typeof size === 'number') { + scale = size; + } else { + const iconSizes = {s: 0.75, m: 1, l: 1.25, xl: 1.5}; + scale = iconSizes[size]; + } + + stateObj.tool_scale = editor.tool_scale = scale; + + setFlyoutPositions(); + // $('.tools_flyout').each(function () { + // const pos = $(this).position(); + // console.log($(this), pos.left+(34 * scale)); + // $(this).css({left: pos.left+(34 * scale), top: pos.top+(77 * scale)}); + // console.log('l', $(this).css('left')); + // }); + // + // const scale = .75; + + const hiddenPs = elems.parents(':hidden'); + hiddenPs.css('visibility', 'hidden').show(); + scaleElements(elems, scale); + hiddenPs.css('visibility', 'visible').hide(); + // return; + + $.pref('iconsize', size); + $('#iconsize').val(size); + + // Change icon size + // $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open') + // .find('> svg, > img').each(function () { + // this.setAttribute('width',size_num); + // this.setAttribute('height',size_num); + // }); + // + // $.resizeSvgIcons({ + // '.flyout_arrow_horiz > svg, .flyout_arrow_horiz > img': size_num / 5, + // '#logo > svg, #logo > img': size_num * 1.3, + // '#tools_bottom .icon_label > *': (size_num === 16 ? 18 : size_num * .75) + // }); + // if (size != 's') { + // $.resizeSvgIcons({'#layerbuttons svg, #layerbuttons img': size_num * .6}); + // } + + // Note that all rules will be prefixed with '#svg_editor' when parsed + const cssResizeRules = { + // '.tool_button,\ + // .push_button,\ + // .tool_button_current,\ + // .push_button_pressed,\ + // .disabled,\ + // .icon_label,\ + // .tools_flyout .tool_button': { + // width: {s: '16px', l: '32px', xl: '48px'}, + // height: {s: '16px', l: '32px', xl: '48px'}, + // padding: {s: '1px', l: '2px', xl: '3px'} + // }, + // '.tool_sep': { + // height: {s: '16px', l: '32px', xl: '48px'}, + // margin: {s: '2px 2px', l: '2px 5px', xl: '2px 8px'} + // }, + // '#main_icon': { + // width: {s: '31px', l: '53px', xl: '75px'}, + // height: {s: '22px', l: '42px', xl: '64px'} + // }, + '#tools_top': { + left: 50 + $('#main_button').width(), + height: 72 + }, + '#tools_left': { + width: 31, + top: 74 + }, + 'div#workarea': { + left: 38, + top: 74 + } + // '#tools_bottom': { + // left: {s: '27px', l: '46px', xl: '65px'}, + // height: {s: '58px', l: '98px', xl: '145px'} + // }, + // '#color_tools': { + // 'border-spacing': {s: '0 1px'}, + // 'margin-top': {s: '-1px'} + // }, + // '#color_tools .icon_label': { + // width: {l:'43px', xl: '60px'} + // }, + // '.color_tool': { + // height: {s: '20px'} + // }, + // '#tool_opacity': { + // top: {s: '1px'}, + // height: {s: 'auto', l:'auto', xl:'auto'} + // }, + // '#tools_top input, #tools_bottom input': { + // 'margin-top': {s: '2px', l: '4px', xl: '5px'}, + // height: {s: 'auto', l: 'auto', xl: 'auto'}, + // border: {s: '1px solid #555', l: 'auto', xl: 'auto'}, + // 'font-size': {s: '.9em', l: '1.2em', xl: '1.4em'} + // }, + // '#zoom_panel': { + // 'margin-top': {s: '3px', l: '4px', xl: '5px'} + // }, + // '#copyright, #tools_bottom .label': { + // 'font-size': {l: '1.5em', xl: '2em'}, + // 'line-height': {s: '15px'} + // }, + // '#tools_bottom_2': { + // width: {l: '295px', xl: '355px'}, + // top: {s: '4px'} + // }, + // '#tools_top > div, #tools_top': { + // 'line-height': {s: '17px', l: '34px', xl: '50px'} + // }, + // '.dropdown button': { + // height: {s: '18px', l: '34px', xl: '40px'}, + // 'line-height': {s: '18px', l: '34px', xl: '40px'}, + // 'margin-top': {s: '3px'} + // }, + // '#tools_top label, #tools_bottom label': { + // 'font-size': {s: '1em', l: '1.5em', xl: '2em'}, + // height: {s: '25px', l: '42px', xl: '64px'} + // }, + // 'div.toolset': { + // height: {s: '25px', l: '42px', xl: '64px'} + // }, + // '#tool_bold, #tool_italic': { + // 'font-size': {s: '1.5em', l: '3em', xl: '4.5em'} + // }, + // '#sidepanels': { + // top: {s: '50px', l: '88px', xl: '125px'}, + // bottom: {s: '51px', l: '68px', xl: '65px'} + // }, + // '#layerbuttons': { + // width: {l: '130px', xl: '175px'}, + // height: {l: '24px', xl: '30px'} + // }, + // '#layerlist': { + // width: {l: '128px', xl: '150px'} + // }, + // '.layer_button': { + // width: {l: '19px', xl: '28px'}, + // height: {l: '19px', xl: '28px'} + // }, + // 'input.spin-button': { + // 'background-image': {l: 'url('images/spinbtn_updn_big.png')', xl: 'url('images/spinbtn_updn_big.png')'}, + // 'background-position': {l: '100% -5px', xl: '100% -2px'}, + // 'padding-right': {l: '24px', xl: '24px' } + // }, + // 'input.spin-button.up': { + // 'background-position': {l: '100% -45px', xl: '100% -42px'} + // }, + // 'input.spin-button.down': { + // 'background-position': {l: '100% -85px', xl: '100% -82px'} + // }, + // '#position_opts': { + // width: {all: (size_num*4) +'px'} + // } + }; + + let ruleElem = $('#tool_size_rules'); + if (!ruleElem.length) { + ruleElem = $('').appendTo('head'); + } else { + ruleElem.empty(); + } + + if (size !== 'm') { + let styleStr = ''; + $.each(cssResizeRules, function (selector, rules) { + selector = '#svg_editor ' + selector.replace(/,/g, ', #svg_editor'); + styleStr += selector + '{'; + $.each(rules, function (prop, values) { + let val; + if (typeof values === 'number') { + val = (values * scale) + 'px'; + } else if (values[size] || values.all) { + val = (values[size] || values.all); + } + styleStr += (prop + ':' + val + ';'); + }); + styleStr += '}'; + }); + // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')'; + const prefix = '-' + uaPrefix.toLowerCase() + '-'; + styleStr += (selToscale + '{' + prefix + 'transform: scale(' + scale + ');}' + + ' #svg_editor div.toolset .toolset {' + prefix + 'transform: scale(1); margin: 1px !important;}' + // Hack for markers + ' #svg_editor .ui-slider {' + prefix + 'transform: scale(' + (1 / scale) + ');}' // Hack for sliders + ); + ruleElem.text(styleStr); + } + + setFlyoutPositions(); + }; $.svgIcons(curConfig.imgPath + 'svg_edit_icons.svg', { w: 24, h: 24, id_match: false, @@ -2053,15 +2294,6 @@ editor.init = function () { }); }; - const setFlyoutPositions = function () { - $('.tools_flyout').each(function () { - const shower = $('#' + this.id + '_show'); - const pos = shower.offset(); - const w = shower.outerWidth(); - $(this).css({left: (pos.left + w) * editor.tool_scale, top: pos.top}); - }); - }; - const setupFlyouts = function (holders) { $.each(holders, function (holdSel, btnOpts) { const buttons = $(holdSel).children(); @@ -2196,244 +2428,6 @@ editor.init = function () { return ''; }()); - const scaleElements = function (elems, scale) { - // const prefix = '-' + uaPrefix.toLowerCase() + '-'; // Currently unused - const sides = ['top', 'left', 'bottom', 'right']; - - elems.each(function () { - // Handled in CSS - // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')'; - const el = $(this); - const w = el.outerWidth() * (scale - 1); - const h = el.outerHeight() * (scale - 1); - // const margins = {}; // Currently unused - - for (let i = 0; i < 4; i++) { - const s = sides[i]; - let cur = el.data('orig_margin-' + s); - if (cur == null) { - cur = parseInt(el.css('margin-' + s), 10); - // Cache the original margin - el.data('orig_margin-' + s, cur); - } - let val = cur * scale; - if (s === 'right') { - val += w; - } else if (s === 'bottom') { - val += h; - } - - el.css('margin-' + s, val); - // el.css('outline', '1px solid red'); - } - }); - }; - - const setIconSize = editor.setIconSize = function (size) { - // const elems = $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open'); - const selToscale = '#tools_top .toolset, #editor_panel > *, #history_panel > *,' + -' #main_button, #tools_left > *, #path_node_panel > *, #multiselected_panel > *,' + -' #g_panel > *, #tool_font_size > *, .tools_flyout'; - - const elems = $(selToscale); - - let scale = 1; - if (typeof size === 'number') { - scale = size; - } else { - const iconSizes = {s: 0.75, m: 1, l: 1.25, xl: 1.5}; - scale = iconSizes[size]; - } - - stateObj.tool_scale = editor.tool_scale = scale; - - setFlyoutPositions(); - // $('.tools_flyout').each(function () { - // const pos = $(this).position(); - // console.log($(this), pos.left+(34 * scale)); - // $(this).css({left: pos.left+(34 * scale), top: pos.top+(77 * scale)}); - // console.log('l', $(this).css('left')); - // }); - // - // const scale = .75; - - const hiddenPs = elems.parents(':hidden'); - hiddenPs.css('visibility', 'hidden').show(); - scaleElements(elems, scale); - hiddenPs.css('visibility', 'visible').hide(); - // return; - - $.pref('iconsize', size); - $('#iconsize').val(size); - - // Change icon size - // $('.tool_button, .push_button, .tool_button_current, .disabled, .icon_label, #url_notice, #tool_open') - // .find('> svg, > img').each(function () { - // this.setAttribute('width',size_num); - // this.setAttribute('height',size_num); - // }); - // - // $.resizeSvgIcons({ - // '.flyout_arrow_horiz > svg, .flyout_arrow_horiz > img': size_num / 5, - // '#logo > svg, #logo > img': size_num * 1.3, - // '#tools_bottom .icon_label > *': (size_num === 16 ? 18 : size_num * .75) - // }); - // if (size != 's') { - // $.resizeSvgIcons({'#layerbuttons svg, #layerbuttons img': size_num * .6}); - // } - - // Note that all rules will be prefixed with '#svg_editor' when parsed - const cssResizeRules = { - // '.tool_button,\ - // .push_button,\ - // .tool_button_current,\ - // .push_button_pressed,\ - // .disabled,\ - // .icon_label,\ - // .tools_flyout .tool_button': { - // width: {s: '16px', l: '32px', xl: '48px'}, - // height: {s: '16px', l: '32px', xl: '48px'}, - // padding: {s: '1px', l: '2px', xl: '3px'} - // }, - // '.tool_sep': { - // height: {s: '16px', l: '32px', xl: '48px'}, - // margin: {s: '2px 2px', l: '2px 5px', xl: '2px 8px'} - // }, - // '#main_icon': { - // width: {s: '31px', l: '53px', xl: '75px'}, - // height: {s: '22px', l: '42px', xl: '64px'} - // }, - '#tools_top': { - left: 50 + $('#main_button').width(), - height: 72 - }, - '#tools_left': { - width: 31, - top: 74 - }, - 'div#workarea': { - left: 38, - top: 74 - } - // '#tools_bottom': { - // left: {s: '27px', l: '46px', xl: '65px'}, - // height: {s: '58px', l: '98px', xl: '145px'} - // }, - // '#color_tools': { - // 'border-spacing': {s: '0 1px'}, - // 'margin-top': {s: '-1px'} - // }, - // '#color_tools .icon_label': { - // width: {l:'43px', xl: '60px'} - // }, - // '.color_tool': { - // height: {s: '20px'} - // }, - // '#tool_opacity': { - // top: {s: '1px'}, - // height: {s: 'auto', l:'auto', xl:'auto'} - // }, - // '#tools_top input, #tools_bottom input': { - // 'margin-top': {s: '2px', l: '4px', xl: '5px'}, - // height: {s: 'auto', l: 'auto', xl: 'auto'}, - // border: {s: '1px solid #555', l: 'auto', xl: 'auto'}, - // 'font-size': {s: '.9em', l: '1.2em', xl: '1.4em'} - // }, - // '#zoom_panel': { - // 'margin-top': {s: '3px', l: '4px', xl: '5px'} - // }, - // '#copyright, #tools_bottom .label': { - // 'font-size': {l: '1.5em', xl: '2em'}, - // 'line-height': {s: '15px'} - // }, - // '#tools_bottom_2': { - // width: {l: '295px', xl: '355px'}, - // top: {s: '4px'} - // }, - // '#tools_top > div, #tools_top': { - // 'line-height': {s: '17px', l: '34px', xl: '50px'} - // }, - // '.dropdown button': { - // height: {s: '18px', l: '34px', xl: '40px'}, - // 'line-height': {s: '18px', l: '34px', xl: '40px'}, - // 'margin-top': {s: '3px'} - // }, - // '#tools_top label, #tools_bottom label': { - // 'font-size': {s: '1em', l: '1.5em', xl: '2em'}, - // height: {s: '25px', l: '42px', xl: '64px'} - // }, - // 'div.toolset': { - // height: {s: '25px', l: '42px', xl: '64px'} - // }, - // '#tool_bold, #tool_italic': { - // 'font-size': {s: '1.5em', l: '3em', xl: '4.5em'} - // }, - // '#sidepanels': { - // top: {s: '50px', l: '88px', xl: '125px'}, - // bottom: {s: '51px', l: '68px', xl: '65px'} - // }, - // '#layerbuttons': { - // width: {l: '130px', xl: '175px'}, - // height: {l: '24px', xl: '30px'} - // }, - // '#layerlist': { - // width: {l: '128px', xl: '150px'} - // }, - // '.layer_button': { - // width: {l: '19px', xl: '28px'}, - // height: {l: '19px', xl: '28px'} - // }, - // 'input.spin-button': { - // 'background-image': {l: 'url('images/spinbtn_updn_big.png')', xl: 'url('images/spinbtn_updn_big.png')'}, - // 'background-position': {l: '100% -5px', xl: '100% -2px'}, - // 'padding-right': {l: '24px', xl: '24px' } - // }, - // 'input.spin-button.up': { - // 'background-position': {l: '100% -45px', xl: '100% -42px'} - // }, - // 'input.spin-button.down': { - // 'background-position': {l: '100% -85px', xl: '100% -82px'} - // }, - // '#position_opts': { - // width: {all: (size_num*4) +'px'} - // } - }; - - let ruleElem = $('#tool_size_rules'); - if (!ruleElem.length) { - ruleElem = $('').appendTo('head'); - } else { - ruleElem.empty(); - } - - if (size !== 'm') { - let styleStr = ''; - $.each(cssResizeRules, function (selector, rules) { - selector = '#svg_editor ' + selector.replace(/,/g, ', #svg_editor'); - styleStr += selector + '{'; - $.each(rules, function (prop, values) { - let val; - if (typeof values === 'number') { - val = (values * scale) + 'px'; - } else if (values[size] || values.all) { - val = (values[size] || values.all); - } - styleStr += (prop + ':' + val + ';'); - }); - styleStr += '}'; - }); - // this.style[uaPrefix + 'Transform'] = 'scale(' + scale + ')'; - const prefix = '-' + uaPrefix.toLowerCase() + '-'; - styleStr += (selToscale + '{' + prefix + 'transform: scale(' + scale + ');}' + - ' #svg_editor div.toolset .toolset {' + prefix + 'transform: scale(1); margin: 1px !important;}' + // Hack for markers - ' #svg_editor .ui-slider {' + prefix + 'transform: scale(' + (1 / scale) + ');}' // Hack for sliders - ); - ruleElem.text(styleStr); - } - - setFlyoutPositions(); - }; - // TODO: Combine this with addDropDown or find other way to optimize const addAltDropDown = function (elem, list, callback, opts) { const button = $(elem); @@ -4822,7 +4816,6 @@ editor.init = function () { }); // init SpinButtons - const stateObj = {tool_scale: editor.tool_scale}; $('#rect_rx').SpinButton({min: 0, max: 1000, stateObj, callback: changeRectRadius}); $('#stroke_width').SpinButton({min: 0, max: 99, smallStep: 0.1, stateObj, callback: changeStrokeWidth}); $('#angle').SpinButton({min: -180, max: 180, step: 5, stateObj, callback: changeRotationAngle}); @@ -4951,6 +4944,10 @@ editor.init = function () { } }, false); + editor.canvas.getUIStrings = function () { + return uiStrings; + }; + editor.openPrep = function (func) { $('#main_menu').hide(); if (undoMgr.getUndoStackSize() === 0) { @@ -5156,6 +5153,13 @@ editor.init = function () { curConfig, setLang }); + // Load extensions + // Bit of a hack to run extensions in local Opera/IE9 + if (document.location.protocol === 'file:') { + setTimeout(extFunc, 100); + } else { + extFunc(); + } }; editor.ready = function (cb) { diff --git a/editor/svgutils.js b/editor/svgutils.js index ff9fd26f..2cef4ed7 100644 --- a/editor/svgutils.js +++ b/editor/svgutils.js @@ -1156,11 +1156,11 @@ export const executeAfterLoads = function (name, scripts, cb, options = {globals // Todo: Once `import()` and modules widely supported, switch to it return oldProm.then(() => importer(script)); }, Promise.resolve()).then(function () { - loadedScripts[name] = true; endCallback(); loadedScripts[name].forEach((cb) => { cb(); }); + loadedScripts[name] = true; })(); } };