V7 preview (#480)

* #issue-fix The new menu will ask if you want to erase the current content but it will ignore the answer

* #issue-fix  dialog needs to be closer than the original

* #issue-fix main menu alignment changes

* #issue_fix double click and opensvg issue fixed

* #issue-fix process_cancel change to seConfirm

* #issue-fix review how the top toolbar display when many buttons are displayed

* #issue-fix unwanted css reoved

* #issue-fix BOTTOM TOOLS Make sure all features of the bottom toolbar are working

* #issue-fix IMPORT IMAGE menu open issue fixed

* #issue-fix alert dialog overwrite style

* #issue-fix lint issue fixed

* npm update + associated fixes

* #36 look of opacity button should like the zoom button (without the dropdown button)

* #37 Clicking anywhere on the bottom bar (for example below the opacity button is displaying the “color popup”.)

* #38 The opacity button does not update with the current element

* #42 When you import an image, it works well but the dialog should disappear automatically

* Fixes #53: 4th option for the background display fixed

* Fixes #53: 4th option for the background fixed

* #49 the x button does not work

* Fixes #41: Alignment fixes in bottom bar

* fix test scenario

* #39 opacity button/stroke size/radius button don’t allow the 0 value

* #41 The look and alignment of stroke size and stroke style should be consistent with the rest of the bottom bar.

* #44 Text font dropdown is broken

* #52 Fix the export

* Fixes #44: Text font dropdown fixed

* Fixes #44: Text font dropdown fixed

* Fixes #44: Text font dropdown fixed

* Fixes #44: Text font dropdown fixed

* Update index.html

* update husky

* fixes

* moves from index.html to js

* fix #66

* fix #48 first set of new icons

* Reorganize tools in left panel to be more intuitive

* Update button styles to adapt to new icons

* Fix #48 new set of icons for alignments

* Variabilisation of icon bkgd colors
Update of color choice to fit new icons design

* Update canvas and rulers colors

* Improve layer handle design

* Modernize SVG Logo but keeping original spirit

* Fix #48 continue improve icons

* Continue to reorganise left panel

* Update right panel handle for layers

* Fix #48 new set of icons for main menu

* Improve main menu design

* Rework menu organisation

* Rework menu organisation

* Update input element design

* New icons

* Improve Zoom Module

* Improve Color Picker Module

* New icons

* New icons

* #65 restore the feature of start/end marker lines partially did

* #64 The export dialog needs to include the quality options (except for PDF)

* #39 opacity button/stroke size/radius button don’t allow the 0 value

* #39 eslint changes

* #69 menu button style overwrite

* #65 restore the feature of start/end marker lines

* #43 With a small window, the look of the top toolbar is broken

* #43 tool top alignment revert

* #46 Move this jQuery component to a web component  for graduate and picker components

* #46 Move this jQuery component to a web component

* remove some non standard lint rules

* #46 picker convert as pure javascript changes

* #46 jquery plugin convert to pure javascript

* #46 jquery plugin change to pure javascript

* #46 jquery remove and convert to pure javascript

* #46 slider issue fixed

* #46 ColorValuePicker and js convertion

* #46 globals $ remov from slider class

* #46 jquery convert pure javascript changes

* #46 jquery to js convertion changes

* #46 paintbox and current element color set issue fixed

* #46 unwanted files removed

* #46 $.extend modify changes

* #46 extend modifiey changes

* #46 $.extend change to pure javascript

* #46 extend and data changes

* #46 jquery removed

* #45 These buttons don't work and dropdown is broken

* #45 These buttons don't work and dropdown is broken

* #45 These buttons don't work and dropdown is broken commit reverted

* #43 With a small window, the look of the top toolbar is broken

* Update jQuery.jPicker.js

* #76 draggable modification changes

* #76 jquery-ui-1.8.17.custom.min.js removed from editor

* #76 jquery ui file removed

* npm update

* #77 console issue fixed

* #77 <SVG> button issue fixed

* #77 shortkey issue fixed

* #77 jquery hotkeys plugin changes

* #77 hotkey plugin related changes

* #78 hotkey related code comment.

* #78 js-hotkeys/jquery.hotkeys.min.js file removed from svgedit.js

* #51 Rewrite the color palette without elix

* #81 unwanted files removed

* #81 folder name renamed

* #81 folder rename changes

* #81 jquery-ui  folder renamed

* #81 jquery modify changes

* #81 globals $ removed

Co-authored-by: Agriya Dev5 <agriya.dev5@agriya.in>
Co-authored-by: mathieucura <mathieu@optimistik.fr>

.eslintignore

@@ -20,10 +20,6 @@ svgedit-custom.css
 
 # Vendor/minified files
 src/editor/jquery.min.js
-src/editor/jquery-ui
-
-# Previously minified though exporting
-src/editor/js-hotkeys
 
 src/editor/jspdf/jspdf.min.js
 src/editor/jspdf/underscore-min.js
@@ -31,6 +27,5 @@ src/editor/jspdf/underscore-min.js
 src/editor/extensions/ext-mathjax/mathjax
 
 # jquery files
-src/editor/svgicons/jQuery.svgIcons.js
 src/editor/jgraduate/jQuery.jPicker.js
 

.eslintrc.js

@@ -1,10 +1,19 @@
-'use strict';
+"use strict";
 
 module.exports = {
-  extends: ['ash-nazg/sauron-node'],
+  extends: [
+    "plugin:compat/recommended",
+    "plugin:node/recommended",
+    "plugin:no-unsanitized/DOM",
+    "plugin:promise/recommended",
+    "plugin:import/errors",
+    "plugin:markdown/recommended",
+    "plugin:sonarjs/recommended"
+  ],
+  plugins: ["jsdoc", "promise", "html", "import", "sonarjs"],
   parserOptions: {
     ecmaVersion: 2020,
-    sourceType: 'module'
+    sourceType: "module"
   },
   env: {
     browser: true,
@@ -15,123 +24,85 @@ module.exports = {
       // These are the primary polyfills needed by regular users if
       //  not present, e.g., with core-js-bundle; also those under
       //  extensions
-      // 'Array.isArray',
-      // 'Blob',
-      // 'console',
-      // 'CustomEvent',
-      // 'document.body',
-      // 'document.createElementNS',
-      // 'document.evaluate',
-      // 'document.head',
-      // 'document.importNode',
-      // 'document.querySelector',
-      // 'document.querySelectorAll',
-      // 'DOMParser',
-      // 'Error',
-      'fetch',
-      // 'FileReader',
-      // 'JSON',
-      // 'KeyboardEvent',
-      // 'location.href',
-      // 'location.origin',
-      // 'MouseEvent',
-      // 'MutationObserver',
-      // 'navigator',
-      // 'Number.isNaN',
-      // 'Number.parseFloat',
-      // 'Number.parseInt',
-      // 'Object.assign',
-      // 'Object.defineProperty',
-      // 'Object.defineProperties',
-      // 'Object.entries',
-      // 'Object.getOwnPropertyDescriptor',
-      // 'Object.keys',
-      // 'Object.values',
-      'Promise',
-      'Promise.all',
+      "fetch",
+      "Promise",
+      "Promise.all",
       // 'Set',
-      'Uint8Array',
-      'URL'
-      // 'URL.createObjectURL',
-      // 'XMLSerializer',
-      // 'XMLHttpRequest',
-      // 'window.getComputedStyle',
-      // 'window.parent',
-      // 'window.scrollX',
-      // 'window.scrollY'
+      "Uint8Array",
+      "URL"
     ]
   },
   rules: {
     // check-examples is not picking up eslint config properly in some
     //  environments; see also discussion above
     //  `mocha-cleanup/no-assertions-outside-it`
-    'jsdoc/check-examples': ['warn', {
-      rejectExampleCodeRegex: '^`',
-      checkDefaults: true,
-      checkParams: true,
-      checkProperties: true
-    }],
+   "sonarjs/cognitive-complexity": 0,
+   "sonarjs/no-duplicate-string": 0,
+   "sonarjs/no-collapsible-if": 0,
+   "sonarjs/no-small-switch": 0,
+   "sonarjs/no-identical-functions": 0,
+   "sonarjs/no-duplicated-branches": 0,
 
-    // https://github.com/sindresorhus/eslint-plugin-unicorn/issues/453
-    'unicorn/regex-shorthand': 0,
+    "jsdoc/check-examples": [
+      "warn",
+      {
+        rejectExampleCodeRegex: "^`",
+        checkDefaults: true,
+        checkParams: true,
+        checkProperties: true
+      }
+    ],
     // The Babel transform seems to have a problem converting these
-    'prefer-named-capture-group': 'off',
-    'jsdoc/require-file-overview': ['error', {
-      tags: {
-        file: {
-          initialCommentsOnly: true,
-          preventDuplicates: true
-        },
-        license: {
-          initialCommentsOnly: true,
-          preventDuplicates: true
-        },
-        copyright: {
-          initialCommentsOnly: true,
-          preventDuplicates: true
-        },
-        author: {
-          initialCommentsOnly: true,
-          preventDuplicates: true
-        },
-        module: {
-          initialCommentsOnly: true,
-          preventDuplicates: true
-        },
-        exports: {
-          initialCommentsOnly: true,
-          preventDuplicates: true
+    "prefer-named-capture-group": "off",
+    "jsdoc/require-file-overview": [
+      "error",
+      {
+        tags: {
+          file: {
+            initialCommentsOnly: true,
+            preventDuplicates: true
+          },
+          license: {
+            initialCommentsOnly: true,
+            preventDuplicates: true
+          },
+          copyright: {
+            initialCommentsOnly: true,
+            preventDuplicates: true
+          },
+          author: {
+            initialCommentsOnly: true,
+            preventDuplicates: true
+          },
+          module: {
+            initialCommentsOnly: true,
+            preventDuplicates: true
+          },
+          exports: {
+            initialCommentsOnly: true,
+            preventDuplicates: true
+          }
         }
       }
-    }],
+    ],
     // Warning or Off for now but should be reviewed
     // Override these rules which are difficult for us
     //   to apply at this time
-    'unicorn/prefer-string-slice': 'off',
-    'default-case': 'off',
-    'require-unicode-regexp': 'off',
-    'max-len':
-      [
-        'warn',
-        {ignoreComments: true, code: 130}
-      ], // 130 is too much but too many occurences
-    'unicorn/prefer-query-selector': 'off',
-    'unicorn/no-fn-reference-in-iterator': 'off',
-    'unicorn/prefer-node-append': 'off',
-    'unicorn/no-zero-fractions': 'off',
-    'unicorn/prefer-number-properties': 'off',
-    'eslint-comments/require-description': 'off',
-    'compat/compat': 'error',
-    'consistent-this': 'off',
-    'import/no-anonymous-default-export': 'off',
-    'node/no-unsupported-features/node-builtins': 'warn',
-    'prefer-exponentiation-operator': 'warn',
-    'node/no-unsupported-features/es-syntax': 'off',
-    'no-unsanitized/method': [
-      'error',
+    "default-case": "off",
+    "require-unicode-regexp": "off",
+    "max-len": ["warn", { ignoreComments: true, code: 130 }], // 130 is too much but too many occurences
+    "eslint-comments/require-description": "off",
+    "compat/compat": "error",
+    "consistent-this": "off",
+    "import/no-anonymous-default-export": "off",
+    "node/no-unsupported-features/node-builtins": "warn",
+    "prefer-exponentiation-operator": "warn",
+    "node/no-unsupported-features/es-syntax": "off",
+    "no-unsanitized/method": [
+      "error",
       {
         escape: {
-          methods: ['encodeURIComponent', 'encodeURI']
+          methods: ["encodeURIComponent", "encodeURI"]
         }
       }
     ]
@@ -141,147 +112,104 @@ module.exports = {
     // and translations may need a longer line length
     {
       files: [
-        'src/editor/locale/lang.*.js', 'src/editor/extensions/*/locale/**',
-        'docs/tutorials/ExtensionDocs.md'
+        'src/editor/locale/lang.*.js', 
+        'src/editor/extensions/*/locale/**',
+        'docs/tutorials/ExtensionDocs.md/*.js'
       ],
       rules: {
-        'import/no-anonymous-default-export': 'off',
-        'max-len': 'off'
+        "import/no-anonymous-default-export": "off",
+        "max-len": "off",
+        "node/no-missing-import": "off",
+        "import/no-unresolved": "off"
       }
     },
     // These browser files don't do importing or requiring
     {
       files: [
-        'src/editor/touch.js',
-        'src/editor/typedefs.js',
-        'src/editor/redirect-on-no-module-support.js',
-        'src/editor/extensions/ext-imagelib/index.js',
-        'screencasts/svgopen2010/script.js'
+        "src/editor/touch.js",
+        "src/editor/typedefs.js",
+        "src/editor/redirect-on-no-module-support.js",
+        "src/editor/extensions/ext-imagelib/index.js",
+        "screencasts/svgopen2010/script.js"
       ],
       rules: {
-        'import/unambiguous': ['off']
+        "import/unambiguous": ["off"]
       }
     },
     {
-      files: ['**/*.html', 'screencasts/**'],
+      files: ["**/*.html", "screencasts/**"],
       globals: {
-        root: 'off'
+        root: "off"
       },
       settings: {
         polyfills: [
-          'document.querySelector',
-          'history',
-          'history.pushState',
-          'history.replaceState',
-          'location.hash',
-          'navigator',
-          'Number.parseFloat',
-          'Number.parseInt',
-          'Number.isNaN'
+          "document.querySelector",
+          "history",
+          "history.pushState",
+          "history.replaceState",
+          "location.hash",
+          "navigator",
+          "Number.parseFloat",
+          "Number.parseInt",
+          "Number.isNaN"
         ]
       },
       rules: {
-        'import/unambiguous': 'off'
-      }
-    },
-    {
-      files: ['.eslintrc.js', '.ncurc.js', 'tools/mochawesome-cli.js'],
-      extends: [
-        'ash-nazg/sauron-node-script'
-      ]
-    },
-    // Our Markdown rules (and used for JSDoc examples as well, by way of
-    //   our use of `jsdoc/check-examples` within `ash-nazg`)
-    {
-      files: ['**/*.md'],
-      settings: {
-        polyfills: [
-          // Tutorials
-          'console',
-          'location.href'
-        ]
-      },
-      rules: {
-        // Todo: Figure out why this is not enough to disable warning
-        //  for examples in my environment (but it is in others')
-        // Used in examples of assert-close.js plugin
-        'mocha-cleanup/no-assertions-outside-it': 'off',
-        'eslint-comments/no-unused-disable': 'warn',
-        'eol-last': ['off'],
-        'no-console': ['off'],
-        'no-undef': ['off'],
-        'no-unused-vars': ['warn'],
-        'padded-blocks': ['off'],
-        'import/unambiguous': ['off'],
-        'import/no-unresolved': ['off'],
-        'node/no-missing-import': ['off'],
-        'no-multi-spaces': 'off',
-        'sonarjs/no-all-duplicated-branches': 'off',
-        'node/no-unpublished-import': ['error', {
-          allowModules: ['@cypress/fiddle']
-        }],
-        'no-alert': 'off',
-        // Disable until may fix https://github.com/gajus/eslint-plugin-jsdoc/issues/211
-        indent: 'off'
+        "import/unambiguous": "off"
       }
     },
     {
       // As consumed by jsdoc, cannot be expressed as ESM
-      files: ['docs/jsdoc-config.js'],
+      files: ["docs/jsdoc-config.js"],
       parserOptions: {
-        sourceType: 'script'
+        sourceType: "script"
       },
       globals: {
         module: false
       },
       rules: {
-        'import/no-commonjs': 'off',
-        strict: 'off'
+        "import/no-commonjs": "off",
+        strict: "off"
       }
     },
     {
-      files: ['cypress/plugins/index.js'],
+      files: ["cypress/**"],
       extends: [
-        'ash-nazg/sauron-node-script'
-      ]
-    },
-    {
-      files: ['cypress/**'],
-      extends: [
-        'plugin:cypress/recommended',
-        'plugin:mocha/recommended',
-        'plugin:mocha-cleanup/recommended-no-limits',
-        'plugin:@fintechstudios/chai-as-promised/recommended',
-        'plugin:chai-expect-keywords/recommended',
-        'plugin:chai-expect/recommended',
-        'plugin:chai-friendly/recommended'
+        "plugin:cypress/recommended",
+        "plugin:mocha/recommended",
+        "plugin:mocha-cleanup/recommended-no-limits",
+        "plugin:@fintechstudios/chai-as-promised/recommended",
+        "plugin:chai-expect-keywords/recommended",
+        "plugin:chai-expect/recommended",
+        "plugin:chai-friendly/recommended"
       ],
       env: {
         node: true
       },
       settings: {
         polyfills: [
-          'console',
-          'Date.now',
-          'document.body',
-          'document.createElementNS',
-          'document.head',
-          'DOMParser',
-          'Number.isNaN',
-          'Object.keys',
-          'Object.entries',
-          'Promise'
+          "console",
+          "Date.now",
+          "document.body",
+          "document.createElementNS",
+          "document.head",
+          "DOMParser",
+          "Number.isNaN",
+          "Object.keys",
+          "Object.entries",
+          "Promise"
         ]
       },
       rules: {
         // These errors are caused in Cypress files if user has not
         //  yet instrumented code; need to reinvestigate why we had to
         //  instrument separately from nyc mocha
-        'import/no-unresolved': ['error', {ignore: ['/instrumented/']}],
-        'node/no-missing-import': 'off',
-        'jsdoc/check-examples': 'off',
-        'chai-expect-keywords/no-unsupported-keywords': [
-          'error', {
+        "import/no-unresolved": ["error", { ignore: ["/instrumented/"] }],
+        "node/no-missing-import": "off",
+        "jsdoc/check-examples": "off",
+        "chai-expect-keywords/no-unsupported-keywords": [
+          "error",
+          {
             allowChaiDOM: true
           }
         ],
@@ -291,50 +219,51 @@ module.exports = {
         // Good but would be difficult to enforce (and data-* may not be less
         //   brittle than IDs/classes anyways)
         // 'cypress/require-data-selectors': 0,
-        'cypress/assertion-before-screenshot': 2,
+        "cypress/assertion-before-screenshot": 2,
 
         // Conflicts with Cypress `should`
-        'mocha-cleanup/invalid-assertions': 0,
+        "mocha-cleanup/invalid-assertions": 0,
 
         // Might see about working around to avoid the option limitation,
         //  but convenient
-        'mocha-cleanup/no-expressions-in-assertions': ['error', {
-          replacementsOnly: true
-        }],
+        "mocha-cleanup/no-expressions-in-assertions": [
+          "error",
+          {
+            replacementsOnly: true
+          }
+        ],
 
         // Too oppressive when planning to extend a section
-        'mocha/no-hooks-for-single-case': 0,
+        "mocha/no-hooks-for-single-case": 0,
 
         // Would be good to enable but needs some refactoring
-        'mocha/no-setup-in-describe': 0,
-        'mocha-cleanup/no-outside-declaration': 0,
+        "mocha/no-setup-in-describe": 0,
+        "mocha-cleanup/no-outside-declaration": 0,
 
         // Useful to ensure allowing `this.timeout()`, etc., but a
         //  little oppressive
-        'mocha/no-mocha-arrows': 0,
+        "mocha/no-mocha-arrows": 0,
         // Useful if enabling the regular `prefer-arrow-callback`
         // 'mocha/prefer-arrow-callback': 2
 
-        'jsdoc/require-jsdoc': 0,
-        'no-console': 0,
-        'import/unambiguous': 0
+        "jsdoc/require-jsdoc": 0,
+        "no-console": 0,
+        "import/unambiguous": 0
       }
     },
     {
       // Node files
       files: [
-        'docs/jsdoc-config.js',
-        'build/build-html.js',
-        'rollup.config.js', 'rollup-config.config.js'
+        "docs/jsdoc-config.js",
+        "build/build-html.js",
+        "rollup.config.js",
+        "rollup-config.config.js"
       ],
       env: {
         node: true
       },
       settings: {
-        polyfills: [
-          'console',
-          'Promise.resolve'
-        ]
+        polyfills: ["console", "Promise.resolve"]
       },
       globals: {
         require: true
@@ -344,8 +273,8 @@ module.exports = {
         //  and we have too many modules to add to `peerDependencies`
         //  so this rule can know them to be available, so we instead
         //  disable
-        'node/no-unpublished-import': 'off'
+        "node/no-unpublished-import": "off"
       }
     }
   ]
-};
+};

.idea/svgedit.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

badges/coverage-badge.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="428" height="20"><defs><style>text{font-size:11px;font-family:Verdana,DejaVu Sans,Geneva,sans-serif}text.shadow{fill:#010101;fill-opacity:.3}text.high{fill:#fff}</style><linearGradient id="smooth" x2="0" y2="100%"><stop offset="0" stop-color="#aaa" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><mask id="round"><rect width="100%" height="100%" rx="3" fill="#fff"/></mask></defs><g id="bg" mask="url(#round)"><path fill="green" stroke="#000" d="M0 0h120v20H0zM120 0h109v20H120zM229 0h87v20h-87zM316 0h112v20H316z"/><path fill="url(#smooth)" d="M0 0h428v20H0z"/></g><g id="fg"><text class="shadow" x="5.5" y="15">Statements 47.22%</text><text class="high" x="5" y="14">Statements 47.22%</text><text class="shadow" x="125.5" y="15">Branches 34.88%</text><text class="high" x="125" y="14">Branches 34.88%</text><text class="shadow" x="234.5" y="15">Lines 48.21%</text><text class="high" x="234" y="14">Lines 48.21%</text><text class="shadow" x="321.5" y="15">Functions 54.19%</text><text class="high" x="321" y="14">Functions 54.19%</text></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="410" height="20"><defs><style>text{font-size:11px;font-family:Verdana,DejaVu Sans,Geneva,sans-serif}text.shadow{fill:#010101;fill-opacity:.3}text.high{fill:#fff}</style><linearGradient id="smooth" x2="0" y2="100%"><stop offset="0" stop-color="#aaa" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><mask id="round"><rect width="100%" height="100%" rx="3" fill="#fff"/></mask></defs><g id="bg" mask="url(#round)"><path fill="green" stroke="#000" d="M0 0h120v20H0zM120 0h109v20H120zM229 0h87v20h-87zM316 0h94v20h-94z"/><path fill="url(#smooth)" d="M0 0h410v20H0z"/></g><g id="fg"><text class="shadow" x="5.5" y="15">Statements 47.25%</text><text class="high" x="5" y="14">Statements 47.25%</text><text class="shadow" x="125.5" y="15">Branches 34.84%</text><text class="high" x="125" y="14">Branches 34.84%</text><text class="shadow" x="234.5" y="15">Lines 48.23%</text><text class="high" x="234" y="14">Lines 48.23%</text><text class="shadow" x="321.5" y="15">Functions 54%</text><text class="high" x="321" y="14">Functions 54%</text></g></svg>

badges/tests-badge.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="97" height="20"><defs><style>text{font-size:11px;font-family:Verdana,DejaVu Sans,Geneva,sans-serif}text.shadow{fill:#010101;fill-opacity:.3}text.high{fill:#fff}</style><linearGradient id="smooth" x2="0" y2="100%"><stop offset="0" stop-color="#aaa" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><mask id="round"><rect width="100%" height="100%" rx="3" fill="#fff"/></mask></defs><g id="bg" mask="url(#round)"><path fill="#696969" d="M0 0h41v20H0z"/><path fill="#e05d44" d="M41 0h56v20H41z"/><path fill="url(#smooth)" d="M0 0h97v20H0z"/></g><g id="fg"><text class="shadow" x="5.5" y="15">Tests</text><text class="high" x="5" y="14">Tests</text><text class="shadow" x="46.5" y="15">141/143</text><text class="high" x="46" y="14">141/143</text></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="97" height="20"><defs><style>text{font-size:11px;font-family:Verdana,DejaVu Sans,Geneva,sans-serif}text.shadow{fill:#010101;fill-opacity:.3}text.high{fill:#fff}</style><linearGradient id="smooth" x2="0" y2="100%"><stop offset="0" stop-color="#aaa" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><mask id="round"><rect width="100%" height="100%" rx="3" fill="#fff"/></mask></defs><g id="bg" mask="url(#round)"><path fill="#696969" d="M0 0h41v20H0z"/><path fill="#e05d44" d="M41 0h56v20H41z"/><path fill="url(#smooth)" d="M0 0h97v20H0z"/></g><g id="fg"><text class="shadow" x="5.5" y="15">Tests</text><text class="high" x="5" y="14">Tests</text><text class="shadow" x="46.5" y="15">142/143</text><text class="high" x="46" y="14">142/143</text></g></svg>

cypress.json

@@ -9,6 +9,7 @@
   "defaultCommandTimeout": 10000,
   "pageLoadTimeout": 120000,
   "includeShadowDom":	true,
+  "scrollBehavior": false,
   "cypress-plugin-snapshots": {
       "autoCleanUp": true,
       "prettier": true,

cypress/integration/ui/__snapshots__/scenario.js.snap

@@ -91,7 +91,7 @@ exports[`use various parts of svg-edit > check tool_text #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -137,7 +137,7 @@ exports[`use various parts of svg-edit > check tool_clone #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -152,7 +152,7 @@ exports[`use various parts of svg-edit > check tool_clone #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -199,7 +199,7 @@ exports[`use various parts of svg-edit > check tool_italic #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -215,7 +215,7 @@ exports[`use various parts of svg-edit > check tool_italic #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -263,7 +263,7 @@ exports[`use various parts of svg-edit > check tool_bold #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -280,7 +280,7 @@ exports[`use various parts of svg-edit > check tool_bold #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -328,7 +328,7 @@ exports[`use various parts of svg-edit > check change color #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -345,7 +345,7 @@ exports[`use various parts of svg-edit > check change color #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -485,7 +485,7 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -502,7 +502,7 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -514,7 +514,7 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
     </text>
     <polygon
       cx="407"
-      cy="45"
+      cy="60"
       id="svg_3"
       shape="star"
       point="5"
@@ -525,7 +525,7 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
       fill="#000000"
       strokecolor="#000000"
       strokeWidth="0"
-      points="407,31.666666666666664 410.1348546788932,40.68524269666695 419.68075355060205,40.87977340833403 412.0723014202408,46.64809063666639 414.83713669723295,55.78689325833263 407,50.333333333333336 399.16286330276705,55.78689325833263 401.9276985797592,46.64809063666639 394.31924644939795,40.87977340833404 403.8651453211068,40.68524269666695 407,31.666666666666664 410.1348546788932,40.68524269666695 "
+      points="407,46.666666666666664 410.1348546788932,55.68524269666695 419.68075355060205,55.87977340833403 412.0723014202408,61.64809063666639 414.83713669723295,70.78689325833264 407,65.33333333333333 399.16286330276705,70.78689325833264 401.9276985797592,61.64809063666639 394.31924644939795,55.87977340833404 403.8651453211068,55.68524269666695 407,46.666666666666664 410.1348546788932,55.68524269666695 "
       stroke="#000000"
       stroke-width="0"
     >
@@ -576,7 +576,7 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -593,7 +593,7 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -605,7 +605,7 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
     </text>
     <polygon
       cx="407"
-      cy="45"
+      cy="60"
       id="svg_3"
       shape="star"
       point="5"
@@ -616,7 +616,7 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
       fill="#000000"
       strokecolor="#000000"
       strokeWidth="0"
-      points="407,31.666666666666664 410.1348546788932,40.68524269666695 419.68075355060205,40.87977340833403 412.0723014202408,46.64809063666639 414.83713669723295,55.78689325833263 407,50.333333333333336 399.16286330276705,55.78689325833263 401.9276985797592,46.64809063666639 394.31924644939795,40.87977340833404 403.8651453211068,40.68524269666695 407,31.666666666666664 410.1348546788932,40.68524269666695 "
+      points="407,46.666666666666664 410.1348546788932,55.68524269666695 419.68075355060205,55.87977340833403 412.0723014202408,61.64809063666639 414.83713669723295,70.78689325833264 407,65.33333333333333 399.16286330276705,70.78689325833264 401.9276985797592,61.64809063666639 394.31924644939795,55.87977340833404 403.8651453211068,55.68524269666695 407,46.666666666666664 410.1348546788932,55.68524269666695 "
       stroke="#000000"
       stroke-width="0"
       style="pointer-events:inherit"
@@ -625,7 +625,7 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
     ></polygon>
     <polygon
       cx="457"
-      cy="95"
+      cy="110"
       id="svg_4"
       shape="regularPoly"
       sides="5"
@@ -634,7 +634,7 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
       fill="#000000"
       strokecolor="#000000"
       strokeWidth="5"
-      points="462.6710053890136,95 458.7524370403971,100.39344662916632 452.4120602650961,98.33333333333333 452.4120602650961,91.66666666666667 458.7524370403971,89.60655337083368 462.6710053890136,95 "
+      points="462.6710053890136,110 458.7524370403971,115.39344662916632 452.4120602650961,113.33333333333333 452.4120602650961,106.66666666666667 458.7524370403971,104.60655337083368 462.6710053890136,110 "
       stroke="#000000"
       stroke-width="5"
     >
@@ -684,7 +684,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -701,7 +701,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -713,7 +713,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = `
     </text>
     <polygon
       cx="407"
-      cy="45"
+      cy="60"
       id="svg_3"
       shape="star"
       point="5"
@@ -724,7 +724,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = `
       fill="#000000"
       strokecolor="#000000"
       strokewidth="0"
-      points="407,31.666666666666664 410.1348546788932,40.68524269666695 419.68075355060205,40.87977340833403 412.0723014202408,46.64809063666639 414.83713669723295,55.78689325833263 407,50.333333333333336 399.16286330276705,55.78689325833263 401.9276985797592,46.64809063666639 394.31924644939795,40.87977340833404 403.8651453211068,40.68524269666695 407,31.666666666666664 410.1348546788932,40.68524269666695 "
+      points="407,46.666666666666664 410.1348546788932,55.68524269666695 419.68075355060205,55.87977340833403 412.0723014202408,61.64809063666639 414.83713669723295,70.78689325833264 407,65.33333333333333 399.16286330276705,70.78689325833264 401.9276985797592,61.64809063666639 394.31924644939795,55.87977340833404 403.8651453211068,55.68524269666695 407,46.666666666666664 410.1348546788932,55.68524269666695 "
       stroke="#000000"
       stroke-width="0"
       fill-opacity="1"
@@ -732,7 +732,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = `
     ></polygon>
     <polygon
       cx="457"
-      cy="95"
+      cy="110"
       id="svg_4"
       shape="regularPoly"
       sides="5"
@@ -741,7 +741,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = `
       fill="#000000"
       strokecolor="#000000"
       strokewidth="5"
-      points="462.6710053890136,95 458.7524370403971,100.39344662916632 452.4120602650961,98.33333333333333 452.4120602650961,91.66666666666667 458.7524370403971,89.60655337083368 462.6710053890136,95 "
+      points="462.6710053890136,110 458.7524370403971,115.39344662916632 452.4120602650961,113.33333333333333 452.4120602650961,106.66666666666667 458.7524370403971,104.60655337083368 462.6710053890136,110 "
       stroke="#000000"
       stroke-width="5"
       fill-opacity="1"
@@ -805,7 +805,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -822,7 +822,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -834,7 +834,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
     </text>
     <polygon
       cx="407"
-      cy="45"
+      cy="60"
       id="svg_3"
       shape="star"
       point="5"
@@ -845,7 +845,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
       fill="#000000"
       strokecolor="#000000"
       strokewidth="0"
-      points="407,31.666666666666664 410.1348546788932,40.68524269666695 419.68075355060205,40.87977340833403 412.0723014202408,46.64809063666639 414.83713669723295,55.78689325833263 407,50.333333333333336 399.16286330276705,55.78689325833263 401.9276985797592,46.64809063666639 394.31924644939795,40.87977340833404 403.8651453211068,40.68524269666695 407,31.666666666666664 410.1348546788932,40.68524269666695 "
+      points="407,46.666666666666664 410.1348546788932,55.68524269666695 419.68075355060205,55.87977340833403 412.0723014202408,61.64809063666639 414.83713669723295,70.78689325833264 407,65.33333333333333 399.16286330276705,70.78689325833264 401.9276985797592,61.64809063666639 394.31924644939795,55.87977340833404 403.8651453211068,55.68524269666695 407,46.666666666666664 410.1348546788932,55.68524269666695 "
       stroke="#000000"
       stroke-width="0"
       fill-opacity="1"
@@ -853,7 +853,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
     ></polygon>
     <polygon
       cx="457"
-      cy="95"
+      cy="110"
       id="svg_4"
       shape="regularPoly"
       sides="5"
@@ -862,7 +862,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
       fill="#000000"
       strokecolor="#000000"
       strokewidth="5"
-      points="462.6710053890136,95 458.7524370403971,100.39344662916632 452.4120602650961,98.33333333333333 452.4120602650961,91.66666666666667 458.7524370403971,89.60655337083368 462.6710053890136,95 "
+      points="462.6710053890136,110 458.7524370403971,115.39344662916632 452.4120602650961,113.33333333333333 452.4120602650961,106.66666666666667 458.7524370403971,104.60655337083368 462.6710053890136,110 "
       stroke="#000000"
       stroke-width="5"
       fill-opacity="1"
@@ -941,7 +941,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
       y="87"
       id="svg_1"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -958,7 +958,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
       x="136"
       y="107"
       font-size="24"
-      font-family="serif"
+      font-family="Serif"
       text-anchor="middle"
       xml:space="preserve"
       fill-opacity="1"
@@ -970,7 +970,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
     </text>
     <polygon
       cx="407"
-      cy="45"
+      cy="60"
       id="svg_3"
       shape="star"
       point="5"
@@ -981,7 +981,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
       fill="#000000"
       strokecolor="#000000"
       strokewidth="0"
-      points="407,31.666666666666664 410.1348546788932,40.68524269666695 419.68075355060205,40.87977340833403 412.0723014202408,46.64809063666639 414.83713669723295,55.78689325833263 407,50.333333333333336 399.16286330276705,55.78689325833263 401.9276985797592,46.64809063666639 394.31924644939795,40.87977340833404 403.8651453211068,40.68524269666695 407,31.666666666666664 410.1348546788932,40.68524269666695 "
+      points="407,46.666666666666664 410.1348546788932,55.68524269666695 419.68075355060205,55.87977340833403 412.0723014202408,61.64809063666639 414.83713669723295,70.78689325833264 407,65.33333333333333 399.16286330276705,70.78689325833264 401.9276985797592,61.64809063666639 394.31924644939795,55.87977340833404 403.8651453211068,55.68524269666695 407,46.666666666666664 410.1348546788932,55.68524269666695 "
       stroke="#000000"
       stroke-width="0"
       fill-opacity="1"
@@ -989,7 +989,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
     ></polygon>
     <polygon
       cx="457"
-      cy="95"
+      cy="110"
       id="svg_4"
       shape="regularPoly"
       sides="5"
@@ -998,7 +998,7 @@ exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
       fill="#000000"
       strokecolor="#000000"
       strokewidth="5"
-      points="462.6710053890136,95 458.7524370403971,100.39344662916632 452.4120602650961,98.33333333333333 452.4120602650961,91.66666666666667 458.7524370403971,89.60655337083368 462.6710053890136,95 "
+      points="462.6710053890136,110 458.7524370403971,115.39344662916632 452.4120602650961,113.33333333333333 452.4120602650961,106.66666666666667 458.7524370403971,104.60655337083368 462.6710053890136,110 "
       stroke="#000000"
       stroke-width="5"
       fill-opacity="1"

cypress/integration/ui/issues/issue-407.js

@@ -30,6 +30,6 @@ describe('Fix issue 407', function () {
       .dblclick({force: true});
     // svgedit use the #text text field to capture the text
     cy.get('#text').type('1234', {force: true});
-    cy.get('#a_text').should('have.text', 'hell1234o');
+    cy.get('#a_text').should('have.text', 'he1234llo');
   });
 });

cypress/integration/unit/select.js

@@ -37,13 +37,13 @@ describe('select', function () {
       element: 'svg',
       attr: {id: 'svgroot'}
     });
-    svgcontent = svgroot.appendChild(
-      mockFactory.createSVGElement({
-        element: 'svg',
-        attr: {id: 'svgcontent'}
-      })
-    );
-    /* const rect = */ svgcontent.appendChild(
+    svgcontent = mockFactory.createSVGElement({
+      element: 'svg',
+      attr: {id: 'svgcontent'}
+    });
+
+    svgroot.append(svgcontent);
+    /* const rect = */ svgcontent.append(
       mockFactory.createSVGElement({
         element: 'rect',
         attr: {

cypress/integration/unit/svgtransformlist.js

@@ -26,10 +26,13 @@ describe('svgtransformlist', function () {
     svgroot.style.visibility = 'hidden';
     document.body.append(svgroot);
 
-    svgcontent = svgroot.appendChild(document.createElementNS(NS.SVG, 'svg'));
-    rect = svgcontent.appendChild(document.createElementNS(NS.SVG, 'rect'));
+    svgcontent = document.createElementNS(NS.SVG, 'svg');
+    svgroot.append(svgcontent);
+    rect = document.createElementNS(NS.SVG, 'rect');
+    svgcontent.append(rect);
     rect.id = 'r';
-    circle = svgcontent.appendChild(document.createElementNS(NS.SVG, 'circle'));
+    circle = document.createElementNS(NS.SVG, 'circle');
+    svgcontent.append(circle);
     circle.id = 'c';
   });
 

cypress/integration/unit/utilities-performance.js

@@ -211,7 +211,6 @@ describe('utilities performance', function () {
     assert.isBelow(ave, 20, 'svgedit.utilities.getStrokedBBox average execution time is less than 20 ms');
     console.log('Pass1 svgCanvas.getStrokedBBox total ms ' + total + ', ave ms ' + ave.toFixed(1) + ',\t min/max ' + min + ' ' + max);
 
-    // eslint-disable-next-line promise/avoid-new
     return new Promise((resolve) => {
       // The second pass is two to ten times faster.
       setTimeout(function () {

dist/editor/embedapi.js

@@ -24,7 +24,7 @@ let cbid = 0;
 function getCallbackSetter (funcName) {
   return function (...args) {
     const that = this, // New callback
-      callbackID = this.send(funcName, args, function () { /* empty */ }); // The callback (currently it's nothing, but will be set later)
+      callbackID = this.send(funcName, args, function () { /* empty fn */ }); // The callback (currently it's nothing, but will be set later)
 
     return function (newCallback) {
       that.callbacks[callbackID] = newCallback; // Set callback
@@ -71,7 +71,6 @@ function messageListener (e) {
     e.source !== this.frame.contentWindow ||
     (!allowedOrigins.includes('*') && !allowedOrigins.includes(e.origin))
   ) {
-    // eslint-disable-next-line no-console -- Info for developers
     console.error(
       `The origin ${e.origin} was not whitelisted as an origin from ` +
       `which responses may be received by this ${window.origin} script.`
@@ -344,7 +343,7 @@ class EmbeddedSVGEdit {
   * @param {GenericCallback} callback (This may be better than a promise in case adding an event.)
   * @returns {Integer}
   */
-  send (name, args, callback) { // eslint-disable-line promise/prefer-await-to-callbacks
+  send (name, args, callback) {
     const that = this;
     cbid++;
 
@@ -363,7 +362,7 @@ class EmbeddedSVGEdit {
         try {
           sameOriginWithGlobal = window.location.origin === that.frame.contentWindow.location.origin &&
             that.frame.contentWindow.svgEditor.svgCanvas;
-        } catch (err) {}
+        }catch (err) {/* empty */}
 
         if (sameOriginWithGlobal) {
           // Although we do not really need this API if we are working same

dist/editor/images/align_bottom.svg

@@ -1,9 +1 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
-  <g transform="rotate(90, 11, 11)" id="svg_1">
-   <rect stroke="#606060" fill="#ffffff" id="svg_4" height="7" width="12" y="2.5" x="7.5"/>
-   <rect stroke="none" fill="#fddb8c" id="svg_5" height="4" width="11" y="4" x="9"/>
-   <rect id="svg_6" stroke="#606060" fill="#ffffff" height="7" width="18" y="12.5" x="1.5"/>
-   <rect id="svg_7" stroke="none" fill="#fddb8c" height="4" width="17" y="14" x="3"/>
-   <rect stroke="#c15909" fill="#f9bc01" id="svg_2" height="40" width="2" y="-10" x="18.5"/>
-   </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-3{fill:none;}.cls-2{fill:#fff;stroke:#fff;stroke-linejoin:round;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-3{stroke:#f9ba00;stroke-miterlimit:10;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="7.25" y="19.12" width="20.5" height="11.59" transform="translate(42.42 7.42) rotate(90)"/><rect class="cls-2" x="19.11" y="14.94" width="28.87" height="11.59" transform="translate(54.28 -12.81) rotate(90)"/><line class="cls-3" x1="5.6" y1="43.17" x2="45.44" y2="43.17"/></g></g></svg>

dist/editor/images/align_center.svg

@@ -1,7 +1 @@
-<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <rect x="1.5" y="12.5" width="18" height="7" fill="#fddb8c" stroke="#606060" id="svg_6"/>
-    <rect x="4.5" y="2.5" width="12" height="7" id="svg_4" fill="#fddb8c" stroke="#606060"/>
-    <rect x="9.5" y="-10" width="2" height="40" id="svg_2" fill="#f9bc01" stroke="#c15909"/>
-    <rect x="2.5" y="13.5" width="16" height="5" fill="none" stroke="#ffffff" id="svg_7"/>
-    <rect x="5.5" y="3.5" width="10" height="5" id="svg_5" fill="none" stroke="#ffffff"/>
-  </svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-3{fill:none;}.cls-2{fill:#fff;stroke:#fff;stroke-linejoin:round;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-3{stroke:#f9ba00;stroke-miterlimit:10;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="15.27" y="10.91" width="20.5" height="11.59" transform="translate(51.04 33.42) rotate(-180)"/><rect class="cls-2" x="11.09" y="26.96" width="28.87" height="11.59" transform="translate(51.04 65.52) rotate(-180)"/><line class="cls-3" x1="25.52" y1="4.81" x2="25.52" y2="44.66"/></g></g></svg>

dist/editor/images/align_left.svg

@@ -1,7 +1 @@
-  <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
-    <rect stroke="#606060" fill="#ffffff" id="svg_4" height="7" width="12" y="2.5" x="2.5"/>
-    <rect stroke="none" fill="#fddb8c" id="svg_5" height="4" width="11" y="4" x="2"/>
-    <rect id="svg_6" stroke="#606060" fill="#ffffff" height="7" width="18" y="12.5" x="2.5"/>
-    <rect id="svg_7" stroke="none" fill="#fddb8c" height="4" width="17" y="14" x="2"/>
-    <rect stroke="#c15909" fill="#f9bc01" id="svg_2" height="40" width="2" y="-10" x="1.5"/>
-  </svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-3{fill:none;}.cls-2{fill:#fff;stroke:#fff;stroke-linejoin:round;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-3{stroke:#f9ba00;stroke-miterlimit:10;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="15.6" y="10.91" width="20.5" height="11.59" transform="translate(51.71 33.42) rotate(-180)"/><rect class="cls-2" x="15.6" y="26.96" width="28.87" height="11.59" transform="translate(60.07 65.52) rotate(-180)"/><line class="cls-3" x1="7.61" y1="4.81" x2="7.61" y2="44.66"/></g></g></svg>

dist/editor/images/align_middle.svg

@@ -1,9 +1 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22">
-  <g transform="rotate(90, 12, 11.5)" id="svg_1">
-   <rect id="svg_6" stroke="#606060" fill="#fddb8c" height="7" width="18" y="14" x="3"/>
-   <rect stroke="#606060" fill="#fddb8c" id="svg_4" height="7" width="12" y="4" x="6"/>
-   <rect stroke="#c15909" fill="#f9bc01" id="svg_2" height="40" width="2" y="-8.5" x="11"/>
-   <rect id="svg_7" stroke="#ffffff" fill="none" height="5" width="16" y="15" x="4"/>
-   <rect stroke="#ffffff" fill="none" id="svg_5" height="5" width="10" y="5" x="7"/>
-   </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-3{fill:none;}.cls-2{fill:#fff;stroke:#fff;stroke-linejoin:round;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-3{stroke:#f9ba00;stroke-miterlimit:10;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="7.25" y="18.94" width="20.5" height="11.59" transform="translate(42.23 7.24) rotate(90)"/><rect class="cls-2" x="19.11" y="18.94" width="28.87" height="11.59" transform="translate(58.28 -8.81) rotate(90)"/><line class="cls-3" x1="5.6" y1="24.74" x2="45.44" y2="24.74"/></g></g></svg>

dist/editor/images/align_right.svg

@@ -1,7 +1 @@
- <svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <rect x="7.5" y="2.5" width="12" height="7" id="svg_4" fill="#ffffff" stroke="#606060"/>
-    <rect x="9" y="4" width="11" height="4" id="svg_5" fill="#fddb8c" stroke="none"/>
-    <rect x="1.5" y="12.5" width="18" height="7" fill="#ffffff" stroke="#606060" id="svg_6"/>
-    <rect x="3" y="14" width="17" height="4" fill="#fddb8c" stroke="none" id="svg_7"/>
-    <rect x="18.5" y="-10" width="2" height="40" id="svg_2" fill="#f9bc01" stroke="#c15909"/>
-  </svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-3{fill:none;}.cls-2{fill:#fff;stroke:#fff;stroke-linejoin:round;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-3{stroke:#f9ba00;stroke-miterlimit:10;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="15.46" y="10.91" width="20.5" height="11.59"/><rect class="cls-2" x="7.09" y="26.96" width="28.87" height="11.59"/><line class="cls-3" x1="43.95" y1="4.81" x2="43.95" y2="44.66"/></g></g></svg>

dist/editor/images/align_top.svg

@@ -1,9 +1 @@
-<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g transform="rotate(90, 11, 11)" id="svg_1">
-     <rect x="2.5" y="3.5" width="12" height="7" id="svg_4" fill="#ffffff" stroke="#606060"/>
-     <rect x="2" y="5" width="11" height="4" id="svg_5" fill="#fddb8c" stroke="none"/>
-     <rect x="2.5" y="13.5" width="18" height="7" fill="#ffffff" stroke="#606060" id="svg_6"/>
-     <rect x="2" y="15" width="17" height="4" fill="#fddb8c" stroke="none" id="svg_7"/>
-     <rect x="1.5" y="-9" width="2" height="40" id="svg_2" fill="#f9bc01" stroke="#c15909"/>
-    </g>
-  </svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-3{fill:none;}.cls-2{fill:#fff;stroke:#fff;stroke-linejoin:round;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-3{stroke:#f9ba00;stroke-miterlimit:10;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="6.73" y="18.75" width="20.5" height="11.59" transform="translate(-7.57 41.53) rotate(-90)"/><rect class="cls-2" x="18.6" y="22.94" width="28.87" height="11.59" transform="translate(4.3 61.76) rotate(-90)"/><line class="cls-3" x1="5.08" y1="6.3" x2="44.93" y2="6.3"/></g></g></svg>

dist/editor/images/angle.svg

@@ -1,4 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
-  <path stroke-width="2" stroke-dasharray="1,3" id="svg_6" d="m32.78778,41.03469c-0.40379,-8.68145 -4.50873,-16.79003 -12.11365,-20.5932" stroke="#000000" fill="none"/>
-  <path id="svg_7" d="m29.20348,7.67055l-24.20348,34.47921l41.16472,0" stroke-width="3" stroke="#404040" fill="none"/>
-</svg></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-3{fill:none;}.cls-2{fill:#fff;stroke:#fff;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;}.cls-3,.cls-4{stroke:#f9ba00;}.cls-4{fill:#f9ba00;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><line class="cls-2" x1="44.2" y1="37.01" x2="6.85" y2="37.01"/><line class="cls-2" x1="30.11" y1="12.46" x2="6.85" y2="37.01"/><path class="cls-3" d="M28.12,21.07c3.34,4.44,5.19,7.37,5.19,13.35"/><polygon class="cls-4" points="26.66 19 27.24 24.45 31.64 21.28 26.66 19"/></g></g></svg>

dist/editor/images/blur.svg

@@ -1,9 +1 @@
-<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <filter id="svg_4_blur" x="-50%" y="-50%" width="200%" height="200%">
-   <feGaussianBlur stdDeviation="25"/>
-  </filter>
- </defs>
-  <circle fill="#000000" stroke="#000000" stroke-width="5" stroke-dasharray="null" cx="150" cy="150" r="91.80151" id="svg_4" filter="url(#svg_4_blur)"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2{fill:#f9ba00;}.cls-2{opacity:0.2;}.cls-3{fill:none;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><path class="cls-1" d="M24.78,39.73a15.16,15.16,0,0,1-15.32-15,15.16,15.16,0,0,1,15.32-15"/><path class="cls-2" d="M24.88,7.58A17.34,17.34,0,0,1,42.4,24.74,17.34,17.34,0,0,1,24.88,41.89"/><path class="cls-2" d="M24.88,9.74A15.25,15.25,0,0,1,40.29,24.82,15.25,15.25,0,0,1,24.88,39.9"/><path class="cls-2" d="M24.88,11.77A13.19,13.19,0,0,1,38.21,24.82a13.19,13.19,0,0,1-13.33,13"/><path class="cls-2" d="M24.88,13.81a11,11,0,1,1,0,22"/><path class="cls-2" d="M24.88,15.85a9,9,0,1,1,0,17.94"/><path class="cls-2" d="M24.78,17.88a6.94,6.94,0,1,1,0,13.88"/><path class="cls-2" d="M24.78,19.92a4.91,4.91,0,1,1,0,9.81"/><path class="cls-2" d="M24.78,21.64a3.1,3.1,0,1,1,0,6.2"/><polyline class="cls-3" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/></g></g></svg>

dist/editor/images/box.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-60 -60 120 120">
+            <path stroke-width="10" stroke="#f9bc01" fill="#f9bc01" d="m-30,-30l0,60l60,0l0,-60z"/>
+        </svg></svg>

dist/editor/images/box_o.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-60 -60 120 120">
+            <path stroke-width="10" stroke="#f9bc01" fill="none" d="m-30,-30l0,60l60,0l0,-60z"/>
+        </svg></svg>

dist/editor/images/circle.svg

@@ -1,11 +1 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54">
- <defs>
-  <linearGradient y2="1.0" x2="1.0" y1="0.1875" x1="0.171875" id="svg_4">
-   <stop stop-opacity="1" stop-color="#ffffff" offset="0.0"/>
-   <stop stop-opacity="1" stop-color="#fddb8c" offset="1.0"/>
-  </linearGradient>
- </defs>
- <g>
-  <circle stroke-opacity="1" fill-opacity="1" stroke-width="2" stroke="#000000" fill="url(#svg_4)" id="svg_1" r="23" cy="27" cx="27"/>
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2{fill:none;}.cls-2{stroke:#f9ba00;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><ellipse class="cls-2" cx="25.41" cy="24.81" rx="13.99" ry="14.28"/></g></g></svg>

dist/editor/images/clone.svg

@@ -1,17 +1 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
- <defs>
-  <linearGradient y2="1" x2="1" y1="0" x1="0" id="svg_36">
-   <stop stop-opacity="1" stop-color="#fddb8c" offset="0"/>
-   <stop stop-opacity="1" stop-color="#bf5f00" offset="1"/>
-  </linearGradient>
-  <linearGradient y2="0.80078" x2="0.42578" y1="0" x1="0" id="svg_69">
-   <stop stop-opacity="1" stop-color="#fddb8c" offset="0"/>
-   <stop stop-opacity="1" stop-color="#bf5f00" offset="1"/>
-  </linearGradient>
- </defs>
-  <path stroke="#8f5902" fill="url(#svg_69)" id="svg_34" d="m2.11676,16.32061l-0.13787,-5.05515l1.93015,-2.02206l10.11029,0l2.02206,2.29779l0,4.77941l-13.92463,0z"/>
-  <rect x="7.85379" y="6.30027" width="2.2932" height="4.3407" id="svg_38" fill="url(#svg_36)" stroke="#8f5902" rx="1" ry="1"/>
-  <circle stroke="#8f5902" fill="url(#svg_36)" id="svg_35" r="2.96392" cy="4.48149" cx="9.11757"/>
-  <line x1="2.44838" y1="12.03512" x2="15.5524" y2="12.03512" id="svg_39" stroke="#8f5902" fill="none"/>
-  <path d="m6.72427,12.55859l4.74203,0l-2.30831,2.07258l-2.43372,-2.07258z" id="svg_43" fill="#000000" stroke="none"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2,.cls-4{fill:none;}.cls-2,.cls-4{stroke:#fff;}.cls-2,.cls-3{stroke-linecap:round;stroke-linejoin:round;}.cls-2,.cls-3,.cls-4{stroke-width:2px;}.cls-3{fill:#f9ba00;stroke:#f9ba00;}.cls-4{stroke-miterlimit:10;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><path class="cls-2" d="M38.92,33.18s-9.39-5.22-9.39-9,2.35-11.83,2.35-11.83v-.58a6.87,6.87,0,0,0-13.7,0l0,.58s2.35,8,2.35,11.83-9.39,9-9.39,9"/><rect class="cls-3" x="6.72" y="42.58" width="36.59" height="2.45"/><rect class="cls-4" x="4.84" y="33.18" width="40.35" height="8.4"/></g></g></svg>

dist/editor/images/conn.svg

@@ -1,24 +1 @@
-<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-
-  <line stroke-width="5" fill="none" stroke="#000000" id="svg_2" y2="121" x2="136" y1="7" x1="136">
-    <stop stop-opacity="1" stop-color="#4687a0"/>
-    <stop stop-opacity="1" stop-color="#ffffff"/>
-  </line>
-  <linearGradient y2="0.18359" x2="0.29688" y1="0.92188" x1="0.62109" id="svg_3">
-    <stop stop-opacity="1" stop-color="#fddb8c" offset="0"/>
-    <stop stop-opacity="1" stop-color="#ffffff" offset="1"/>
-  </linearGradient>
-  </defs>
-  <g>
-  <title>Layer 1</title>
-  <line x1="5.64676" y1="5.60056" x2="18.50037" y2="18.62557" id="svg_5" stroke="#000000" fill="none"/>
-  <rect opacity="0.75" stroke-width="0.5" x="0.5" y="0.5" width="9.625" height="5.125" id="svg_1" fill="url(#svg_3)" stroke="#000000"/>
-  <rect opacity="0.75" id="svg_4" stroke-width="0.5" x="13.75" y="18.25" width="9.625" height="5.125" fill="url(#svg_3)" stroke="#000000"/>
-  <g id="svg_9">
-    <path d="m14.57119,9.12143l-0.98244,5.18852l2.70861,-4.36084" id="svg_6" fill="#a0a0a0" stroke="#000000"/>
-    <path d="m14.27564,6.76258c-0.25872,0.72562 -0.40735,1.65632 -0.33812,2.15432l2.90784,1.2509c0.30961,-0.21212 1.08198,-1.1814 1.08198,-1.73736" id="svg_7" fill="url(#svg_3)" stroke="#000000"/>
-    <path d="m16.28893,0.37519l-2.46413,5.9304l4.76481,2.39435l2.13178,-4.96735" id="svg_8" fill="url(#svg_3)" stroke="#000000"/>
-  </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2{fill:none;}.cls-2{stroke:#f9ba00;stroke-miterlimit:10;}.cls-2,.cls-3{stroke-linecap:round;stroke-width:2px;}.cls-3{fill:#fff;stroke:#fff;stroke-linejoin:round;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><line class="cls-2" x1="14.25" y1="16.23" x2="37.11" y2="33.52"/><rect class="cls-3" x="9.19" y="-0.56" width="10.12" height="22.9" transform="matrix(0, 1, -1, 0, 25.14, -3.36)"/><rect class="cls-3" x="31.73" y="27.13" width="10.12" height="22.9" transform="matrix(0, 1, -1, 0, 75.37, 1.79)"/></g></g></svg>

dist/editor/images/delete.svg

@@ -1,6 +1 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <rect ry="3" rx="3" stroke="#800000" fill="#aa0000" id="svg_37" height="20.29514" width="21.17486" y="1.70304" x="1.42011"/>
-  <rect ry="3" rx="3" stroke="#ff5555" fill="#aa0000" id="svg_67" height="18.63022" width="19.61118" y="2.53597" x="2.20258"/>
-  <line stroke-width="2" fill="none" stroke="#ffffff" id="svg_68" y2="16.85127" x2="17.00646" y1="6.85127" x1="7.00646"/>
-  <line stroke-width="2" id="svg_70" fill="none" stroke="#ffffff" y2="16.85127" x2="7.00646" y1="6.85127" x1="17.00646"/>
- </svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2,.cls-3,.cls-4{fill:none;}.cls-2,.cls-3,.cls-4{stroke:#fff;stroke-width:2px;}.cls-2,.cls-4{stroke-linejoin:round;}.cls-3,.cls-4{stroke-linecap:round;}.cls-3{stroke-miterlimit:10;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><polygon class="cls-2" points="41.06 11.05 36.34 43.08 14.71 43.08 9.99 11.05 41.06 11.05"/><line class="cls-3" x1="18.2" y1="16.01" x2="19.71" y2="38.01"/><line class="cls-3" x1="25.43" y1="16.06" x2="25.43" y2="38.06"/><line class="cls-3" x1="32.68" y1="16.06" x2="31.17" y2="38.06"/><line class="cls-4" x1="6.94" y1="11.05" x2="44.1" y2="11.05"/><rect class="cls-2" x="19.69" y="6.4" width="11.66" height="4.65"/></g></g></svg>

dist/editor/images/docprop.svg

@@ -1,19 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-   <defs>
-    <linearGradient y2="1" x2="1" y1="0.5" x1="1" id="svg_53">
-     <stop stop-opacity="1" stop-color="#606060" offset="0"/>
-     <stop stop-opacity="0" stop-color="#5e5e5e" offset="1"/>
-    </linearGradient>
-   </defs>
-    <rect stroke="#606060" fill="#eaeaea" id="svg_55" height="21" width="18" y="1.6692" x="2.42792"/>
-    <line fill="none" stroke="#a0a0a0" id="svg_56" y2="4.37757" x2="14.89023" y1="4.37757" x1="6.696"/>
-    <line fill="none" stroke="#a0a0a0" id="svg_57" y2="7.10804" x2="12.92026" y1="7.10804" x1="6.6948"/>
-    <line fill="none" stroke="#a0a0a0" id="svg_58" y2="9.84241" x2="15.64716" y1="9.84241" x1="6.6942"/>
-    <line fill="none" stroke="#a0a0a0" id="svg_59" y2="12.36585" x2="13.21805" y1="12.36585" x1="6.69691"/>
-    <line fill="none" stroke="#a0a0a0" id="svg_60" y2="15.06507" x2="14.43591" y1="15.06507" x1="6.69691"/>
-    <line fill="none" stroke="#a0a0a0" id="svg_61" y2="17.84241" x2="13.36979" y1="17.84241" x1="6.69691"/>
-    <g id="svg_54">
-     <path transform="rotate(-45, 12.5448, 11.7085)" stroke="none" fill="#606060" id="svg_31" d="m11.24329,8.73944l0,2.79974l2.53499,0.07777l0,-2.95528c1.78134,0.07777 2.26093,1.39987 2.12391,2.95528c-0.06851,1.63318 -1.30175,3.49967 -3.49418,3.26636c-2.19242,-0.31108 -2.87755,-1.39987 -3.15161,-2.72197c-0.27406,-1.39987 0.41108,-3.34413 1.98689,-3.4219z"/>
-     <rect opacity="0.95" transform="rotate(-45, 16.2485, 15.1732)" stroke="none" fill="url(#svg_53)" id="svg_50" height="4.85445" width="2.57974" y="12.746" x="15.04047"/>
-    </g>
-  </svg></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2{fill:none;}.cls-2{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.cls-3{fill:#f9ba00;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><polyline class="cls-2" points="37.26 21.1 37.26 14.03 27.02 3.91 7.31 3.91 7.31 40.98 23.79 40.98"/><polyline class="cls-2" points="27.02 3.91 27.02 14.03 37.26 14.03"/><path class="cls-3" d="M36.41,46.73a1.79,1.79,0,0,1-1.34-.57c-.45-.48-1.85-1.72-3-1.72s-2.57,1.25-3,1.69a1.83,1.83,0,0,1-2,.42h0l-3.49-1.93,0,0a1.64,1.64,0,0,1-.56-2,4.18,4.18,0,0,0,.32-1.4,3.69,3.69,0,0,0-3.7-3.66h-.15c-.58,0-1.06-.51-1.21-1.3a16.62,16.62,0,0,1-.3-2.76,16.47,16.47,0,0,1,.3-2.76c.15-.8.64-1.32,1.23-1.31h.13a3.68,3.68,0,0,0,3.7-3.65,3.77,3.77,0,0,0-.33-1.4,1.66,1.66,0,0,1,.57-2l0,0,3.68-2,0,0a1.89,1.89,0,0,1,2,.42,5.23,5.23,0,0,0,2.93,1.62,5.31,5.31,0,0,0,2.91-1.59,1.88,1.88,0,0,1,2-.4l0,0,3.56,1.95,0,0a1.64,1.64,0,0,1,.56,2,4.1,4.1,0,0,0-.32,1.4,3.68,3.68,0,0,0,3.7,3.65h.12c.6,0,1.08.51,1.24,1.31a17.7,17.7,0,0,1,.3,2.76,17.88,17.88,0,0,1-.3,2.76c-.15.8-.64,1.32-1.23,1.3h-.13A3.68,3.68,0,0,0,41,41.18a3.84,3.84,0,0,0,.33,1.4,1.64,1.64,0,0,1-.57,2l0,0-3.62,2,0,0A1.54,1.54,0,0,1,36.41,46.73Zm-.18-1.92a.23.23,0,0,0,.11,0h0L39.67,43a5.57,5.57,0,0,1-.44-2,5.24,5.24,0,0,1,5-5.19,15.57,15.57,0,0,0,.26-2.37,15.57,15.57,0,0,0-.26-2.37,5.25,5.25,0,0,1-5-5.2,5.49,5.49,0,0,1,.44-2L36.4,22.1h0a.28.28,0,0,0-.13,0,8.93,8.93,0,0,1-1.21,1,5.07,5.07,0,0,1-2.83,1.05,5.12,5.12,0,0,1-2.86-1.07,10.81,10.81,0,0,1-1.22-1,.27.27,0,0,0-.12,0h0l-3.39,1.83a5.61,5.61,0,0,1,.44,2,5.25,5.25,0,0,1-5,5.2,15.57,15.57,0,0,0-.26,2.37,15.4,15.4,0,0,0,.26,2.36,5.25,5.25,0,0,1,5,5.2,5.73,5.73,0,0,1-.44,2l3.2,1.77h0a.2.2,0,0,0,.11,0,9.88,9.88,0,0,1,1.23-1.06,5.09,5.09,0,0,1,2.9-1.12A5.07,5.07,0,0,1,35,43.73,10.1,10.1,0,0,1,36.23,44.81Zm-4.09-6.62a4.74,4.74,0,1,1,4.75-4.74A4.75,4.75,0,0,1,32.14,38.19Zm0-7.58a2.85,2.85,0,1,0,2.77,2.77A2.85,2.85,0,0,0,32.14,30.61Z"/></g></g></svg>

dist/editor/images/editPref.svg

@@ -1 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" version="1.1"><path d="M655.872 960a61.952 61.952 0 0 1-45.376-19.136c-14.912-16.192-62.272-58.24-100.992-58.24-38.464 0-86.528 42.304-100.352 57.216a62.144 62.144 0 0 1-68.224 14.144l-1.28-0.576-117.76-65.088-1.088-0.832a55.552 55.552 0 0 1-18.944-67.52c0.064-0.192 10.816-24.768 10.816-47.168 0-67.968-56-123.392-124.8-123.392h-4.16l-0.768 0.064c-19.712 0-35.776-17.344-40.896-44.096C41.6 603.264 32 552.448 32 512.384c0-40 9.6-90.88 10.048-92.992 5.184-27.136 21.568-44.48 41.664-44.096h4.16c68.8 0 124.8-55.296 124.8-123.328 0-22.4-10.752-46.976-10.88-47.232a55.424 55.424 0 0 1 19.136-67.456l1.216-0.832 124.224-67.456 1.344-0.576a63.36 63.36 0 0 1 67.968 13.952c14.656 15.232 61.184 54.784 98.816 54.784 37.312 0 83.52-38.784 98.112-53.76a63.616 63.616 0 0 1 68.032-13.376l1.28 0.576 120 65.92 1.216 0.832a55.424 55.424 0 0 1 19.072 67.456c-0.128 0.192-10.88 24.768-10.88 47.168 0 67.968 56 123.328 124.8 123.328h4.16c19.968-0.384 36.416 17.024 41.6 44.096 0.512 2.112 10.112 52.992 10.112 92.992 0 40.064-9.6 90.88-10.048 92.992-5.184 27.136-21.632 44.48-41.6 44.032h-4.16c-68.8 0-124.8 55.36-124.8 123.392 0 22.464 10.752 46.976 10.88 47.232a55.36 55.36 0 0 1-19.072 67.392l-1.28 0.896-122.048 66.688-1.344 0.512a56.32 56.32 0 0 1-22.656 4.48z m-6.016-64.832a8.192 8.192 0 0 0 3.648 0.96h0.192l112.128-61.056c-2.688-6.208-15.04-36.16-15.04-67.584 0-93.76 75.008-170.56 169.024-175.296 1.344-7.36 8.704-48.832 8.704-79.808s-7.296-72.384-8.704-79.744c-94.016-4.864-169.024-81.664-169.024-175.36 0-31.424 12.416-61.44 15.104-67.648l-110.4-60.352h-0.448a8.448 8.448 0 0 0-4.16 1.088 309.12 309.12 0 0 1-40.832 33.728c-33.984 23.552-66.176 35.456-95.552 35.456-29.76 0-62.144-12.16-96.384-36.16a312.064 312.064 0 0 1-41.024-34.432 9.088 9.088 0 0 0-4.224-1.024H372.48l-114.304 61.76c2.752 6.272 15.104 36.288 15.104 67.584 0 93.696-75.008 170.496-169.024 175.36-1.408 7.36-8.704 48.704-8.704 79.744s7.36 72.384 8.704 79.744c94.016 4.8 169.024 81.6 169.024 175.36 0 31.424-12.48 61.632-15.104 67.712l108.16 59.52h0.256a8 8 0 0 0 3.584-0.896c2.048-2.112 18.176-19.008 41.408-35.776 34.688-25.088 67.648-37.76 97.92-37.76 30.656 0 63.872 12.928 98.752 38.464 23.36 17.152 39.616 34.24 41.6 36.416z m-137.984-223.104c-88.32 0-160.192-71.68-160.192-159.808s71.872-159.744 160.192-159.744c88.384 0 160.256 71.616 160.256 159.744s-71.872 159.808-160.256 159.808z m0-255.744a96 96 0 0 0 0 191.808 95.936 95.936 0 0 0 0-191.808z"/></svg></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2,.cls-4{fill:none;}.cls-2,.cls-4{stroke:#fff;stroke-width:2px;}.cls-2{stroke-linecap:round;stroke-linejoin:round;}.cls-3{fill:#fff;}.cls-4{stroke-miterlimit:10;}.cls-5{fill:#f9ba00;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><line class="cls-2" x1="26.12" y1="13.74" x2="12.11" y2="31"/><line class="cls-2" x1="29.45" y1="18.86" x2="34.43" y2="12.69"/><polyline class="cls-2" points="25.36 5.39 8.01 26.93 5.95 38.81 16.9 34.44 18.7 32.2"/><path class="cls-3" d="M6.8,33.94a3.51,3.51,0,0,1,2.62.51,3.18,3.18,0,0,1,1.42,2.41L6,38.81Z"/><path class="cls-4" d="M8.73,26.63A14.26,14.26,0,0,0,12.11,31a16.56,16.56,0,0,0,5.12,2.63"/><path class="cls-4" d="M22.29,8.36A15,15,0,0,0,25.91,13a18.2,18.2,0,0,0,5.49,2.78"/><path class="cls-2" d="M34.62,12.39A16.56,16.56,0,0,1,29.5,9.76a29.86,29.86,0,0,1-4.14-4.37S29.26,6.45,31,7.8A22.22,22.22,0,0,1,34.62,12.39Z"/><path class="cls-5" d="M36.67,44.08a1.84,1.84,0,0,1-1.35-.56c-.44-.48-1.85-1.73-3-1.73s-2.57,1.25-3,1.69a1.82,1.82,0,0,1-2,.42h0L23.8,42l0,0a1.65,1.65,0,0,1-.56-2,4.18,4.18,0,0,0,.32-1.4,3.69,3.69,0,0,0-3.7-3.66h-.14c-.59,0-1.06-.51-1.22-1.3a18.42,18.42,0,0,1-.29-2.76,18.23,18.23,0,0,1,.29-2.76c.16-.8.64-1.32,1.24-1.31h.12a3.68,3.68,0,0,0,3.7-3.65,4.1,4.1,0,0,0-.32-1.4,1.64,1.64,0,0,1,.57-2l0,0,3.69-2,0,0a1.88,1.88,0,0,1,2,.42,5.3,5.3,0,0,0,2.93,1.62,5.24,5.24,0,0,0,2.91-1.59,1.89,1.89,0,0,1,2-.4l0,0L41,19.66l0,0a1.64,1.64,0,0,1,.57,2,4.1,4.1,0,0,0-.32,1.4A3.68,3.68,0,0,0,45,26.74h.12c.59,0,1.08.51,1.23,1.31a16.47,16.47,0,0,1,.3,2.76,18.42,18.42,0,0,1-.29,2.76c-.16.8-.64,1.32-1.24,1.3H45a3.68,3.68,0,0,0-3.7,3.66,4.18,4.18,0,0,0,.32,1.4,1.64,1.64,0,0,1-.56,2l0,0-3.62,2,0,0A1.54,1.54,0,0,1,36.67,44.08Zm-.18-1.92a.2.2,0,0,0,.11,0h0l3.33-1.81a5.5,5.5,0,0,1-.45-2,5.24,5.24,0,0,1,5-5.19,15.57,15.57,0,0,0,.26-2.37,14.35,14.35,0,0,0-.26-2.37,5.25,5.25,0,0,1-5-5.2,5.43,5.43,0,0,1,.45-2l-3.27-1.79h0a.27.27,0,0,0-.12,0,9.59,9.59,0,0,1-1.21,1,5.07,5.07,0,0,1-2.84,1.05,5.07,5.07,0,0,1-2.85-1.07,9.29,9.29,0,0,1-1.22-1,.28.28,0,0,0-.13,0h0l-3.39,1.83a5.55,5.55,0,0,1,.45,2,5.25,5.25,0,0,1-5,5.2,15.57,15.57,0,0,0-.26,2.37,15.23,15.23,0,0,0,.26,2.36,5.25,5.25,0,0,1,5,5.2,5.44,5.44,0,0,1-.45,2l3.21,1.77h0a.17.17,0,0,0,.1,0,10.82,10.82,0,0,1,1.23-1.06,5.11,5.11,0,0,1,2.91-1.12,5,5,0,0,1,2.92,1.14A9.75,9.75,0,0,1,36.49,42.16ZM32.4,35.54a4.74,4.74,0,1,1,4.75-4.74A4.75,4.75,0,0,1,32.4,35.54Zm0-7.58a2.85,2.85,0,1,0,2.77,2.77A2.85,2.85,0,0,0,32.4,28Z"/></g></g></svg>

dist/editor/images/ellipse.svg

@@ -1,11 +1 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54">
- <defs>
-  <linearGradient y2="1.0" x2="1.0" y1="0.1875" x1="0.171875" id="svg_4">
-   <stop stop-opacity="1" stop-color="#ffffff" offset="0.0"/>
-   <stop stop-opacity="1" stop-color="#fddb8c" offset="1.0"/>
-  </linearGradient>
- </defs>
- <g>
-  <ellipse stroke-opacity="1" fill-opacity="1" stroke-width="2" stroke="#000000" fill="url(#svg_4)" id="svg_1" rx="23" ry="15" cy="27" cx="27"/>
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2{fill:none;}.cls-2{stroke:#f9ba00;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><ellipse class="cls-2" cx="25.93" cy="28.94" rx="18.79" ry="10.15"/></g></g></svg>

dist/editor/images/export.svg

@@ -1,15 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-   <defs>
-    <linearGradient id="svg_5" x1="0.77734" y1="0.51172" x2="0.09375" y2="0.53516">
-     <stop offset="0" stop-color="#81bbf4"/>
-     <stop offset="1" stop-color="#376eb7"/>
-    </linearGradient>
-   </defs>
-   <g>
-    <rect x="7.22599" y="1.3603" width="15.76465" height="21.51735" id="svg_55" fill="#eaeaea" stroke="#606060"/>
-    <circle fill="#31abed" stroke-width="0.5" cx="17.4206" cy="11.1278" r="4.69727" id="svg_3"/>
-    <path fill="#ffcc00" stroke-width="0.5" d="m9.67673,20.24302l7.38701,-6.80778l2.91746,6.71323" id="svg_4"/>
-    <rect fill="#ff5555" stroke-width="0.5" x="9.5385" y="2.94914" width="5.74652" height="5.74652" id="svg_2"/>
-    <path d="m6.13727,17.94236l5.77328,-4.91041l-5.86949,-5.1832l-0.09622,2.36426l-4.64805,-0.06751l-0.04665,5.54694l4.79093,-0.02342l0.09623,2.27334z" id="svg_45" fill="url(#svg_5)" stroke="#285582"/>
-   </g>
-  </svg></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2{fill:none;}.cls-2{stroke:#fff;stroke-width:2px;}.cls-2,.cls-4{stroke-linecap:round;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;}.cls-3{fill:#f9ba00;}.cls-3,.cls-4{stroke:#f9ba00;}.cls-4{fill:#fff;stroke-width:5px;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><path class="cls-2" d="M37.19,34.36a6.93,6.93,0,0,1-6.35,4.16H17.12a6.93,6.93,0,0,1-6.93-6.93V17.88A6.93,6.93,0,0,1,17.12,11H30.84a6.93,6.93,0,0,1,6.26,4"/><polygon class="cls-3" points="44.65 24.74 32.88 18.03 32.88 31.44 44.65 24.74"/><line class="cls-4" x1="36.49" y1="24.74" x2="20.18" y2="24.74"/></g></g></svg>

dist/editor/images/eye_dropper.svg

@@ -1,27 +1 @@
-<svg viewBox="0 0 320 320" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <radialGradient id="eyedropper_svg_6" cx="0.5" cy="0.5" r="0.5">
-   <stop offset="0" stop-color="#ffffff" stop-opacity="1"/>
-   <stop offset="1" stop-color="#fddb8c" stop-opacity="0.38"/>
-  </radialGradient>
-  <linearGradient id="eyedropper_svg_15" x1="0" y1="0" x2="0.58594" y2="0.55078">
-   <stop offset="0" stop-color="#ffffff" stop-opacity="0.57"/>
-   <stop offset="1" stop-color="#fddb8c" stop-opacity="1"/>
-  </linearGradient>
-  <linearGradient id="eyedropper_svg_19" x1="0" y1="0" x2="1" y2="1">
-   <stop offset="0" stop-color="#ffffff" stop-opacity="1"/>
-   <stop offset="1" stop-color="#ffffff" stop-opacity="0"/>
-  </linearGradient>
- </defs>
- <g display="inline">
-  <title>Layer 1</title>
-  <path d="m193.899994,73l-119.899979,118l-15,39.5l10.25,4.5l43.750015,-20l108.999969,-112l-28.100006,-30z" id="svg_3" fill="none" stroke="#000000" stroke-width="5"/>
-  <path d="m58.649994,232c-2.75,28.200012 -26.399994,28.950012 -21.899994,59c4.5,30.049988 55,28 55.5,-1.25c0.5,-29.25 -20.25,-28.75 -22.25,-54.75l-11.350006,-3z" id="svg_4" fill="#fddb8c" stroke="#000000" stroke-width="7"/>
-  <path d="m45.474976,269.275024l13.775024,0.474976l-0.75,16.75l-14.25,-1.25l1.224976,-15.974976z" id="svg_5" fill="url(#eyedropper_svg_6)" stroke-width="5" fill-opacity="0.73"/>
-  <path d="m217.899994,46c21.5,-101.549999 141.600006,20.449997 28.100006,33l-5,44l-63,-66l39.899994,-11z" id="svg_2" fill="#000000" stroke-width="5"/>
-  <path d="m206.825012,61.075008c3.712494,-2.46249 7.637482,-3.53751 14.424988,-5.575008c10.125,-16.5 32.875,-41.5 40.5,-35c7.625,6.5 -21.25,35.625 -37.5,39.25c-5.5,10.125 -8,13.875 -17.25,16.5c-2.837494,-8.162514 -4.262482,-12.337486 -0.174988,-15.174992z" id="svg_7" fill="url(#eyedropper_svg_15)" stroke-width="5"/>
-  <path d="m133.049988,134.75l46.950012,9.25l-66,70l-42.5,20.5l-11.5,-5l14,-37.5l59.049988,-57.25z" id="svg_11" fill="#fddb8c" stroke="#000000" stroke-width="7"/>
-  <path d="m71.425034,212.350006l9.050888,-20.022537l51.516724,-49.327469l8.507355,0.97197l-69.074966,68.378036z" id="svg_16" fill="url(#eyedropper_svg_19)" stroke-width="5"/>
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-4{fill:none;}.cls-2{fill:#fff;}.cls-3{fill:#f9ba00;}.cls-4{stroke:#fff;stroke-miterlimit:10;stroke-width:2px;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><path class="cls-2" d="M40.3,17.49,38,15.66l4.6-5.88A2.72,2.72,0,0,0,41.82,6l-1.2-.94a2.74,2.74,0,0,0-3.84.17l-4.6,5.88L29.84,9.3a.55.55,0,0,0-.77,0l-2.8,3.58a.55.55,0,0,0,.15.75l10.47,8.19a.53.53,0,0,0,.76,0l2.8-3.57A.55.55,0,0,0,40.3,17.49Z"/><polygon class="cls-3" points="15.05 31.59 25.81 31.59 18.73 40.38 14.36 42.43 13.65 44.51 11.43 45.52 9.08 44.34 9.08 40.84 11.19 39.65 15.05 31.59"/><path class="cls-4" d="M30.62,12.26,12.84,34.33l-1.65,5.33a2.94,2.94,0,1,0,3.18,2.92s0-.1,0-.15l4.37-2L36.51,18.31"/></g></g></svg>

dist/editor/images/fh_ellipse.svg

@@ -1,16 +1 @@
-<svg viewBox="0 0 52 52" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <defs>
-  <linearGradient id="svg_9" x1="0.3046" y1="0.1093" x2="0.6132" y2="0.3945">
-   <stop offset="0" stop-color="#fddb8c" stop-opacity="1"/>
-   <stop offset="1" stop-color="#bf5f00" stop-opacity="1"/>
-  </linearGradient>
-  <linearGradient id="svg_4" x1="0.17188" y1="0.1875" x2="1" y2="1">
-   <stop offset="0" stop-color="#ffffff" stop-opacity="1"/>
-   <stop offset="1" stop-color="#fddb8c" stop-opacity="1"/>
-  </linearGradient>
- </defs>
-  <ellipse stroke-width="2" stroke="#000000" fill="url(#svg_4)" id="svg_1" rx="23" ry="12" cy="37" cx="27"/>
-  <path d="m31.5,0l-8.75,20.25l0.75,24l16.5,-16.5l6,-12.5" id="svg_2" fill="url(#svg_9)" stroke="#000000" stroke-width="2"/>
-  <path d="m39.5,28.5c-2,-9.25 -10.25,-11.75 -17,-7.4375l0.4843,24.4414z" id="svg_10" fill="#fddb8c" stroke="#000000" stroke-width="2"/>
-  <path d="m26.9318,41.1745c-0.4491,-2.3511 -2.3021,-2.9866 -3.8181,-1.8905l0.1087,6.2126z" fill="#000000" stroke="#000000" stroke-width="2" id="svg_11"/>
- </svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2,.cls-3,.cls-5{fill:none;}.cls-1{stroke:#f9ba00;stroke-linecap:round;}.cls-1,.cls-2{stroke-linejoin:round;}.cls-1,.cls-2,.cls-5{stroke-width:2px;}.cls-2,.cls-5{stroke:#fff;}.cls-4{fill:#fff;}.cls-5{stroke-miterlimit:10;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><path class="cls-1" d="M40.52,22.58c3.59,1.85,5.82,4.45,5.82,7.34,0,5.61-8.42,10.16-18.79,10.16S8.75,35.53,8.75,29.92s8.42-10.15,18.8-10.15"/><line class="cls-2" x1="44.72" y1="8.14" x2="29.2" y2="27.42"/><polyline class="cls-2" points="40.44 4.14 22.66 26.21 20.6 38.09 31.55 33.72 49.33 11.65"/><polyline class="cls-3" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><path class="cls-4" d="M21.45,33.22s1.72-1.35,3.16-.48.88,3.4.88,3.4l-4.89,2Z"/><path class="cls-5" d="M22.66,26.21s4.38-.55,6.54,1.21,2.35,6.3,2.35,6.3"/></g></g></svg>

dist/editor/images/fh_rect.svg

@@ -1,16 +1 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
- <defs>
-  <linearGradient y2="1" x2="1" y1="0.10156" x1="0.36328" id="svg_2">
-   <stop stop-opacity="1" stop-color="#ffffff" offset="0"/>
-   <stop stop-opacity="1" stop-color="#fddb8c" offset="1"/>
-  </linearGradient>
-  <linearGradient y2="0.3945" x2="0.6132" y1="0.1093" x1="0.3046" id="svg_9">
-   <stop stop-opacity="1" stop-color="#fddb8c" offset="0"/>
-   <stop stop-opacity="1" stop-color="#bf5f00" offset="1"/>
-  </linearGradient>
- </defs>
-  <rect stroke-width="2" stroke="#000000" fill="url(#svg_2)" x="3.25" y="25.75" width="46" height="25"/>
-  <path stroke-width="2" stroke="#000000" fill="url(#svg_9)" d="m31.5,0l-8.75,20.25l0.75,24l16.5,-16.5l6,-12.5"/>
-  <path stroke-width="2" stroke="#000000" fill="#fddb8c" d="m39.5,28.5c-2,-9.25 -10.25,-11.75 -17,-7.4375l0.4843,24.4414z"/>
-  <path stroke-width="2" stroke="#000000" fill="#000000" d="m26.9318,41.1745c-0.4491,-2.3511 -2.3021,-2.9866 -3.8181,-1.8905l0.1087,6.2126z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2,.cls-3,.cls-5{fill:none;}.cls-1{stroke:#f9ba00;stroke-linecap:round;}.cls-1,.cls-2{stroke-linejoin:round;}.cls-1,.cls-2,.cls-5{stroke-width:2px;}.cls-2,.cls-5{stroke:#fff;}.cls-4{fill:#fff;}.cls-5{stroke-miterlimit:10;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="44.72 18.78 44.72 39.09 7.14 39.09 7.14 18.78 28.64 18.78"/><line class="cls-2" x1="44.72" y1="8.14" x2="29.2" y2="27.42"/><polyline class="cls-2" points="40.44 4.14 22.66 26.21 20.6 38.09 31.55 33.72 49.33 11.65"/><polyline class="cls-3" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><path class="cls-4" d="M21.45,33.22s1.72-1.35,3.16-.48.88,3.4.88,3.4l-4.89,2Z"/><path class="cls-5" d="M22.66,26.21s4.38-.55,6.54,1.21,2.35,6.3,2.35,6.3"/></g></g></svg>

dist/editor/images/forwardslash.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-60 -60 120 120">
+            <path stroke-width="10" stroke="#f9bc01" fill="none" d="m-20,50l40,-100"/>
+        </svg></svg>

dist/editor/images/globe_link.svg

@@ -1,26 +1 @@
-<svg width="66" height="66" xmlns="http://www.w3.org/2000/svg">
- <defs>
-  <radialGradient id="svg_8" spreadMethod="pad" cx="0.5" cy="0.32513">
-   <stop stop-color="#7791ef" stop-opacity="0.99219" offset="0"/>
-   <stop stop-color="#3c3cfc" offset="1"/>
-  </radialGradient>
-  <linearGradient id="svg_10" x1="0" y1="0" x2="1" y2="0">
-   <stop offset="0" stop-color="#333333" stop-opacity="0.99609"/>
-   <stop offset="1" stop-opacity="0.99609" stop-color="#fddb8c"/>
-  </linearGradient>
- </defs>
- <g>
-  <g opacity="0.8" id="svg_5">
-   <circle id="svg_1" r="27.90625" cy="33" cx="33" stroke-width="0" stroke="#AAAAAA" fill="url(#svg_8)"/>
-   <g id="svg_7">
-    <path d="m38.2478,36.06121c-0.43732,0 -0.87463,0 -1.31195,0c-0.43731,0 -0.87463,0 -2.6239,0c-0.87463,0 -1.74926,0 -2.18658,0c-0.43732,0 -2.19828,0.33684 -2.6239,0.43732c-0.95172,0.22467 -1.27098,0.48253 -1.74927,0.87463c-1.21939,0.99965 -1.44004,1.00272 -1.74926,1.31195c-0.30923,0.30923 -0.21265,0.79756 -0.43732,1.74926c-0.10048,0.42562 0.16736,0.90792 0,1.31195c-0.23668,0.57138 -0.43732,0.87463 -0.43732,1.74926c0,0.43732 0.12809,0.56541 0.43732,0.87463c0.30923,0.30923 0.12809,0.56541 0.43732,0.87463c0.30923,0.30923 1.32364,0.77415 1.74926,0.87463c0.95171,0.22467 0.69349,0.69349 1.31195,1.31195c0.30923,0.30923 0.90791,-0.16736 1.31195,0c0.57138,0.23668 0.56541,0.56541 0.87463,0.87463c0.30923,0.30923 0.56541,0.12809 0.87463,0.43732c0.61846,0.61846 -0.10048,1.32365 0,1.74926c0.22467,0.95171 0.43732,1.31195 0.43732,2.6239c0,0.87463 0,2.18658 0,3.06121c0,0.43732 0,1.31195 0,2.6239c0,0.43732 0.12809,1.00272 0.43732,1.31195c0.30922,0.30923 1.31195,0 1.74926,0c0.87463,0 1.31195,0 1.74927,0c0.43731,0 0.6065,-0.40129 1.74926,-0.87464c0.40403,-0.16736 0.74057,-0.20064 1.31195,-0.43732c0.40403,-0.16736 0.63795,-0.74057 0.87463,-1.31195c0.16736,-0.40403 0.15712,-2.20917 0.43732,-3.93585c0.22151,-1.36505 0.43732,-2.18658 0.43732,-2.6239c0,-0.43732 -0.12928,-0.88101 0,-2.18658c0.21973,-2.21904 0.43732,-3.49853 0.43732,-3.93585c0,-0.43732 0,-0.87463 0,-1.74927c0,-1.31195 0.16736,-1.78254 0,-2.18658c-0.23668,-0.57138 -1.00272,-0.56541 -1.31195,-0.87463c-0.30923,-0.30922 -0.43732,-0.43731 -1.74926,-1.74926l0,-0.87463l-0.43732,0l0,-0.43732" id="svg_2" stroke="#007f00" fill="#44b544" stroke-width="0"/>
-    <path d="m5.66773,37.0452c1.12973,-0.3645 0.87463,-0.2187 1.74927,-0.656c0.87463,-0.4373 1.34081,-0.8211 2.18658,-1.3119c1.36372,-0.7915 1.44002,-1.4401 1.74922,-1.7493c0.3093,-0.3092 0.1281,-0.5654 0.4374,-0.8746c0.6184,-0.6185 0.8746,-0.4374 1.7492,-1.312c0.8747,-0.8746 1.0027,-1.0027 1.312,-1.3119c0.6184,-0.6185 0.1281,-1.0028 0.4373,-1.312c0.3092,-0.3092 0,-0.8746 0,-1.3119c0,-0.4374 0,-1.312 0,-1.7493c0,-0.4373 0.2009,-1.7727 0,-2.6239c-0.2247,-0.9517 -0.1281,-1.4401 -0.4373,-1.7493c-0.3093,-0.3092 -0.7073,-1.3452 -0.8746,-1.7492c-0.2367,-0.5714 -0.8747,-0.8747 -0.8747,-1.312c0,-0.4373 -0.4373,-0.4373 -0.4373,-0.8746l0,-0.4374l-1.2026,-0.8746c-3.7901,5.8674 -6.81486,11.6253 -5.79446,21.2099l-0.00001,0z" id="svg_3" stroke="#007f00" fill="#44b544" stroke-width="0"/>
-    <path d="m52.2419,13.1021c-0.4373,0.4373 -1.3495,0.8398 -2.1866,1.0933c-3.0182,0.9138 -3.2212,2.2857 -3.4985,2.6239c-1.4137,1.7245 -2.4979,1.3039 -4.8105,1.7493c-0.4294,0.0827 -0.4373,0.4373 -0.8746,0.4373c-0.4373,0 -0.8746,0 -1.312,0c-0.4373,0 -1.3119,0 -1.7492,0c-0.4373,0 -1.3453,-0.27 -1.7493,-0.4373c-0.5714,-0.2367 -0.5654,-0.5654 -0.8746,-0.8747c-0.3092,-0.3092 -0.5654,-0.1281 -0.8746,-0.4373c-0.3093,-0.3092 -0.8747,0 -1.312,0c-0.4373,0 -0.9079,-0.1673 -1.3119,0c-0.5714,0.2367 -0.3033,1.0753 -0.8747,1.312c-0.404,0.1673 -0.1281,0.5654 -0.4373,0.8746c-0.3092,0.3092 -0.4373,0.4373 -0.4373,0.8746c0,0.4373 0,0.8747 0,1.312c0,0.4373 0.0333,0.7073 0.4373,0.8746c0.5714,0.2367 0.638,0.7406 0.8746,1.312c0.1674,0.404 0.4374,0.4373 0.4374,0.8746c0,0.4373 0,0.8746 0,1.3119c0,0.4374 -0.4374,0.4374 -0.8747,0.8747c-1.3119,1.3119 -1.9499,1.1779 -2.1865,1.7492c-0.1674,0.4041 -1.0753,0.3033 -1.312,0.8747c-0.1674,0.404 0,0.8746 0.4373,0.8746c0.4373,0 0.8746,0.4373 1.312,0.4373c0.4373,0 0.8746,-0.4373 1.3119,-0.4373c0.4373,0 0.5654,-0.1281 0.8746,-0.4373c0.6185,-0.6185 1.312,0 1.7493,0c0.4373,0 0.397,-0.6543 2.1866,-0.8747c0.434,-0.0534 2.8801,-0.2561 3.4985,-0.8746c0.3093,-0.3092 0.8343,-0.6543 2.6239,-0.8746c0.4341,-0.0535 0.8747,0 1.312,0c0.4373,0 0.8746,0.4373 0.8746,0.8746c0,0.4373 0.4373,0.4373 0.4373,0.8746c0,0.4374 0.5654,2.3147 0.8746,2.6239c0.3093,0.3093 0.1281,1.0028 0.4374,1.312c0.3092,0.3092 2.1095,2.8366 3.0612,3.0612c0.4256,0.1005 0.8215,0.2158 2.1866,0.4373c0.4316,0.0701 1.3119,0 1.7492,0c0.4373,0 0.8864,0.1005 1.312,0c0.9517,-0.2246 1.44,-0.5654 1.7492,-0.8746c0.3093,-0.3092 0.8747,-0.4373 1.312,-0.4373c0.4373,0 0.5654,-0.5654 0.8746,-0.8746c0.3092,-0.3093 0.8746,0 1.312,0l1.0933,-0.656c1.1661,-7.7259 -2.4782,-14.1399 -7.6531,-20.5539l0,0z" id="svg_4" stroke="#007f00" fill="#44b544" stroke-width="0"/>
-    <path id="svg_6" d="m10.0409,48.3061c2.1137,-0.2187 4.6647,-0.2187 6.3411,1.9679c1.1662,1.5306 1.239,3.7172 0.2186,4.5918c-2.4052,-0.8746 -5.0291,-2.6239 -6.5597,-6.5597l0,0z" stroke="#007f00" fill="#44b544" stroke-width="0"/>
-   </g>
-  </g>
-  <rect transform="rotate(45, 16.9336, 16.9375)" ry="9" rx="9" id="svg_9" height="19.32339" width="29.34293" y="7.27574" x="2.26257" stroke-width="5" stroke="url(#svg_10)" fill="none" stroke-linecap="round"/>
-  <rect id="svg_11" transform="rotate(45, 49.0664, 49.0625)" ry="9" rx="9" height="19.32339" width="29.34293" y="39.40074" x="34.39538" stroke-width="5" stroke="url(#svg_10)" fill="none" stroke-linecap="round"/>
-  <line id="svg_12" y2="45.75" x2="45.75" y1="20.25" x1="20.25" stroke-linecap="round" stroke-width="5" stroke="url(#svg_10)" fill="none"/>
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2,.cls-3{fill:none;}.cls-2{stroke:#fff;}.cls-2,.cls-3{stroke-linecap:round;stroke-miterlimit:10;stroke-width:3px;}.cls-3{stroke:#f9ba00;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><path class="cls-2" d="M27.7,20.76l.53.53a6.77,6.77,0,0,1,0,9.57h0a6.77,6.77,0,0,1-9.57,0L9.77,22a6.75,6.75,0,0,1,0-9.57h0a6.76,6.76,0,0,1,9.56,0l2.18,2.18"/><path class="cls-3" d="M23.56,28.08a6.77,6.77,0,0,1,0-9.57h0a6.77,6.77,0,0,1,9.57,0l8.9,8.9A6.77,6.77,0,0,1,42,37h0a6.77,6.77,0,0,1-9.57,0l-2.24-2.25"/></g></g></svg>

dist/editor/images/grid.svg

@@ -1,18 +1 @@
-    <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <g>
-      <rect fill="#ffffff" stroke="#848484" x="2" y="2" width="20" height="20"/>
-      <line fill="none" stroke="#848484" x1="11.84375" y1="-1.53125" x2="11.84375" y2="18.46875" transform="rotate(90, 11.8429, 8.46955)"/>
-      <line fill="none" stroke="#848484" x1="11.90625" y1="5.21875" x2="11.90625" y2="25.21875" transform="rotate(90, 11.9054, 15.2196)"/>
-      <line fill="none" stroke="#848484" x1="8.5" y1="2.03125" x2="8.5" y2="22.03125"/>
-      <line fill="none" stroke="#848484" x1="15.5" y1="2.03125" x2="15.5" y2="22.03125"/>
-      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="3.25" y="3.28125" width="4" height="4"/>
-      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="10" y="3.28125" width="4" height="4"/>
-      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="16.75" y="3.28125" width="4" height="4"/>
-      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="3.28125" y="9.75" width="4" height="4"/>
-      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="10.03125" y="9.75" width="4" height="4"/>
-      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="16.78125" y="9.75" width="4" height="4"/>
-      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="3.3125" y="16.59375" width="4" height="4"/>
-      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="10.0625" y="16.59375" width="4" height="4"/>
-      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="16.8125" y="16.59375" width="4" height="4"/>
-    </g>
-    </svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2,.cls-3,.cls-4{fill:none;}.cls-1{stroke:#f9ba00;}.cls-1,.cls-2,.cls-3{stroke-miterlimit:10;stroke-width:2px;}.cls-2,.cls-3{stroke:#fff;}.cls-3{stroke-dasharray:2.89 2.89;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><line class="cls-1" x1="11.78" y1="2.3" x2="11.78" y2="41.73"/><line class="cls-1" x1="22.55" y1="2.88" x2="22.51" y2="31.55"/><line class="cls-1" x1="33.32" y1="2.98" x2="33.3" y2="20.51"/><line class="cls-1" x1="44.1" y1="3.08" x2="44.09" y2="9.7"/><line class="cls-1" x1="44.09" y1="9.7" x2="4.62" y2="9.71"/><line class="cls-1" x1="32.91" y1="20.65" x2="4.52" y2="20.62"/><line class="cls-1" x1="22.51" y1="31.57" x2="4.42" y2="31.53"/><line class="cls-1" x1="11.07" y1="42.45" x2="4.32" y2="42.44"/><line class="cls-2" x1="47.76" y1="5.37" x2="46.71" y2="6.44"/><line class="cls-3" x1="44.69" y1="8.5" x2="9.26" y2="44.5"/><line class="cls-2" x1="8.25" y1="45.53" x2="7.19" y2="46.6"/><rect class="cls-4" width="51.04" height="49.47"/></g></g></svg>

dist/editor/images/group_elements.svg

@@ -1,19 +1 @@
-<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <defs>
-  <linearGradient id="svg_90" x1="0" y1="0" x2="1" y2="1">
-   <stop offset="0" stop-color="#ccddff" stop-opacity="1"/>
-   <stop offset="1" stop-color="#789fed" stop-opacity="1"/>
-  </linearGradient>
-  <linearGradient id="svg_92" x1="0" y1="0" x2="1" y2="1">
-   <stop offset="0" stop-color="#70a1e5" stop-opacity="1"/>
-   <stop offset="1" stop-color="#4b6baf" stop-opacity="1"/>
-  </linearGradient>
- </defs>
-  <rect x="13.5" y="0.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_79"/>
-  <rect x="13.5" y="13.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_82"/>
-  <rect x="0.5" y="13.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_83"/>
-  <rect x="2.5" y="2.5" width="8" height="7" fill="#a0a0a0" stroke="#555555" id="svg_85"/>
-  <rect x="2.5" y="2.5" width="8" height="7" fill="url(#svg_90)" stroke="url(#svg_92)" id="svg_87"/>
-  <rect x="5.5" y="6.5" width="8" height="7" id="svg_84" fill="#7399d6" stroke="url(#svg_92)"/>
-  <rect x="0.5" y="0.5" width="2" height="2" id="svg_78" fill="#a0a0a0" stroke="#555555"/>
- </svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-4,.cls-5,.cls-6{fill:none;}.cls-2{fill:#fff;}.cls-2,.cls-4,.cls-5,.cls-6{stroke:#fff;}.cls-2,.cls-3,.cls-4,.cls-5,.cls-6{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.cls-3{fill:#f9ba00;stroke:#f9ba00;}.cls-5{stroke-dasharray:2.98 2.98;}.cls-6{stroke-dasharray:3.17 3.17;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="10.76" y="12.5" width="18.91" height="18.91"/><circle class="cls-3" cx="30.43" cy="28.04" r="10.21"/><polyline class="cls-4" points="46.39 42.15 46.39 43.65 44.89 43.65"/><line class="cls-5" x1="41.91" y1="43.65" x2="7.64" y2="43.65"/><polyline class="cls-4" points="6.15 43.65 4.65 43.65 4.65 42.15"/><line class="cls-6" x1="4.65" y1="38.99" x2="4.65" y2="8.9"/><polyline class="cls-4" points="4.65 7.32 4.65 5.82 6.15 5.82"/><line class="cls-5" x1="9.13" y1="5.82" x2="43.4" y2="5.82"/><polyline class="cls-4" points="44.89 5.82 46.39 5.82 46.39 7.32"/><line class="cls-6" x1="46.39" y1="10.48" x2="46.39" y2="40.57"/></g></g></svg>

dist/editor/images/handle.svg

@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
- <polygon points="5,5 14,10 5,15" fill="#000000" stroke="#000000" stroke-width="5"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.76 14.3"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:none;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><path class="cls-1" d="M9.14,8.5l-.36-5A1.62,1.62,0,0,1,8.83,3a1.33,1.33,0,0,1,.28-.42,1.23,1.23,0,0,1,.59-.34.52.52,0,0,1,.49.1.88.88,0,0,1,.14.51l.52,7.42L3.43,9.69a.9.9,0,0,1-.51-.13.52.52,0,0,1-.1-.49,1.26,1.26,0,0,1,.35-.59,1.18,1.18,0,0,1,.42-.29,1.63,1.63,0,0,1,.58,0Z"/><polyline class="cls-2" points="1.97 0 14.76 0 14.76 14.3 0 14.3 0 0 1.97 0"/></g></g></svg>

dist/editor/images/image.svg

@@ -1,19 +1 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
- <defs>
-  <linearGradient y2="1" x2="1" y1="0" x1="1" id="svg_25">
-   <stop stop-opacity="1" stop-color="#10284c" offset="0"/>
-   <stop stop-opacity="1" stop-color="#fddb8c" offset="1"/>
-  </linearGradient>
-  <linearGradient y2="0.75781" x2="0.99609" y1="0" x1="1" id="svg_23">
-   <stop stop-opacity="1" stop-color="#fddb8c" offset="0"/>
-   <stop stop-opacity="1" stop-color="#97c4ef" offset="1"/>
-  </linearGradient>
- </defs>
-  <rect x="1" y="3.83333" width="22" height="17" id="svg_18" fill="#202020" stroke="none"/>
-  <rect stroke-width="1.2" stroke="#ffffff" fill="#232947" id="svg_15" height="14" width="19" y="5.33333" x="2.5"/>
-  <rect fill="url(#svg_23)" id="svg_20" height="7.02244" width="15.96424" y="6.7266" x="4"/>
-  <rect fill="url(#svg_25)" id="svg_24" height="4.02393" width="15.96303" y="13.77454" x="4"/>
-  <circle fill="#ffffad" id="svg_26" r="1.83333" cy="9.82002" cx="7.13254"/>
-  <path d="m14.5696,13.77458l0.70243,-4.85313l-3.12899,4.85313l2.42656,0z" id="svg_14" fill="#212121" stroke="none"/>
-  <path d="m15.27203,8.98531c2.74584,0.06386 2.42657,4.21456 -0.63857,4.85313c0.70243,-1.27714 1.66028,-3.63985 0.63857,-4.85313z" id="svg_17" fill="#212121" stroke="none"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2{fill:none;}.cls-2{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.cls-3{fill:#fff;}.cls-4{fill:#f9ba00;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="2.64" y="10.73" width="44.67" height="27.85"/><circle class="cls-3" cx="13.71" cy="23.94" r="4.46"/><polygon class="cls-4" points="6.6 34.82 15.15 24.61 22.14 29.71 33.63 19.27 43.52 27.05 43.52 34.82 6.6 34.82"/></g></g></svg>

dist/editor/images/importImg.svg

@@ -1,10 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
- <defs>
-  <linearGradient y2="0.875" x2="0.21484" y1="0.00391" x1="0.04297" id="svg_46_import">
-   <stop stop-opacity="1" stop-color="#81f4bb" offset="0"/>
-   <stop stop-opacity="1" stop-color="#37b76e" offset="1"/>
-  </linearGradient>
- </defs>
- <rect x="2.42792" y="1.6692" width="18" height="21" id="svg_55" fill="#eaeaea" stroke="#606060"/>
-    <path stroke="#285582" fill="url(#svg_46_import)" id="svg_45" d="m7.14286,12.74903l5.21236,5.79151l5.50193,-5.88803l-2.50965,-0.09653l0,-2.79923c0,-2.3166 -2.3166,-5.59846 -6.56371,-5.59846c-4.05405,0 -6.27413,3.37838 -6.56371,6.75676c0.48263,-1.5444 2.7027,-4.53668 4.44015,-4.44015c2.12355,-0.09653 2.79923,1.64093 2.79923,3.37838l0.09653,2.79923l-2.41313,0.09653z"/>
-</svg></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-4{fill:none;}.cls-2{fill:#f9ba00;}.cls-2,.cls-3{stroke:#f9ba00;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;}.cls-3{fill:#fff;stroke-width:5px;}.cls-3,.cls-4{stroke-linecap:round;}.cls-4{stroke:#fff;stroke-width:2px;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><polygon class="cls-2" points="32.1 24.74 20.33 18.03 20.33 31.44 32.1 24.74"/><line class="cls-3" x1="23.94" y1="24.74" x2="7.63" y2="24.74"/><path class="cls-4" d="M12.75,19.77v-2A6.84,6.84,0,0,1,19.59,11H32.92a6.84,6.84,0,0,1,6.84,6.84V31.68a6.84,6.84,0,0,1-6.84,6.84H19.59a6.84,6.84,0,0,1-6.84-6.84V29.61"/></g></g></svg>

dist/editor/images/leftarrow.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-60 -60 120 120">
+            <path stroke-width="10" stroke="#f9bc01" fill="#f9bc01" d="m-50,0l100,40l-30,-40l30,-40z"/>
+        </svg></svg>

dist/editor/images/leftarrow_o.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-60 -60 120 120">
+            <path stroke-width="10" stroke="#f9bc01" fill="none" d="m-50,0l100,40l-30,-40l30,-40z"/>
+        </svg></svg>

dist/editor/images/library.svg

@@ -1,10 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 201 211">
- <g>
-  <path fill="#efe8b8" stroke="#d6c47c" stroke-linecap="round" d="m2.75,49.51761l56.56,-46.26761c12.73,8.25 25.71001,7 46.44,0.75l-56.03999,47.23944l-22.72002,25.01056l-24.23999,-26.73239z" id="svg_2" stroke-width="7"/>
-  <path fill="#a03333" stroke="#3f3f3f" d="m3.75,203.25002c14.33301,7 30.66699,7 46,0l0,-152.00002c-14.66699,8 -32.33301,8 -47,0l1,152.00002zm45.75,-152.25002l56.25,-46.75l0,151l-56,48.00002m-47.25,-154.25002l57.25,-46.5" id="svg_1" stroke-width="7" stroke-linecap="round"/>
-  <path fill="#efe8b8" stroke="#d6c47c" stroke-linecap="round" d="m49.75,49.51801l56.56,-46.26801c12.72998,8.25 25.71002,7 46.44,0.75l-56.03998,47.239l-22.72003,25.011l-24.23999,-26.73199z" stroke-width="7" id="svg_5"/>
-  <path fill="#2f8e2f" stroke="#3f3f3f" d="m50.75,202.25c14.33301,7 30.66699,7.04253 46,0.04253l0,-151.04253c-14.66699,8 -32.33301,8 -47,0l1,151zm45.75,-151.25l56.25,-46.75l0,144.01219l-56,51.98782m-47.25,-151.25002l57.25,-46.5" stroke-width="7" stroke-linecap="round" id="svg_6"/>
-  <path fill="#efe8b8" stroke="#d6c47c" stroke-linecap="round" d="m95.75,49.51801l56.56,-46.26801c12.72998,8.25 25.71002,7 46.44,0.75l-56.03998,47.239l-22.72003,25.011l-24.23999,-26.73199z" stroke-width="7" id="svg_10"/>
-  <path fill="#336393" stroke="#3f3f3f" d="m96.75,200.29445c14.33301,7 30.66699,7 46,0l0,-149.04445c-14.66699,8 -32.33301,8 -47,0l1,149.04445zm45.75,-149.29445l56.25,-46.75l0,148.04445l-56,48m-47.25,-151.29445l57.25,-46.5" stroke-width="7" stroke-linecap="round" id="svg_11"/>
- </g>
-</svg></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-4{fill:none;}.cls-2{fill:#fff;}.cls-3{fill:#f9ba00;}.cls-4{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><circle class="cls-2" cx="19.34" cy="24.42" r="4.86"/><polygon class="cls-3" points="37.37 36.3 13.55 36.3 13.55 33.94 20.91 25.15 28.54 30.72 37.43 22.65 37.37 36.3"/><polyline class="cls-4" points="5.88 18 25.52 7.9 45.16 18"/><line class="cls-4" x1="5.88" y1="41.88" x2="45.16" y2="41.88"/><line class="cls-4" x1="9.6" y1="20.67" x2="9.6" y2="37.41"/><line class="cls-4" x1="41.37" y1="20.67" x2="41.37" y2="37.41"/></g></g></svg>

dist/editor/images/linecap_butt.svg

@@ -1,14 +1 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:se="http://svg-edit.googlecode.com" xmlns:xlink="http://www.w3.org/1999/xlink">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <linearGradient id="svg_8" x1="0.8" y1="1" x2="0.2" y2="1">
-   <stop offset="0" stop-color="#000000" stop-opacity="1"/>
-   <stop offset="1" stop-color="#000000" stop-opacity="0"/>
-  </linearGradient>
- </defs>
- <g>
-  <rect fill="url(#svg_8)" stroke="#a0a0a0" stroke-width="2" x="-15.20196" y="43.5974" width="94.8373" height="50.3728" id="svg_3" transform="rotate(-45, 32.2148, 68.7832)"/>
-  <path id="svg_1" d="m6.63133,95.07755l59.17514,-59.17514" stroke-width="3" stroke="#fddb8c" fill="none"/>
-  <path id="svg_2" d="m51.62893,36.10742l13.05662,-13.05662l13.05661,13.05662l-13.05661,13.05662l-13.05662,-13.05662z" stroke="none" fill="#fddb8c"/>
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4{fill:#fff;stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="13.37" y="15.26" width="23.98" height="18.95"/><rect class="cls-3" x="35.51" y="22.4" width="4.67" height="4.67"/><line class="cls-4" x1="36.82" y1="24.78" x2="12.39" y2="24.78"/></g></g></svg>

dist/editor/images/linecap_round.svg

@@ -1,14 +1 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <linearGradient y2="1" x2="0.2" y1="1" x1="0.8" id="svg_8">
-   <stop stop-opacity="1" stop-color="#000000" offset="0"/>
-   <stop stop-opacity="0" stop-color="#000000" offset="1"/>
-  </linearGradient>
- </defs>
- <g>
-  <path transform="rotate(-45, 41.5117, 59.4648)" id="svg_3" d="m-19.0679,34.2946l94.8359,0c36.499,-1.4142 33.67101,48.9569 0,50.3711l-94.8359,0l0,-50.3711z" stroke-width="2" stroke="#a0a0a0" fill="url(#svg_8)"/>
-  <path id="svg_1" d="m6.63133,95.07755l59.17515,-59.17515" stroke-width="3" stroke="#fddb8c" fill="none"/>
-  <path id="svg_2" d="m51.62893,36.10742l13.05662,-13.05662l13.05661,13.05662l-13.05661,13.05662l-13.05662,-13.05662z" stroke="none" fill="#fddb8c"/>
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4{fill:#fff;stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="13.23" y="15.26" width="15.82" height="18.95"/><ellipse class="cls-2" cx="29.04" cy="24.74" rx="9.68" ry="9.48"/><rect class="cls-3" x="26.71" y="22.4" width="4.67" height="4.67"/><line class="cls-4" x1="30.36" y1="24.78" x2="12.24" y2="24.78"/></g></g></svg>

dist/editor/images/linecap_square.svg

@@ -1,14 +1 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:se="http://svg-edit.googlecode.com" xmlns:xlink="http://www.w3.org/1999/xlink">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <linearGradient id="svg_8" x1="0.8" y1="1" x2="0.2" y2="1">
-   <stop offset="0" stop-color="#000000" stop-opacity="1"/>
-   <stop offset="1" stop-color="#000000" stop-opacity="0"/>
-  </linearGradient>
- </defs>
- <g>
-  <rect fill="url(#svg_8)" stroke="none" x="-18.51568" y="35.5974" width="117.46469" height="50.3728" id="svg_3" transform="rotate(-45, 40.2168, 60.7832)"/>
-  <path id="svg_1" d="m6.63133,95.07755l59.17514,-59.17514" stroke-width="3" stroke="#fddb8c" fill="none"/>
-  <path id="svg_2" d="m51.62893,36.10742l13.05662,-13.05662l13.05661,13.05662l-13.05661,13.05662l-13.05662,-13.05662z" stroke="none" fill="#fddb8c"/>
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4{fill:#fff;stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="14.02" y="14.98" width="23.98" height="18.95"/><rect class="cls-3" x="27.5" y="22.12" width="4.67" height="4.67"/><line class="cls-4" x1="31.16" y1="24.51" x2="13.04" y2="24.51"/></g></g></svg>

dist/editor/images/linejoin_bevel.svg

@@ -1,14 +1 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <linearGradient y2="1" x2="0.2" y1="1" x1="0.8" id="svg_8">
-   <stop stop-opacity="1" stop-color="#000000" offset="0"/>
-   <stop stop-opacity="0" stop-color="#000000" offset="1"/>
-  </linearGradient>
- </defs>
- <g>
-  <path stroke-linejoin="bevel" fill="none" stroke="url(#svg_8)" stroke-width="49" d="m-15,-35l75,85l-75,75" id="svg_6"/>
-  <path transform="rotate(90, 57.8925, 50.2519)" fill="#fddb8c" stroke="none" d="m44.83592,50.25187l13.05661,-13.05663l13.05661,13.05663l-13.05661,13.05662l-13.05661,-13.05662z" id="svg_2"/>
-  <path id="svg_4" d="m-15,-35l75,85l-75,75" stroke-width="3" stroke="#fddb8c" fill="none"/>
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4{fill:#fff;stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="23.76" y="24.41" width="11.45" height="18.95" transform="translate(-4.4 63.38) rotate(-90)"/><polygon class="cls-2" points="38.96 30.44 11.01 30.44 11.01 11.49 27.71 11.49 38.96 22.5 38.96 30.44"/><rect class="cls-3" x="27.15" y="18.63" width="4.67" height="4.67"/><line class="cls-4" x1="29.49" y1="21.01" x2="10.06" y2="21.01"/><line class="cls-4" x1="29.49" y1="40.69" x2="29.49" y2="21.01"/></g></g></svg>

dist/editor/images/linejoin_miter.svg

@@ -1,14 +1 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <linearGradient y2="1" x2="0.2" y1="1" x1="0.8" id="svg_8">
-   <stop stop-opacity="1" stop-color="#000000" offset="0"/>
-   <stop stop-opacity="0" stop-color="#000000" offset="1"/>
-  </linearGradient>
- </defs>
- <g>
-  <path fill="none" stroke="url(#svg_8)" stroke-width="49" d="m-15,-35l75,85l-75,75" id="svg_6"/>
-  <path transform="rotate(90, 57.8925, 50.2519)" fill="#fddb8c" stroke="none" d="m44.83592,50.25187l13.05661,-13.05663l13.05661,13.05663l-13.05661,13.05662l-13.05661,-13.05662z" id="svg_2"/>
-  <path id="svg_4" d="m-15,-35l75,85l-75,75" stroke-width="3" stroke="#fddb8c" fill="none"/>
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4{fill:#fff;stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="14.47" y="16.4" width="28.13" height="18.95" transform="translate(2.66 54.41) rotate(-90)"/><rect class="cls-2" x="10.05" y="11.81" width="27.96" height="18.95"/><rect class="cls-3" x="26.2" y="18.95" width="4.67" height="4.67"/><line class="cls-4" x1="28.53" y1="21.33" x2="9.1" y2="21.33"/><line class="cls-4" x1="28.53" y1="41.01" x2="28.53" y2="21.33"/></g></g></svg>

dist/editor/images/linejoin_round.svg

@@ -1,14 +1 @@
-<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:se="http://svg-edit.googlecode.com">
- <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
- <defs>
-  <linearGradient y2="1" x2="0.2" y1="1" x1="0.8" id="svg_8">
-   <stop stop-opacity="1" stop-color="#000000" offset="0"/>
-   <stop stop-opacity="0" stop-color="#000000" offset="1"/>
-  </linearGradient>
- </defs>
- <g>
-  <path stroke-linejoin="round" fill="none" stroke="url(#svg_8)" stroke-width="49" d="m-15,-35l75,85l-75,75" id="svg_6"/>
-  <path transform="rotate(90, 57.8925, 50.2519)" fill="#fddb8c" stroke="none" d="m44.83592,50.25187l13.05661,-13.05663l13.05661,13.05663l-13.05661,13.05662l-13.05661,-13.05662z" id="svg_2"/>
-  <path id="svg_4" d="m-15,-35l75,85l-75,75" stroke-width="3" stroke="#fddb8c" fill="none"/>
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;}.cls-2,.cls-3,.cls-4{stroke-linejoin:round;stroke-width:2px;}.cls-3,.cls-4{fill:#fff;stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><ellipse class="cls-2" cx="30.29" cy="21.27" rx="9.68" ry="9.48"/><rect class="cls-2" x="21.2" y="21.1" width="18.6" height="18.95" transform="translate(-0.07 61.07) rotate(-90)"/><rect class="cls-2" x="12.02" y="11.75" width="18.48" height="18.95"/><rect class="cls-3" x="28.16" y="18.89" width="4.67" height="4.67"/><line class="cls-4" x1="30.5" y1="21.27" x2="11.07" y2="21.27"/><line class="cls-4" x1="30.5" y1="40.95" x2="30.5" y2="21.27"/></g></g></svg>

dist/editor/images/logo.svg

@@ -1,32 +1 @@
-<svg viewBox="0 0 478 472" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
- <defs>
-  <linearGradient id="svg_5" x1="0" y1="0" x2="1" y2="1">
-   <stop offset="0" stop-color="#ffffe0" stop-opacity="1"/>
-   <stop offset="1" stop-color="#edc39c" stop-opacity="1"/>
-  </linearGradient>
-  <linearGradient id="svg_10" x1="0.57031" y1="0.78125" x2="0.28906" y2="0.41406">
-   <stop offset="0" stop-color="#f9bc01" stop-opacity="1"/>
-   <stop offset="1" stop-color="#ffff00"/>
-  </linearGradient>
-  <linearGradient id="svg_18" x1="0.37891" y1="0.35938" x2="1" y2="1">
-   <stop offset="0" stop-color="#e0e0e0" stop-opacity="1"/>
-   <stop offset="1" stop-color="#fddb8c" stop-opacity="1"/>
-  </linearGradient>
- </defs>
- <g>
-  <title>Layer 1</title>
-  <path d="m68.82031,270.04688l-22,-33l17,-35l34,2l25,15l7,-35l28,-16l25,12l100,102l21,23l-15,35l-36,9l20,49l-31,24l-49,-17l-1,31l-33,21l-31,-19l-13,-35l-30,21l-30,-9l-5,-35l16,-31l-32,-6l-15,-19l3,-36l47,-18z" id="svg_19" fill="#ffffff"/>
-  <path fill="#1a171a" fill-rule="nonzero" id="path2902" d="m158.96452,155.03685c-25.02071,0 -45.37077,20.35121 -45.37077,45.3775c0,0.72217 0.01794,1.4399 0.0471,2.15645c-0.49339,-0.53604 -0.99355,-1.06085 -1.50603,-1.58452c-8.56077,-8.55519 -19.95982,-13.28413 -32.07432,-13.28413c-12.12122,0 -23.52027,4.72334 -32.08778,13.29646c-17.69347,17.69464 -17.69347,46.4619 0,64.17445c0.51809,0.51697 1.0485,1.0126 1.59015,1.50601c-0.72891,-0.03586 -1.45782,-0.04822 -2.19234,-0.04822c-25.02071,0 -45.37189,20.35117 -45.37189,45.37747c0,25.01398 20.35119,45.36517 45.37189,45.36517c0.72891,0 1.45221,-0.01236 2.1744,-0.04828c-0.5293,0.48221 -1.05412,0.98801 -1.56547,1.49368c-17.70021,17.68906 -17.70021,46.48654 -0.00628,64.18677c8.57872,8.56747 19.96655,13.2785 32.08778,13.2785c12.1145,0 23.5012,-4.71103 32.07433,-13.2785c0.51247,-0.51694 1.01823,-1.04849 1.50603,-1.57895c-0.02915,0.71213 -0.04709,1.44669 -0.04709,2.15759c0,25.01511 20.35007,45.37747 45.37077,45.37747c25.01398,0 45.37079,-20.3624 45.37079,-45.37747c0,-0.7222 -0.01689,-1.44553 -0.05266,-2.18112c0.48105,0.52933 0.97562,1.04849 1.48697,1.56662c8.57982,8.57977 19.97775,13.2908 32.1057,13.2908c12.11003,0 23.51358,-4.71103 32.0687,-13.2785c17.68906,-17.70013 17.68906,-46.48538 0,-64.17441c-0.50577,-0.4946 -1.01141,-1.00034 -1.54306,-1.48248c0.69983,0.03592 1.42316,0.04828 2.16992,0.04828c25.01514,0 45.35284,-20.35123 45.35284,-45.36517c0,-25.02631 -20.33774,-45.37747 -45.35284,-45.37747c-0.74683,0 -1.47009,0.01236 -2.19345,0.04822c0.53152,-0.49341 1.06082,-0.98904 1.59128,-1.50601c8.55521,-8.55521 13.2785,-19.94186 13.2785,-32.07545c0,-12.12793 -4.72336,-23.52028 -13.30319,-32.0934c-8.55515,-8.56076 -19.95866,-13.2841 -32.0687,-13.2841c-12.12122,0 -23.52025,4.72334 -32.08777,13.2841c-0.51137,0.5181 -1.01822,1.04851 -1.5049,1.57895c0.03586,-0.72331 0.05266,-1.43991 0.05266,-2.16881c0,-25.02629 -20.35681,-45.3775 -45.37079,-45.3775m0,20.71901c13.61607,0 24.65851,11.03122 24.65851,24.65849c0,6.62749 -2.651,12.62137 -6.9101,17.04979l0,51.67419l36.53975,-36.53523c0.12001,-6.14418 2.48277,-12.24686 7.18146,-16.94667c4.81305,-4.81305 11.12094,-7.22409 17.44116,-7.22409c6.30228,0 12.61577,2.41104 17.43552,7.22409c9.62166,9.63287 9.62166,25.24948 0,34.87669c-4.69977,4.68634 -10.80803,7.04915 -16.95334,7.18147l-36.5341,36.53305l51.66742,0c4.42841,-4.25351 10.42905,-6.90451 17.08008,-6.90451c13.59137,0 24.62933,11.03799 24.62933,24.66525c0,13.61606 -11.03796,24.66519 -24.62933,24.66519c-6.65106,0 -12.65167,-2.66333 -17.08008,-6.91681l-51.64836,0l36.50273,36.50946c6.16995,0.14465 12.26587,2.50522 16.96568,7.20618c9.6216,9.61487 9.6216,25.23151 0,34.85757c-4.80856,4.81979 -11.13327,7.22974 -17.43556,7.22974c-6.32019,0 -12.63371,-2.40991 -17.44786,-7.22974c-4.68074,-4.68744 -7.04802,-10.79572 -7.17473,-16.94098l-36.53975,-36.53415l0,51.66742c4.25908,4.44635 6.9101,10.43466 6.9101,17.0621c0,13.62729 -11.04243,24.66415 -24.65851,24.66415c-13.62166,0 -24.65848,-11.0369 -24.65848,-24.66415c0,-6.62744 2.64539,-12.61575 6.90335,-17.0621l0,-51.66742l-36.53864,36.54648c-0.12672,6.14413 -2.48838,12.26477 -7.18147,16.94098c-4.81416,4.81873 -11.12206,7.22974 -17.42882,7.22974c-6.31461,0 -12.6225,-2.41101 -17.43555,-7.22974c-9.63284,-9.62833 -9.63284,-25.24277 0,-34.8699c4.68073,-4.67627 10.79012,-7.05026 16.94101,-7.18262l36.533,-36.53302l-51.66632,0c-4.44075,4.25348 -10.42902,6.91681 -17.06211,6.91681c-13.61606,0 -24.65288,-11.04913 -24.65288,-24.66519c0,-13.62726 11.03682,-24.66525 24.65288,-24.66525c6.63309,0 12.62136,2.651 17.06211,6.90451l51.68537,0l-36.55208,-36.54538c-6.14527,-0.12 -12.25354,-2.49403 -16.94775,-7.19377c-9.62611,-9.61493 -9.62611,-25.23715 0,-34.86441c4.81419,-4.81305 11.12769,-7.22406 17.44228,-7.22406c6.30676,0 12.61465,2.41101 17.42883,7.22406c4.69978,4.69307 7.06034,10.80246 7.18144,16.94777l36.5386,36.53299l0,-51.66074c-4.25795,-4.42841 -6.90334,-10.42229 -6.90334,-17.04979c0,-13.62726 11.03682,-24.65848 24.65848,-24.65848"/>
-  <path d="m188.82031,210.04688l16,-47l155,-148l107,100l-158,156.99999l-44,12l-76,-74z" id="svg_6" fill="url(#svg_10)" stroke="#ffffff" stroke-width="0"/>
-  <path d="m335.57031,40.29688c-11.5,39.75 55.5,115.25 109.25,98.75l21,-20.99999l-103,-101l-27.25,23.25z" id="svg_11" fill="url(#svg_18)" stroke="#ffffff" stroke-width="0"/>
-  <rect x="272.80404" y="20.76382" width="42.35197" height="232.66835" id="svg_13" fill="#ffffff" stroke="#ffffff" stroke-width="0" transform="rotate(45.9094, 293.98, 137.1)" opacity="0.4"/>
-  <rect x="282.80404" y="22.76382" width="14" height="232.66835" fill="#ffffff" stroke="#ffffff" stroke-width="0" transform="rotate(45.9094, 289.805, 139.1)" opacity="0.4" id="svg_14"/>
-  <ellipse cx="415.13312" cy="64.38066" id="svg_12" fill="#ea7598" stroke="#ffffff" stroke-width="0" rx="67.79251" ry="34.82026" transform="rotate(39.4735, 415.133, 64.379)"/>
-  <path d="m212.07031,166.04688c-8.5,47 36.25,103.75 99.25,96.75l-152.5,53.25l53.25,-150z" id="svg_4" fill="url(#svg_5)" stroke="#ffffff" stroke-width="0"/>
-  <path d="m181.32031,242.54688c0.5,20.5 26.75,45 46.75,48.5l-66.25,20l19.5,-68.5z" id="svg_3" fill="#27382f" stroke="#ffffff" stroke-width="0"/>
- </g>
- <g>
-  <title>Layer 2</title>
-  <path d="m152.82031,317.04688l51,-152l157,-153c40,-12.00001 118,48 105,105l-157,152.99999l-156,47z" id="svg_1" fill="none" stroke="#800000" stroke-width="17"/>
- </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 50.52"><defs><style>.cls-1,.cls-3,.cls-5{fill:none;}.cls-2{fill:#f9ba00;}.cls-3,.cls-5{stroke:#fff;stroke-width:2px;}.cls-3{stroke-linecap:round;stroke-linejoin:round;}.cls-4{fill:#fff;}.cls-5{stroke-miterlimit:10;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><rect class="cls-1" y="1" width="51.04" height="49.47"/><circle class="cls-2" cx="4.93" cy="36.72" r="2.53"/><circle class="cls-2" cx="8.24" cy="28.61" r="2.53"/><circle class="cls-2" cx="16.24" cy="25.3" r="2.53"/><circle class="cls-2" cx="27.58" cy="36.64" r="2.53"/><circle class="cls-2" cx="24.3" cy="44.67" r="2.53"/><circle class="cls-2" cx="16.24" cy="47.99" r="2.53"/><circle class="cls-2" cx="8.24" cy="44.67" r="2.53"/><rect class="cls-2" x="6.34" y="38.33" width="13" height="3.49" transform="translate(-24.58 20.82) rotate(-45.01)"/><rect class="cls-2" x="14.5" y="25.3" width="3.49" height="22.68"/><rect class="cls-2" x="14.52" y="25.29" width="3.49" height="22.71" transform="translate(-21.14 22.23) rotate(-44.99)"/><rect class="cls-2" x="4.93" y="34.95" width="22.45" height="3.49" transform="translate(-0.08 0.03) rotate(-0.12)"/><line class="cls-3" x1="38.49" y1="10.3" x2="22.88" y2="29.54"/><polyline class="cls-3" points="37.65 1 18.31 25 16.01 38.25 28.21 33.38 47.74 9.13"/><path class="cls-4" d="M17,32.82a3.88,3.88,0,0,1,2.93.57,3.54,3.54,0,0,1,1.58,2.68L16,38.25Z"/><path class="cls-5" d="M19.11,24.67a15.65,15.65,0,0,0,3.77,4.87,18.57,18.57,0,0,0,5.7,2.94"/><path class="cls-5" d="M34.22,4.32a16.7,16.7,0,0,0,4,5.15,19.8,19.8,0,0,0,6.11,3.09"/><path class="cls-3" d="M48,8.8a18.54,18.54,0,0,1-5.7-2.93A33.51,33.51,0,0,1,37.64,1S42,2.18,43.87,3.68A24.51,24.51,0,0,1,48,8.8Z"/></g></g></svg>

dist/editor/images/mcircle.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-60 -60 120 120">
+            <circle stroke-width="10" stroke="#f9bc01" fill="#f9bc01" cy="0" cx="0" r="30"/>
+        </svg></svg>

dist/editor/images/mcircle_o.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-60 -60 120 120">
+            <circle stroke-width="10" stroke="#f9bc01" fill="none" cy="0" cx="0" r="30"/>
+        </svg></svg>

dist/editor/images/move_bottom.svg

@@ -1,14 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23">
- <defs>
-  <linearGradient y2="0" x2="1" y1="0" x1="0" id="svg_80">
-   <stop stop-opacity="1" stop-color="#bc7f05" offset="0"/>
-   <stop stop-opacity="1" stop-color="#fcfc9f" offset="1"/>
-  </linearGradient>
- </defs>
-  <line stroke-width="2" fill="none" stroke="#000000" id="svg_72" y2="2.5" x2="22" y1="2.5" x1="10.5"/>
-  <line id="svg_73" stroke-width="2" fill="none" stroke="#000000" y2="6.5" x2="21.99844" y1="6.5" x1="10.49844"/>
-  <line id="svg_74" stroke-width="2" fill="none" stroke="#000000" y2="10.5" x2="21.99922" y1="10.5" x1="10.49922"/>
-  <line id="svg_75" stroke-width="2" fill="none" stroke="#000000" y2="14.5" x2="21.99922" y1="14.5" x1="10.49922"/>
-  <rect stroke="#000000" fill="url(#svg_80)" id="svg_77" height="2.2" width="20" y="17.65" x="1.65"/>
-  <path stroke="none" fill="#000000" id="svg_81" d="m4.25,1.55l2.35,0l0,11.05l2,0l-3.175,3.45l-3.175,-3.45l2,0l0,-11.05z"/>
- </svg></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-3{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.cls-3{stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><rect class="cls-2" x="8.38" y="16.74" width="24.79" height="24.79"/><rect class="cls-3" x="17.88" y="7.94" width="24.79" height="24.79"/></g></g></svg>

dist/editor/images/move_top.svg

@@ -1,14 +1 @@
-<svg viewBox="0 0 23 23" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <defs>
-  <linearGradient id="svg_86" x1="0" y1="0" x2="1" y2="0">
-   <stop offset="0" stop-color="#9fdcf4" stop-opacity="1"/>
-   <stop offset="1" stop-color="#617e96" stop-opacity="1"/>
-  </linearGradient>
- </defs>
-  <line x1="1.3" y1="8.19922" x2="12.8" y2="8.19922" id="svg_72" stroke="#000000" fill="none" stroke-width="2"/>
-  <line x1="1.29844" y1="12.19922" x2="12.79844" y2="12.19922" stroke="#000000" fill="none" stroke-width="2" id="svg_73"/>
-  <line x1="1.29922" y1="16.19922" x2="12.79922" y2="16.19922" stroke="#000000" fill="none" stroke-width="2" id="svg_74"/>
-  <line x1="1.29922" y1="20.19922" x2="12.79922" y2="20.19922" stroke="#000000" fill="none" stroke-width="2" id="svg_75"/>
-  <rect x="1.55" y="1.85" width="20" height="3.2" id="svg_77" fill="url(#svg_86)" stroke="#000000"/>
-  <path d="m16.83475,21.14603l2.33207,0l0,-11.04578l1.98474,0l-3.15077,-3.44869l-3.15077,3.44869l1.98474,0l0,11.04578z" id="svg_81" fill="#000000" stroke="none"/>
- </svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2{fill:none;}.cls-2{stroke:#fff;}.cls-2,.cls-3{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.cls-3{fill:#f9ba00;stroke:#f9ba00;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><polygon class="cls-2" points="17.79 32.73 17.79 16.74 8.29 16.74 8.29 41.54 33.08 41.54 33.08 32.73 17.79 32.73"/><rect class="cls-3" x="17.79" y="7.94" width="24.79" height="24.79"/></g></g></svg>

dist/editor/images/new.svg

@@ -1,10 +1 @@
-<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <rect x="2.42792" y="1.6692" width="18" height="21" id="svg_55" fill="#eaeaea" stroke="#606060"/>
-  <circle stroke="none" fill="url(#svg_9)" id="svg_65" r="6.300781" cy="7.529969" cx="17.761984"/>
- <defs>
-  <radialGradient id="svg_9" cx="0.5" cy="0.5" r="0.5">
-   <stop offset="0.1" stop-color="#ffe500" stop-opacity="1"/>
-   <stop offset="1" stop-color="#ffff00" stop-opacity="0"/>
-  </radialGradient>
- </defs>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-2{fill:none;}.cls-2{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.cls-3{fill:#fff;}.cls-4{fill:#f9ba00;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><polygon class="cls-2" points="10.69 5.76 10.69 42.83 40.64 42.83 40.64 15.88 30.41 5.76 10.69 5.76"/><polyline class="cls-2" points="30.41 5.76 30.41 15.88 40.64 15.88"/><circle class="cls-3" cx="19.5" cy="26.69" r="4.8"/><polygon class="cls-4" points="37.31 38.43 13.78 38.43 13.78 36.1 21.05 27.41 28.59 32.92 37.37 24.94 37.31 38.43"/></g></g></svg>

dist/editor/images/nomarker.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-60 -60 120 120">
+            <path stroke-width="10" stroke="#f9bc01" fill="#f9bc01" d="m-50,0l100,0"/>
+        </svg></svg>

dist/editor/images/open.svg

@@ -1,15 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink" class="svg_icon"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 22 22">
- <defs>
-  <linearGradient y2="0.91406" x2="0.65234" y1="0.14063" x1="0.42578" id="svg_76">
-   <stop stop-opacity="1" stop-color="#81bbf4" offset="0"/>
-   <stop stop-opacity="1" stop-color="#376eb7" offset="1"/>
-  </linearGradient>
- </defs>
-  <rect x="1.65" y="3.75" width="9.8" height="16.72712" id="svg_98" fill="#fddb8c" stroke="#606060"/>
-  <rect stroke="none" fill="#a0a0a0" id="svg_88" height="14.17459" width="6.39585" y="4.9758" x="2.89542"/>
-  <path d="m18.62576,4.54365l0,6.91443l-9.9395,0l-0.08643,-10.11236l6.828,0l3.19792,3.19793z" id="svg_99" fill="#e0e0e0" stroke="#404040"/>
-  <path d="m2.95,20.53644l1.65,-12.03644l16.2,0l-1.5,12l-16.35,0.03643z" id="svg_97" fill="url(#svg_76)" stroke="#285582"/>
-  <line fill="none" stroke="#606060" id="svg_89" y2="4.28436" x2="13.95851" y1="4.28436" x1="10.32844"/>
-  <line fill="none" stroke="#606060" id="svg_91" y2="6.53155" x2="14.82282" y1="6.53155" x1="10.32844"/>
-  <path stroke="none" fill="#ffffff" id="svg_100" d="m15.25895,1.95069l-0.00401,2.85225l2.89558,0.00004l-2.89157,-2.85229z"/>
-</svg></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1,.cls-3{fill:none;}.cls-2{fill:#f9ba00;stroke:#f9ba00;}.cls-2,.cls-3{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}.cls-3{stroke:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><polyline class="cls-2" points="9.92 16.79 3.54 43.73 3.54 11.62 9.07 11.62 11.56 5.74 21.7 5.74 23.68 11.62 43.82 11.62 43.82 16.79"/><polygon class="cls-3" points="3.54 43.73 9.92 16.79 49.04 16.79 43.82 43.73 3.54 43.73"/></g></g></svg>

dist/editor/images/panning.svg

@@ -1,8 +1 @@
-
-    <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
-     <linearGradient y2="1" x2="1" y1="0.10156" x1="0.36328" id="svg_2">
-      <stop stop-opacity="1" stop-color="#ffffff" offset="0"/>
-      <stop stop-opacity="1" stop-color="#fddb8c" offset="1"/>
-    </linearGradient>
-        <path d="m8.00038,150.84583l51.60005,-51.78485l0,25.89205l26.28711,0l35.45559,-0.20444l-0.72941,-24.34613l0.93304,-37.61812l-25.79949,0l51.5997,-51.78508l51.60047,51.78508l-25.80024,0l0,33.87256l1.13677,26.21891l21.45996,2.07722l39.3497,0l0,-25.89205l51.60043,51.78485l-51.60043,51.78563l0,-25.89281l-38.41666,-0.93639l-20.52692,0.20445l-3.00285,42.13754l0,20.76308l25.80024,0l-51.60047,51.78561l-51.5997,-51.78561l25.79949,0l0,-20.76308l0.72941,-41.20115l-41.98688,-0.20445l-20.68886,0l0,25.89281l-51.60005,-51.78563z" fill="url(#svg_2)" id="svg_1" stroke="#000000" stroke-width="10"/>
-    </svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.04 49.47"><defs><style>.cls-1{fill:none;}.cls-2{fill:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polyline class="cls-1" points="6.8 0 51.04 0 51.04 49.47 0 49.47 0 0 6.8 0"/><path class="cls-2" d="M21.72,41.87a7.19,7.19,0,0,0-1.81-4.11c-2.8-2.95-6.68-7.1-7.49-8.27-1.29-1.88-3.16-4.88.28-3.72,2.25.76,7,5.31,7.57,4.16,1-1.86-2.86-12.53-3.6-14.67-.82-2.41-.19-3.43-.19-3.43s1.39-1,2.74,1.72c2.09,4.15,4.45,9.33,4.45,9.33s.41-12,.51-13.62.05-2.75,1.61-2.75,1.53,1.24,1.53,3.3,1.16,13.81,1.16,13.81L31.21,11s.64-1.87,2-1.61,1.12,2.23,1.12,2.23L32.64,24.84l4.1-7.15s1.17-1.71,2.13-1.2,0,2.72,0,2.72-3.83,8.57-3.7,9.67,0,2.88.24,5.53c.24,2.82-1.8,5.47-2.08,7.61,0,0-.95,1-4,.94A47.65,47.65,0,0,1,21.72,41.87Z"/></g></g></svg>