- Breaking change: Extension now formatted as export (and `this` is set to editor, including for `callback`)
- Breaking change: Locale now formatted as export
- Breaking change: Moved out remaining modular i18n (imagelib) to own folder
- Breaking change: Drop `executeAfterLoads` (and getJSPDF/getCanvg)
- Breaking change: `RGBColor` must accept `new`
- Breaking change: canvg - `stackBlurCanvasRGBA` must be set now by function (`setStackBlurCanvasRGBA`) rather than global; `canvg` now a named export
- Breaking change: Avoid passing `canvg`/`buildCanvgCallback` to extensions (have them import)
- Fix: i18nize imaglib more deeply
- Fix: Positioning of Document Properties dialog (Fixes #246)
- Fix (regression): PDF Export (Fixes #249)
- Fix (regression): Add polyfill for `ChildNode`/`ParentNode` (and use further)
- Fix (regression): Apply Babel universally to dependencies
- Fix (regression): Ordering of `uaPrefix` function in `svgEditor.js`
- Fix (regression): Embedded API
- Fix (embedded editor): Fix backspace key in Firefox so it doesn't navigate out of frame
- Fix: Alert if no exportWindow for PDF (e.g., if blocked)
- Refactoring( RGBColor) `RGBColor` as class, without rebuilding constants, optimize string replacement, move methods to prototype, use templates and object literals, use `Object.keys`
- Refactoring (canvg) Use classes more internally, use shorthand objects; array extras, return to lazy-loading
- Refactoring: Use Promises in place of `$.getScript`; always return Promises in case deciding to await resolving
- Refactoring: Avoid importing `RGBColor` into `svgutils.js` (jsPDF imports it itself)
- Refactoring: Arrow functions, destructuring, shorter property references
- Refactoring: Fix `lang` and `dir` for locales (though not in use currently anyways)
- Refactoring: Provide path config for canvg, jspdf
2018-06-02 01:14:38 +00:00
var svgEditorExtension _shapes = ( function ( ) {
- Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`);
also expect one directory higher; incorporates #207 (@iuyiuy)
- Breaking change: Separate `extIconsPath` from `extPath` (not copying over icons)
- Breaking change: Don't reference `custom.css` in HTML; can instead be referenced in JavaScript through
the config file (provided in `svgedit-config-sample-iife.js`/`svgedit-config-sample-es.js` as `svgedit-custom.css` for
better namespacing); incorporates #207 (@iuyiuy)
- Breaking change: Remove minified jgraduate/spinbtn files (minified within Rollup routine)
- Fix: Zoom when scrolled; incorporates #169 (@AndrolGenhald), adapting for conventions; also allow avoidance when shift key pressed
- Fix: Update Atom feed reference in HTML
- Fixes related to recent commits: Some path and method name fixes needed, function order, missing methods, variable scope declaration, no need for DOMContentLoaded listeners in modules, switch back to non-default export, avoid trimming nullish, deal with mock tests, fix `math.matrixMultiply`, use jquery-svg where needed for array/SVG attributes; add babel-polyfill and defer script to imagelib; other misc. fixes
- Enhancement: Move config-sample.js out of `editor` directory
- Enhancement: For `callback`-style extensions, also provide config object; add following
to that object: buildCanvgCallback, canvg, decode64, encode64, executeAfterLoads, getTypeMap, isChrome, ieIE, NS, text2xml
- Enhancement: Complete ES6 modules work (extensions, locales, tests), along with Babel;
make Node build routine for converting modular source to non-modular,
use `loadStylesheets` for modular stylehsheet defining (but parallel loading);
- Enhancement: Add `stylesheets` config for modular but parallel stylesheet loading with `@default` option for simple inclusion/exclusion of defaults (if not going with default).
- Refactoring: Clean up `svg-editor.html`: consistent indents; avoid extra lbs, avoid long lines
- Refactoring: Avoid embedded API adding inline JavaScript listener
- Refactoring: Move layers and context code to `draw.js`
- Refactoring: Move `pathActions` from `svgcanvas.js` (though preserve aliases to these methods on `canvas`) and `convertPath` from `svgutils.js` to `path.js`
- Refactoring: Move `getStrokedBBox` from `svgcanvas.js` (while keeping an alias) to `svgutils.js` (as `getStrokedBBoxDefaultVisible` to avoid conflict with existing)
- Docs: Remove "dependencies" comments in code except where summarizing role of jQuery or a non-obvious dependency
- Refactoring/Linting: Enfore `no-extra-semi` and `quote-props` rules
- Refactoring: Further avoidance of quotes on properties (as possible)
- Refactoring: Use `class` in place of functions where intended as classes
- Refactoring: Consistency and granularity in extensions imports
- Testing: Update QUnit to 2.6.1 (node_modules) and Sinon to 5.0.8 (and add sinon-test at 2.1.3) and enforce eslint-plugin-qunit linting rules; update custom extensions
- Testing: Add node-static for automating (and accessing out-of-directory contents)
- Testing: Avoid HTML attributes for styling
- Testing: Add npm `test` script
- Testing: Comment out unused jQuery SVG test
- Testing: Add test1 and svgutils_performance_test to all tests page
- Testing: Due apparently to Path having not been a formal class, the test was calling it without `new`; refactored now with sufficient mock data to take into account it is a class
- npm: Update devDeps
- npm: Add html modules and config build to test script
2018-05-22 10:03:16 +00:00
'use strict' ;
2020-07-26 18:11:18 +00:00
function asyncGeneratorStep ( gen , resolve , reject , _next , _throw , key , arg ) {
try {
var info = gen [ key ] ( arg ) ;
var value = info . value ;
} catch ( error ) {
reject ( error ) ;
return ;
}
2019-12-19 08:59:45 +00:00
2020-07-26 18:11:18 +00:00
if ( info . done ) {
resolve ( value ) ;
} else {
Promise . resolve ( value ) . then ( _next , _throw ) ;
}
}
2019-12-19 08:59:45 +00:00
2020-07-26 18:11:18 +00:00
function _asyncToGenerator ( fn ) {
return function ( ) {
var self = this ,
args = arguments ;
return new Promise ( function ( resolve , reject ) {
var gen = fn . apply ( self , args ) ;
2019-12-19 08:59:45 +00:00
2020-07-26 18:11:18 +00:00
function _next ( value ) {
asyncGeneratorStep ( gen , resolve , reject , _next , _throw , "next" , value ) ;
2019-12-19 08:59:45 +00:00
}
2020-07-26 18:11:18 +00:00
function _throw ( err ) {
asyncGeneratorStep ( gen , resolve , reject , _next , _throw , "throw" , err ) ;
2019-12-19 08:59:45 +00:00
}
2020-07-26 18:11:18 +00:00
_next ( undefined ) ;
} ) ;
} ;
}
2019-12-19 08:59:45 +00:00
2020-07-26 18:11:18 +00:00
function _slicedToArray ( arr , i ) {
return _arrayWithHoles ( arr ) || _iterableToArrayLimit ( arr , i ) || _unsupportedIterableToArray ( arr , i ) || _nonIterableRest ( ) ;
}
2018-11-08 06:48:01 +00:00
2020-07-26 18:11:18 +00:00
function _arrayWithHoles ( arr ) {
if ( Array . isArray ( arr ) ) return arr ;
}
2018-11-08 06:48:01 +00:00
2020-07-26 18:11:18 +00:00
function _iterableToArrayLimit ( arr , i ) {
if ( typeof Symbol === "undefined" || ! ( Symbol . iterator in Object ( arr ) ) ) return ;
var _arr = [ ] ;
var _n = true ;
var _d = false ;
var _e = undefined ;
2018-11-08 06:48:01 +00:00
2020-07-26 18:11:18 +00:00
try {
for ( var _i = arr [ Symbol . iterator ] ( ) , _s ; ! ( _n = ( _s = _i . next ( ) ) . done ) ; _n = true ) {
_arr . push ( _s . value ) ;
2020-03-24 02:04:15 +00:00
2020-07-26 18:11:18 +00:00
if ( i && _arr . length === i ) break ;
}
} catch ( err ) {
_d = true ;
_e = err ;
} finally {
try {
if ( ! _n && _i [ "return" ] != null ) _i [ "return" ] ( ) ;
} finally {
if ( _d ) throw _e ;
}
}
2020-03-24 02:04:15 +00:00
2020-07-26 18:11:18 +00:00
return _arr ;
}
2018-09-26 13:14:12 +00:00
2020-07-26 18:11:18 +00:00
function _unsupportedIterableToArray ( o , minLen ) {
if ( ! o ) return ;
if ( typeof o === "string" ) return _arrayLikeToArray ( o , minLen ) ;
var n = Object . prototype . toString . call ( o ) . slice ( 8 , - 1 ) ;
if ( n === "Object" && o . constructor ) n = o . constructor . name ;
if ( n === "Map" || n === "Set" ) return Array . from ( o ) ;
if ( n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/ . test ( n ) ) return _arrayLikeToArray ( o , minLen ) ;
}
2020-07-18 11:25:50 +00:00
2020-07-26 18:11:18 +00:00
function _arrayLikeToArray ( arr , len ) {
if ( len == null || len > arr . length ) len = arr . length ;
2020-07-18 11:25:50 +00:00
2020-07-26 18:11:18 +00:00
for ( var i = 0 , arr2 = new Array ( len ) ; i < len ; i ++ ) arr2 [ i ] = arr [ i ] ;
2020-07-18 11:25:50 +00:00
2020-07-26 18:11:18 +00:00
return arr2 ;
}
2020-07-18 11:25:50 +00:00
2020-07-26 18:11:18 +00:00
function _nonIterableRest ( ) {
throw new TypeError ( "Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method." ) ;
}
2020-07-18 11:25:50 +00:00
2020-07-26 18:11:18 +00:00
/ * *
* @ file ext - shapes . js
*
* @ license MIT
*
* @ copyright 2010 Christian Tzurcanu , 2010 Alexis Deveria
*
* /
var extShapes = {
name : 'shapes' ,
init : function init ( _ref ) {
var _this = this ;
return _asyncToGenerator ( /*#__PURE__*/ regeneratorRuntime . mark ( function _callee ( ) {
var $ , importLocale , strings , svgEditor , canv , svgroot , lastBBox , categories , library , modeId , startClientPos , currentD , curShapeId , curShape , startX , startY , curLib , loadIcons , makeButtons , loadLibrary , buttons ;
return regeneratorRuntime . wrap ( function _callee$ ( _context ) {
while ( 1 ) {
switch ( _context . prev = _context . next ) {
case 0 :
loadLibrary = function _loadLibrary ( catId ) {
var lib = library [ catId ] ;
if ( ! lib ) {
$ ( '#shape_buttons' ) . html ( strings . loading ) ;
$ . getJSON ( svgEditor . curConfig . extIconsPath + 'shapelib/' + catId + '.json' , function ( result ) {
curLib = library [ catId ] = {
data : result . data ,
size : result . size ,
fill : result . fill
} ;
makeButtons ( catId , result ) ;
loadIcons ( ) ;
} ) ;
return ;
}
curLib = lib ;
if ( ! lib . buttons . length ) {
makeButtons ( catId , lib ) ;
}
loadIcons ( ) ;
} ;
makeButtons = function _makeButtons ( cat , shapes ) {
var size = curLib . size || 300 ;
var fill = curLib . fill || false ;
var off = size * 0.05 ;
var vb = [ - off , - off , size + off * 2 , size + off * 2 ] . join ( ' ' ) ;
var stroke = fill ? 0 : size / 30 ;
var shapeIcon = new DOMParser ( ) . parseFromString ( '<svg xmlns="http://www.w3.org/2000/svg">' + '<svg viewBox="' + vb + '">' + '<path fill="' + ( fill ? '#333' : 'none' ) + '" stroke="#000" stroke-width="' + stroke + '" /></svg></svg>' , 'text/xml' ) ;
var width = 24 ;
var height = 24 ;
shapeIcon . documentElement . setAttribute ( 'width' , width ) ;
shapeIcon . documentElement . setAttribute ( 'height' , height ) ;
var svgElem = $ ( document . importNode ( shapeIcon . documentElement , true ) ) ;
var data = shapes . data ;
curLib . buttons = Object . entries ( data ) . map ( function ( _ref2 ) {
var _ref3 = _slicedToArray ( _ref2 , 2 ) ,
id = _ref3 [ 0 ] ,
pathD = _ref3 [ 1 ] ;
var icon = svgElem . clone ( ) ;
icon . find ( 'path' ) . attr ( 'd' , pathD ) ;
var iconBtn = icon . wrap ( '<div class="tool_button">' ) . parent ( ) . attr ( {
id : modeId + '_' + id ,
title : id
} ) ; // Store for later use
return iconBtn [ 0 ] ;
} ) ;
} ;
loadIcons = function _loadIcons ( ) {
$ ( '#shape_buttons' ) . empty ( ) . append ( curLib . buttons ) ;
} ;
$ = _ref . $ , importLocale = _ref . importLocale ;
_context . next = 6 ;
return importLocale ( ) ;
case 6 :
strings = _context . sent ;
svgEditor = _this ;
canv = svgEditor . canvas ;
svgroot = canv . getRootElem ( ) ;
lastBBox = { } ; // This populates the category list
categories = strings . categories ;
/* eslint-disable max-len */
library = {
basic : {
data : {
heart : 'm150,73c61,-175 300,0 0,225c-300,-225 -61,-400 0,-225z' ,
frame : 'm0,0l300,0l0,300l-300,0zm35,-265l0,230l230,0l0,-230z' ,
donut : 'm1,150l0,0c0,-82.29042 66.70958,-149 149,-149l0,0c39.51724,0 77.41599,15.69816 105.35889,43.64108c27.94293,27.94293 43.64111,65.84165 43.64111,105.35892l0,0c0,82.29041 -66.70958,149 -149,149l0,0c-82.29041,0 -149,-66.70959 -149,-149zm74.5,0l0,0c0,41.1452 33.35481,74.5 74.5,74.5c41.14522,0 74.5,-33.3548 74.5,-74.5c0,-41.1452 -33.3548,-74.5 -74.5,-74.5l0,0c-41.14519,0 -74.5,33.35481 -74.5,74.5z' ,
triangle : 'm1,280.375l149,-260.75l149,260.75z' ,
right _triangle : 'm1,299l0,-298l298,298z' ,
diamond : 'm1,150l149,-149l149,149l-149,149l-149,-149z' ,
pentagon : 'm1.00035,116.97758l148.99963,-108.4053l148.99998,108.4053l-56.91267,175.4042l-184.1741,0l-56.91284,-175.4042z' ,
hexagon : 'm1,149.99944l63.85715,-127.71428l170.28572,0l63.85713,127.71428l-63.85713,127.71428l-170.28572,0l-63.85715,-127.71428z' ,
septagon1 : 'm0.99917,191.06511l29.51249,-127.7108l119.48833,-56.83673l119.48836,56.83673l29.51303,127.7108l-82.69087,102.41679l-132.62103,0l-82.69031,-102.41679z' ,
heptagon : 'm1,88.28171l87.28172,-87.28171l123.43653,0l87.28172,87.28171l0,123.43654l-87.28172,87.28172l-123.43653,0l-87.28172,-87.28172l0,-123.43654z' ,
decagon : 'm1,150.00093l28.45646,-88.40318l74.49956,-54.63682l92.08794,0l74.50002,54.63682l28.45599,88.40318l-28.45599,88.40318l-74.50002,54.63681l-92.08794,0l-74.49956,-54.63681l-28.45646,-88.40318z' ,
dodecagon : 'm1,110.07421l39.92579,-69.14842l69.14842,-39.92579l79.85159,0l69.14842,39.92579l39.92578,69.14842l0,79.85159l-39.92578,69.14842l-69.14842,39.92578l-79.85159,0l-69.14842,-39.92578l-39.92579,-69.14842l0,-79.85159z' ,
star _points _5 : 'm1,116.58409l113.82668,0l35.17332,-108.13487l35.17334,108.13487l113.82666,0l-92.08755,66.83026l35.17514,108.13487l-92.08759,-66.83208l-92.08757,66.83208l35.17515,-108.13487l-92.08758,-66.83026z' ,
trapezoid : 'm1,299l55.875,-298l186.25001,0l55.87498,298z' ,
arrow _up : 'm1.49805,149.64304l148.50121,-148.00241l148.50121,148.00241l-74.25061,0l0,148.71457l-148.5012,0l0,-148.71457z' ,
vertical _scrool : 'm37.375,261.625l0,-242.9375l0,0c0,-10.32083 8.36669,-18.6875 18.6875,-18.6875l224.25,0c10.32083,0 18.6875,8.36667 18.6875,18.6875c0,10.32081 -8.36667,18.6875 -18.6875,18.6875l-18.6875,0l0,242.9375c0,10.32083 -8.36668,18.6875 -18.6875,18.6875l-224.25,0l0,0c-10.32083,0 -18.6875,-8.36667 -18.6875,-18.6875c0,-10.32083 8.36667,-18.6875 18.6875,-18.6875zm37.375,-261.625l0,0c10.32081,0 18.6875,8.36667 18.6875,18.6875c0,10.32081 -8.36669,18.6875 -18.6875,18.6875c-5.1604,0 -9.34375,-4.18335 -9.34375,-9.34375c0,-5.16041 4.18335,-9.34375 9.34375,-9.34375l18.6875,0m186.875,18.6875l-205.5625,0m-37.375,224.25l0,0c5.1604,0 9.34375,4.18335 9.34375,9.34375c0,5.1604 -4.18335,9.34375 -9.34375,9.34375l18.6875,0m-18.6875,18.6875l0,0c10.32081,0 18.6875,-8.36667 18.6875,-18.6875l0,-18.6875' ,
smiley : 'm68.49886,214.78838q81.06408,55.67332 161.93891,0m-144.36983,-109.9558c0,-8.60432 6.97517,-15.57949 15.57948,-15.57949c8.60431,0 15.57948,6.97517 15.57948,15.57949c0,8.60431 -6.97517,15.57947 -15.57948,15.57947c-8.60431,0 -15.57948,-6.97516 -15.57948,-15.57947m95.83109,0c0,-8.60432 6.97517,-15.57949 15.57948,-15.57949c8.60431,0 15.57947,6.97517 15.57947,15.57949c0,8.60431 -6.97516,15.57947 -15.57947,15.57947c-8.60429,0 -15.57948,-6.97516 -15.57948,-15.57947m-181.89903,44.73038l0,0c0,-82.60133 66.96162,-149.56296 149.56296,-149.56296c82.60135,0 149.56296,66.96162 149.56296,149.56296c0,82.60135 -66.96161,149.56296 -149.56296,149.56296c-82.60133,0 -149.56296,-66.96161 -149.56296,-149.56296zm0,0l0,0c0,-82.60133 66.96162,-149.56296 149.56296,-149.56296c82.60135,0 149.56296,66.96162 149.56296,149.56296c0,82.60135 -66.96161,149.56296 -149.56296,149.56296c-82.60133,0 -149.56296,-66.96161 -149.56296,-149.56296z' ,
left _braket : 'm174.24565,298.5c-13.39009,0 -24.24489,-1.80908 -24.24489,-4.04065l0,-140.4187c0,-2.23158 -10.85481,-4.04065 -24.2449,-4.04065l0,0c13.39009,0 24.2449,-1.80907 24.2449,-4.04065l0,-140.4187l0,0c0,-2.23159 10.8548,-4.04066 24.24489,-4.04066' ,
uml _actor : 'm40.5,100l219,0m-108.99991,94.00006l107,105m-107.00009,-106.00006l-100,106m99.5,-231l0,125m33.24219,-158.75781c0,18.35916 -14.88303,33.24219 -33.24219,33.24219c-18.35916,0 -33.2422,-14.88303 -33.2422,-33.24219c0.00002,-18.35915 14.88304,-33.24219 33.2422,-33.24219c18.35916,0 33.24219,14.88304 33.24219,33.24219z' ,
dialog _balloon _1 : 'm0.99786,35.96579l0,0c0,-19.31077 15.28761,-34.96524 34.14583,-34.96524l15.52084,0l0,0l74.50001,0l139.68748,0c9.05606,0 17.74118,3.68382 24.14478,10.24108c6.40356,6.55726 10.00107,15.45081 10.00107,24.72416l0,87.41311l0,0l0,52.44785l0,0c0,19.31078 -15.2876,34.96524 -34.14584,34.96524l-139.68748,0l-97.32507,88.90848l22.82506,-88.90848l-15.52084,0c-18.85822,0 -34.14583,-15.65446 -34.14583,-34.96524l0,0l0,-52.44785l0,0z' ,
cloud : 'm182.05086,34.31005c-0.64743,0.02048 -1.27309,0.07504 -1.92319,0.13979c-10.40161,1.03605 -19.58215,7.63722 -24.24597,17.4734l-2.47269,7.44367c0.53346,-2.57959 1.35258,-5.08134 2.47269,-7.44367c-8.31731,-8.61741 -19.99149,-12.59487 -31.52664,-10.72866c-11.53516,1.8662 -21.55294,9.3505 -27.02773,20.19925c-15.45544,-9.51897 -34.72095,-8.94245 -49.62526,1.50272c-14.90431,10.44516 -22.84828,28.93916 -20.43393,47.59753l1.57977,7.58346c-0.71388,-2.48442 -1.24701,-5.01186 -1.57977,-7.58346l-0.2404,0.69894c-12.95573,1.4119 -23.58103,11.46413 -26.34088,24.91708c-2.75985,13.45294 2.9789,27.25658 14.21789,34.21291l17.54914,4.26352c-6.1277,0.50439 -12.24542,-0.9808 -17.54914,-4.26352c-8.66903,9.71078 -10.6639,24.08736 -4.94535,35.96027c5.71854,11.87289 17.93128,18.70935 30.53069,17.15887l7.65843,-2.02692c-2.46413,1.0314 -5.02329,1.70264 -7.65843,2.02692c7.15259,13.16728 19.01251,22.77237 32.93468,26.5945c13.92217,3.82214 28.70987,1.56322 41.03957,-6.25546c10.05858,15.86252 27.91113,24.19412 45.81322,21.38742c17.90208,-2.8067 32.66954,-16.26563 37.91438,-34.52742l1.82016,-10.20447c-0.27254,3.46677 -0.86394,6.87508 -1.82016,10.20447c12.31329,8.07489 27.80199,8.52994 40.52443,1.18819c12.72244,-7.34175 20.6609,-21.34155 20.77736,-36.58929l-4.56108,-22.7823l-17.96776,-15.41455c13.89359,8.70317 22.6528,21.96329 22.52884,38.19685c16.5202,0.17313 30.55292,-13.98268 36.84976,-30.22897c6.29684,-16.24631 3.91486,-34.76801 -6.2504,-48.68089c4.21637,-10.35873 3.96622,-22.14172 -0.68683,-32.29084c-4.65308,-10.14912 -13.23602,-17.69244 -23.55914,-20.65356c-2.31018,-13.45141 -11.83276,-24.27162 -24.41768,-27.81765c-12.58492,-3.54603 -25.98557,0.82654 -34.41142,11.25287l-5.11707,8.63186c1.30753,-3.12148 3.01521,-6.03101 5.11707,-8.63186c-5.93959,-8.19432 -15.2556,-12.8181 -24.96718,-12.51096z' ,
cylinder : 'm299.0007,83.77844c0,18.28676 -66.70958,33.11111 -149.00002,33.11111m149.00002,-33.11111l0,0c0,18.28676 -66.70958,33.11111 -149.00002,33.11111c-82.29041,0 -148.99997,-14.82432 -148.99997,-33.11111m0,0l0,0c0,-18.28674 66.70956,-33.1111 148.99997,-33.1111c82.29044,0 149.00002,14.82436 149.00002,33.1111l0,132.44449c0,18.28674 -66.70958,33.11105 -149.00002,33.11105c-82.29041,0 -148.99997,-14.82431 -148.99997,-33.11105z' ,
arrow _u _turn : 'm1.00059,299.00055l0,-167.62497l0,0c0,-72.00411 58.37087,-130.37499 130.375,-130.37499l0,0l0,0c34.57759,0 67.73898,13.7359 92.18906,38.18595c24.45006,24.45005 38.18593,57.61144 38.18593,92.18904l0,18.625l37.24997,0l-74.49995,74.50002l-74.50002,-74.50002l37.25,0l0,-18.625c0,-30.8589 -25.0161,-55.87498 -55.87498,-55.87498l0,0l0,0c-30.85892,0 -55.875,25.01608 -55.875,55.87498l0,167.62497z' ,
arrow _left _up : 'm0.99865,224.5l74.50004,-74.5l0,37.25l111.74991,0l0,-111.75l-37.25,0l74.5,-74.5l74.5,74.5l-37.25,0l0,186.25l-186.24989,0l0,37.25l-74.50005,-74.5z' ,
maximize : 'm1.00037,150.34581l55.30305,-55.30267l0,27.65093l22.17356,0l0,-44.21833l44.21825,0l0,-22.17357l-27.65095,0l55.30267,-55.30292l55.3035,55.30292l-27.65175,0l0,22.17357l44.21835,0l0,44.21833l22.17357,0l0,-27.65093l55.30345,55.30267l-55.30345,55.3035l0,-27.65175l-22.17357,0l0,44.21834l-44.21835,0l0,22.17355l27.65175,0l-55.3035,55.30348l-55.30267,-55.30348l27.65095,0l0,-22.17355l-44.21825,0l0,-44.21834l-22.17356,0l0,27.65175l-55.30305,-55.3035z' ,
cross : 'm0.99844,99.71339l98.71494,0l0,-98.71495l101.26279,0l0,98.71495l98.71495,0l0,101.2628l-98.71495,0l0,98.71494l-101.26279,0l0,-98.71494l-98.71494,0z' ,
plaque : 'm-0.00197,49.94376l0,0c27.5829,0 49.94327,-22.36036 49.94327,-49.94327l199.76709,0l0,0c0,27.5829 22.36037,49.94327 49.94325,49.94327l0,199.7671l0,0c-27.58289,0 -49.94325,22.36034 -49.94325,49.94325l-199.76709,0c0,-27.58292 -22.36037,-49.94325 -49.94327,-49.94325z' ,
page : 'm249.3298,298.99744l9.9335,-39.73413l39.73413,-9.93355l-49.66763,49.66768l-248.33237,0l0,-298.00001l298.00001,0l0,248.33234'
} ,
buttons : [ ]
}
} ;
/* eslint-enable max-len */
modeId = 'shapelib' ;
startClientPos = { } ;
curLib = library . basic ;
/ * *
*
* @ returns { void }
* /
buttons = [ {
id : 'tool_shapelib' ,
icon : svgEditor . curConfig . extIconsPath + 'shapes.png' ,
type : 'mode_flyout' ,
// _flyout
position : 6 ,
events : {
click : function click ( ) {
canv . setMode ( modeId ) ;
}
}
} ] ;
return _context . abrupt ( "return" , {
svgicons : svgEditor . curConfig . extIconsPath + 'ext-shapes.xml' ,
buttons : strings . buttons . map ( function ( button , i ) {
return Object . assign ( buttons [ i ] , button ) ;
} ) ,
callback : function callback ( ) {
$ ( '<style>' ) . text ( "\n #shape_buttons {\n overflow: auto;\n width: 180px;\n max-height: 300px;\n display: table-cell;\n vertical-align: middle;\n }\n #shape_cats {\n min-width: 110px;\n display: table-cell;\n vertical-align: middle;\n height: 300px;\n }\n #shape_cats > div {\n line-height: 1em;\n padding: .5em;\n border:1px solid #B0B0B0;\n background: #E8E8E8;\n margin-bottom: -1px;\n }\n #shape_cats div:hover {\n background: #FFFFCC;\n }\n #shape_cats div.current {\n font-weight: bold;\n }\n " ) . appendTo ( 'head' ) ;
var btnDiv = $ ( '<div id="shape_buttons">' ) ;
$ ( '#tools_shapelib > *' ) . wrapAll ( btnDiv ) ;
var shower = $ ( '#tools_shapelib_show' ) ;
loadLibrary ( 'basic' ) ; // Do mouseup on parent element rather than each button
$ ( '#shape_buttons' ) . mouseup ( function ( evt ) {
var btn = $ ( evt . target ) . closest ( 'div.tool_button' ) ;
if ( ! btn . length ) {
return ;
}
var copy = btn . children ( ) . clone ( ) ;
shower . children ( ':not(.flyout_arrow_horiz)' ) . remove ( ) ;
shower . append ( copy ) . attr ( 'data-curopt' , '#' + btn [ 0 ] . id ) // This sets the current mode
. mouseup ( ) ;
canv . setMode ( modeId ) ;
curShapeId = btn [ 0 ] . id . substr ( ( modeId + '_' ) . length ) ;
currentD = curLib . data [ curShapeId ] ;
$ ( '.tools_flyout' ) . fadeOut ( ) ;
} ) ;
var shapeCats = $ ( '<div id="shape_cats">' ) ;
var catStr = '' ;
$ . each ( categories , function ( id , label ) {
catStr += '<div data-cat=' + id + '>' + label + '</div>' ;
} ) ;
shapeCats . html ( catStr ) . children ( ) . bind ( 'mouseup' , function ( ) {
var catlink = $ ( this ) ;
catlink . siblings ( ) . removeClass ( 'current' ) ;
catlink . addClass ( 'current' ) ;
loadLibrary ( catlink . attr ( 'data-cat' ) ) ; // Get stuff
return false ;
} ) ;
shapeCats . children ( ) . eq ( 0 ) . addClass ( 'current' ) ;
$ ( '#tools_shapelib' ) . append ( shapeCats ) ;
shower . mouseup ( function ( ) {
canv . setMode ( currentD ? modeId : 'select' ) ;
} ) ;
$ ( '#tool_shapelib' ) . remove ( ) ;
var h = $ ( '#tools_shapelib' ) . height ( ) ;
$ ( '#tools_shapelib' ) . css ( {
'margin-top' : - ( h / 2 - 15 ) ,
'margin-left' : 3
} ) ; // Now add shape categories from locale
var cats = { } ;
Object . entries ( categories ) . forEach ( function ( _ref4 ) {
var _ref5 = _slicedToArray ( _ref4 , 2 ) ,
o = _ref5 [ 0 ] ,
categoryName = _ref5 [ 1 ] ;
cats [ '#shape_cats [data-cat="' + o + '"]' ] = categoryName ;
} ) ;
this . setStrings ( 'content' , cats ) ;
} ,
mouseDown : function mouseDown ( opts ) {
var mode = canv . getMode ( ) ;
if ( mode !== modeId ) {
return undefined ;
}
startX = opts . start _x ;
var x = startX ;
startY = opts . start _y ;
var y = startY ;
var curStyle = canv . getStyle ( ) ;
startClientPos . x = opts . event . clientX ;
startClientPos . y = opts . event . clientY ;
curShape = canv . addSVGElementFromJson ( {
element : 'path' ,
curStyles : true ,
attr : {
d : currentD ,
id : canv . getNextId ( ) ,
opacity : curStyle . opacity / 2 ,
style : 'pointer-events:none'
}
} ) ; // Make sure shape uses absolute values
if ( /[a-z]/ . test ( currentD ) ) {
currentD = curLib . data [ curShapeId ] = canv . pathActions . convertPath ( curShape ) ;
curShape . setAttribute ( 'd' , currentD ) ;
canv . pathActions . fixEnd ( curShape ) ;
}
curShape . setAttribute ( 'transform' , 'translate(' + x + ',' + y + ') scale(0.005) translate(' + - x + ',' + - y + ')' ) ;
canv . recalculateDimensions ( curShape ) ;
/* const tlist = */
canv . getTransformList ( curShape ) ;
lastBBox = curShape . getBBox ( ) ;
return {
started : true
} ;
} ,
mouseMove : function mouseMove ( opts ) {
var mode = canv . getMode ( ) ;
if ( mode !== modeId ) {
return ;
}
var zoom = canv . getZoom ( ) ;
var evt = opts . event ;
var x = opts . mouse _x / zoom ;
var y = opts . mouse _y / zoom ;
var tlist = canv . getTransformList ( curShape ) ,
box = curShape . getBBox ( ) ,
left = box . x ,
top = box . y ; // {width, height} = box,
// const dx = (x - startX), dy = (y - startY);
var newbox = {
x : Math . min ( startX , x ) ,
y : Math . min ( startY , y ) ,
width : Math . abs ( x - startX ) ,
height : Math . abs ( y - startY )
} ;
/ *
// This is currently serving no purpose, so commenting out
let sy = height ? ( height + dy ) / height : 1 ,
sx = width ? ( width + dx ) / width : 1 ;
* /
var sx = newbox . width / lastBBox . width || 1 ;
var sy = newbox . height / lastBBox . height || 1 ; // Not perfect, but mostly works...
var tx = 0 ;
if ( x < startX ) {
tx = lastBBox . width ;
}
var ty = 0 ;
if ( y < startY ) {
ty = lastBBox . height ;
} // update the transform list with translate,scale,translate
var translateOrigin = svgroot . createSVGTransform ( ) ,
scale = svgroot . createSVGTransform ( ) ,
translateBack = svgroot . createSVGTransform ( ) ;
translateOrigin . setTranslate ( - ( left + tx ) , - ( top + ty ) ) ;
if ( ! evt . shiftKey ) {
var max = Math . min ( Math . abs ( sx ) , Math . abs ( sy ) ) ;
sx = max * ( sx < 0 ? - 1 : 1 ) ;
sy = max * ( sy < 0 ? - 1 : 1 ) ;
}
scale . setScale ( sx , sy ) ;
translateBack . setTranslate ( left + tx , top + ty ) ;
tlist . appendItem ( translateBack ) ;
tlist . appendItem ( scale ) ;
tlist . appendItem ( translateOrigin ) ;
canv . recalculateDimensions ( curShape ) ;
lastBBox = curShape . getBBox ( ) ;
} ,
mouseUp : function mouseUp ( opts ) {
var mode = canv . getMode ( ) ;
if ( mode !== modeId ) {
return undefined ;
}
var keepObject = opts . event . clientX !== startClientPos . x && opts . event . clientY !== startClientPos . y ;
return {
keep : keepObject ,
element : curShape ,
started : false
} ;
}
} ) ;
case 18 :
case "end" :
return _context . stop ( ) ;
}
2020-07-18 11:25:50 +00:00
}
2020-07-26 18:11:18 +00:00
} , _callee ) ;
} ) ) ( ) ;
2020-02-01 12:44:13 +00:00
}
- Breaking change: Extension now formatted as export (and `this` is set to editor, including for `callback`)
- Breaking change: Locale now formatted as export
- Breaking change: Moved out remaining modular i18n (imagelib) to own folder
- Breaking change: Drop `executeAfterLoads` (and getJSPDF/getCanvg)
- Breaking change: `RGBColor` must accept `new`
- Breaking change: canvg - `stackBlurCanvasRGBA` must be set now by function (`setStackBlurCanvasRGBA`) rather than global; `canvg` now a named export
- Breaking change: Avoid passing `canvg`/`buildCanvgCallback` to extensions (have them import)
- Fix: i18nize imaglib more deeply
- Fix: Positioning of Document Properties dialog (Fixes #246)
- Fix (regression): PDF Export (Fixes #249)
- Fix (regression): Add polyfill for `ChildNode`/`ParentNode` (and use further)
- Fix (regression): Apply Babel universally to dependencies
- Fix (regression): Ordering of `uaPrefix` function in `svgEditor.js`
- Fix (regression): Embedded API
- Fix (embedded editor): Fix backspace key in Firefox so it doesn't navigate out of frame
- Fix: Alert if no exportWindow for PDF (e.g., if blocked)
- Refactoring( RGBColor) `RGBColor` as class, without rebuilding constants, optimize string replacement, move methods to prototype, use templates and object literals, use `Object.keys`
- Refactoring (canvg) Use classes more internally, use shorthand objects; array extras, return to lazy-loading
- Refactoring: Use Promises in place of `$.getScript`; always return Promises in case deciding to await resolving
- Refactoring: Avoid importing `RGBColor` into `svgutils.js` (jsPDF imports it itself)
- Refactoring: Arrow functions, destructuring, shorter property references
- Refactoring: Fix `lang` and `dir` for locales (though not in use currently anyways)
- Refactoring: Provide path config for canvg, jspdf
2018-06-02 01:14:38 +00:00
} ;
return extShapes ;
- Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`);
also expect one directory higher; incorporates #207 (@iuyiuy)
- Breaking change: Separate `extIconsPath` from `extPath` (not copying over icons)
- Breaking change: Don't reference `custom.css` in HTML; can instead be referenced in JavaScript through
the config file (provided in `svgedit-config-sample-iife.js`/`svgedit-config-sample-es.js` as `svgedit-custom.css` for
better namespacing); incorporates #207 (@iuyiuy)
- Breaking change: Remove minified jgraduate/spinbtn files (minified within Rollup routine)
- Fix: Zoom when scrolled; incorporates #169 (@AndrolGenhald), adapting for conventions; also allow avoidance when shift key pressed
- Fix: Update Atom feed reference in HTML
- Fixes related to recent commits: Some path and method name fixes needed, function order, missing methods, variable scope declaration, no need for DOMContentLoaded listeners in modules, switch back to non-default export, avoid trimming nullish, deal with mock tests, fix `math.matrixMultiply`, use jquery-svg where needed for array/SVG attributes; add babel-polyfill and defer script to imagelib; other misc. fixes
- Enhancement: Move config-sample.js out of `editor` directory
- Enhancement: For `callback`-style extensions, also provide config object; add following
to that object: buildCanvgCallback, canvg, decode64, encode64, executeAfterLoads, getTypeMap, isChrome, ieIE, NS, text2xml
- Enhancement: Complete ES6 modules work (extensions, locales, tests), along with Babel;
make Node build routine for converting modular source to non-modular,
use `loadStylesheets` for modular stylehsheet defining (but parallel loading);
- Enhancement: Add `stylesheets` config for modular but parallel stylesheet loading with `@default` option for simple inclusion/exclusion of defaults (if not going with default).
- Refactoring: Clean up `svg-editor.html`: consistent indents; avoid extra lbs, avoid long lines
- Refactoring: Avoid embedded API adding inline JavaScript listener
- Refactoring: Move layers and context code to `draw.js`
- Refactoring: Move `pathActions` from `svgcanvas.js` (though preserve aliases to these methods on `canvas`) and `convertPath` from `svgutils.js` to `path.js`
- Refactoring: Move `getStrokedBBox` from `svgcanvas.js` (while keeping an alias) to `svgutils.js` (as `getStrokedBBoxDefaultVisible` to avoid conflict with existing)
- Docs: Remove "dependencies" comments in code except where summarizing role of jQuery or a non-obvious dependency
- Refactoring/Linting: Enfore `no-extra-semi` and `quote-props` rules
- Refactoring: Further avoidance of quotes on properties (as possible)
- Refactoring: Use `class` in place of functions where intended as classes
- Refactoring: Consistency and granularity in extensions imports
- Testing: Update QUnit to 2.6.1 (node_modules) and Sinon to 5.0.8 (and add sinon-test at 2.1.3) and enforce eslint-plugin-qunit linting rules; update custom extensions
- Testing: Add node-static for automating (and accessing out-of-directory contents)
- Testing: Avoid HTML attributes for styling
- Testing: Add npm `test` script
- Testing: Comment out unused jQuery SVG test
- Testing: Add test1 and svgutils_performance_test to all tests page
- Testing: Due apparently to Path having not been a formal class, the test was calling it without `new`; refactored now with sufficient mock data to take into account it is a class
- npm: Update devDeps
- npm: Add html modules and config build to test script
2018-05-22 10:03:16 +00:00
} ( ) ) ;
