@svgedit/svgcanvas 7.2.2 → 7.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@svgedit/svgcanvas",
-    "version": "7.2.2",
+    "version": "7.2.4",
     "description": "SVG Canvas",
     "main": "dist/svgcanvas.js",
     "author": "Narendra Sisodiya",

package/rollup.config.mjs

@@ -6,6 +6,7 @@ import { rimraf } from 'rimraf'
 import babel from '@rollup/plugin-babel'
 import { nodeResolve } from '@rollup/plugin-node-resolve'
 import commonjs from '@rollup/plugin-commonjs'
+
 // import progress from 'rollup-plugin-progress';
 import filesize from 'rollup-plugin-filesize'
 

package/svgcanvas.js

@@ -308,6 +308,9 @@ class SvgCanvas {
     this.contentW = this.getResolution().w
     this.contentH = this.getResolution().h
     this.clear()
+
+    // creates custom modeEvent for editor
+    this.modeChangeEvent()
   } // End constructor
 
   getSvgOption () {
@@ -827,6 +830,11 @@ class SvgCanvas {
         ? this.curText
         : this.curShape
     this.currentMode = name
+
+    // fires modeChange event for the editor
+    if (this.modeEvent) {
+      document.dispatchEvent(this.modeEvent)
+    }
   }
 
   /**
@@ -844,7 +852,7 @@ class SvgCanvas {
     // create new document
     this.current_drawing_ = new draw.Drawing(this.svgContent)
     // create empty first layer
-    this.createLayer('Layer 1')
+    this.createLayer()
     // clear the undo stack
     this.undoMgr.resetUndoStack()
     // reset the selector manager
@@ -1283,6 +1291,7 @@ class SvgCanvas {
     this.hasMatrixTransform = hasMatrixTransform
     this.transformListToTransform = transformListToTransform
     this.convertToNum = convertToNum
+    this.convertUnit = convertUnit
     this.findDefs = findDefs
     this.getUrlFromAttr = getUrlFromAttr
     this.getHref = getHref
@@ -1328,6 +1337,14 @@ class SvgCanvas {
     this.decode64 = decode64
     this.mergeDeep = mergeDeep
   }
+
+  /**
+   * Creates modeChange event, adds it as an svgCanvas property
+   * **/
+  modeChangeEvent () {
+    const modeEvent = new CustomEvent('modeChange', { detail: { getMode: () => this.getMode() } })
+    this.modeEvent = modeEvent
+  }
 } // End class
 
 // attach utilities function to the class that are used by SvgEdit so