From 86fcc112c95a10bb6b080c338285b4b68eb27b3b Mon Sep 17 00:00:00 2001
From: JFH <20402845+jfhenon@users.noreply.github.com>
Date: Mon, 9 Jan 2023 08:32:54 +0100
Subject: [PATCH] fix CI issue and package upgrades (#869)

---
 coverage/coverage-summary.json                |  69 ++-
 cypress.config.mjs                            |   2 +
 ...scenario-check tool_text_align_to_page.svg |   2 +-
 .../scenario1-check tool_image.svg            |   7 -
 .../scenario1-check tool_shape.svg            |   6 -
 .../scenario2-check tool_circle.svg           |   2 +-
 ...o2-check tool_circle_change_fill_color.svg |   6 +-
 ...ario2-check tool_circle_change_opacity.svg |   6 +-
 .../scenario2-check tool_ellipse.svg          |   6 +-
 ...ario2-check tool_ellipse_bring_to_back.svg |   6 +-
 ...rio2-check tool_ellipse_bring_to_front.svg |   6 +-
 ...enario2-check tool_ellipse_change_blur.svg |   6 +-
 ...k tool_ellipse_change_cx_cy_coordinate.svg |   6 +-
 ...io2-check tool_ellipse_change_rotation.svg |   6 +-
 ...check tool_ellipse_change_rx_ry_radius.svg |   6 +-
 .../scenario2-check tool_ellipse_clone.svg    |   8 +-
 .../scenario2-check tool_fhellipse.svg        |   4 +-
 .../scenario3-check tool_path.svg             |   2 +-
 ...rio3-check tool_path_change_clone_node.svg |   2 +-
 ...enario3-check tool_path_change_node_xy.svg |   2 +-
 ...nario3-check tool_path_change_seg_type.svg |   2 +-
 .../scenario3-check tool_path_openclose.svg   |   2 +-
 .../scenario4-check tool_fhrect.svg           |   2 +-
 ...-check tool_fhrect_change_width_height.svg |   2 +-
 ...heck tool_fhrect_change_x_y_coordinate.svg |   2 +-
 .../scenario4-check tool_rect_change_blur.svg |   4 +-
 ...rio4-check tool_rect_change_fill_color.svg |   4 +-
 ...enario4-check tool_rect_change_opacity.svg |   4 +-
 ...nario4-check tool_rect_change_rotation.svg |   4 +-
 ...enario4-check tool_rect_change_to_path.svg |   4 +-
 .../scenario4-check tool_rect_delete.svg      |   2 +-
 .../scenario4-check tool_square.svg           |   4 +-
 ...nario4-check tool_square_bring_to_back.svg |   4 +-
 ...ario4-check tool_square_bring_to_front.svg |   4 +-
 ...check tool_square_change_corner_radius.svg |   4 +-
 .../scenario4-check tool_square_clone.svg     |   4 +-
 ...cenario5-check tool_line_align_to_page.svg |   2 +-
 .../scenario6-check tool_polygon.svg          |   2 +-
 ...ario6-check tool_polygon_align_to_page.svg |   2 +-
 ...ario6-check tool_polygon_bring_to_back.svg |   4 +-
 ...rio6-check tool_polygon_bring_to_front.svg |   4 +-
 ...enario6-check tool_polygon_change_blur.svg |   4 +-
 ...rio6-check tool_polygon_change_opacity.svg |   4 +-
 ...io6-check tool_polygon_change_rotation.svg |   4 +-
 ...nario6-check tool_polygon_change_sides.svg |   2 +-
 ...k tool_polygon_change_stoke_fill_color.svg |   2 +-
 ...check tool_polygon_change_stroke_width.svg |   2 +-
 .../scenario6-check tool_polygon_clone.svg    |   4 +-
 .../scenario6-check tool_polygon_delete.svg   |   2 +-
 .../scenario7-check tool_star.svg             |   2 +-
 ...cenario7-check tool_star_align_to_page.svg |   2 +-
 ...cenario7-check tool_star_bring_to_back.svg |   4 +-
 ...enario7-check tool_star_bring_to_front.svg |   4 +-
 .../scenario7-check tool_star_change_blur.svg |   4 +-
 ...enario7-check tool_star_change_opacity.svg |   4 +-
 ...nario7-check tool_star_change_rotation.svg |   4 +-
 ...scenario7-check tool_star_change_sides.svg |   2 +-
 ...heck tool_star_change_stoke_fill_color.svg |   2 +-
 ...o7-check tool_star_change_stroke_width.svg |   2 +-
 .../scenario7-check tool_star_clone.svg       |   4 +-
 .../scenario7-check tool_star_delete.svg      |   2 +-
 cypress/e2e/ui/issues/issue-752.cy.js         |   2 +-
 cypress/e2e/ui/scenario.cy.js                 |   2 +-
 cypress/e2e/ui/scenario2.cy.js                |  28 +-
 cypress/e2e/unit/zoom.cy.js                   |  25 +-
 cypress/plugins/main.js                       |   3 -
 cypress/support/ui-test-helper.js             |  11 +-
 package-lock.json                             | 449 +++++++++---------
 package.json                                  |  22 +-
 69 files changed, 448 insertions(+), 380 deletions(-)
 delete mode 100644 cypress/__svgSnapshots__/scenario1-check tool_image.svg
 delete mode 100644 cypress/__svgSnapshots__/scenario1-check tool_shape.svg

diff --git a/coverage/coverage-summary.json b/coverage/coverage-summary.json
index 80354549..922dfa6f 100644
--- a/coverage/coverage-summary.json
+++ b/coverage/coverage-summary.json
@@ -1,2 +1,69 @@
-{"total": {"lines":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"},"statements":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"},"functions":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"},"branches":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"}}
+{"total": {"lines":{"total":6260,"covered":3507,"skipped":0,"pct":56.02},"statements":{"total":6571,"covered":3601,"skipped":0,"pct":54.8},"functions":{"total":949,"covered":454,"skipped":0,"pct":47.84},"branches":{"total":3223,"covered":1288,"skipped":0,"pct":39.96}}
+,"/Users/jfhenon/Work/svgedit/packages/svgcanvas/common/browser.js": {"lines":{"total":25,"covered":24,"skipped":0,"pct":96},"functions":{"total":6,"covered":2,"skipped":0,"pct":33.33},"statements":{"total":30,"covered":25,"skipped":0,"pct":83.33},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/packages/svgcanvas/common/util.js": {"lines":{"total":90,"covered":8,"skipped":0,"pct":8.89},"functions":{"total":7,"covered":3,"skipped":0,"pct":42.86},"statements":{"total":92,"covered":10,"skipped":0,"pct":10.87},"branches":{"total":98,"covered":10,"skipped":0,"pct":10.2}}
+,"/Users/jfhenon/Work/svgedit/src/editor/ConfigObj.js": {"lines":{"total":101,"covered":46,"skipped":0,"pct":45.54},"functions":{"total":14,"covered":11,"skipped":0,"pct":78.57},"statements":{"total":102,"covered":46,"skipped":0,"pct":45.1},"branches":{"total":96,"covered":30,"skipped":0,"pct":31.25}}
+,"/Users/jfhenon/Work/svgedit/src/editor/Editor.js": {"lines":{"total":410,"covered":184,"skipped":0,"pct":44.88},"functions":{"total":102,"covered":32,"skipped":0,"pct":31.37},"statements":{"total":417,"covered":185,"skipped":0,"pct":44.36},"branches":{"total":213,"covered":66,"skipped":0,"pct":30.99}}
+,"/Users/jfhenon/Work/svgedit/src/editor/EditorStartup.js": {"lines":{"total":346,"covered":210,"skipped":0,"pct":60.69},"functions":{"total":51,"covered":25,"skipped":0,"pct":49.02},"statements":{"total":357,"covered":218,"skipped":0,"pct":61.06},"branches":{"total":122,"covered":38,"skipped":0,"pct":31.15}}
+,"/Users/jfhenon/Work/svgedit/src/editor/MainMenu.js": {"lines":{"total":111,"covered":44,"skipped":0,"pct":39.64},"functions":{"total":14,"covered":7,"skipped":0,"pct":50},"statements":{"total":111,"covered":44,"skipped":0,"pct":39.64},"branches":{"total":48,"covered":7,"skipped":0,"pct":14.58}}
+,"/Users/jfhenon/Work/svgedit/src/editor/Rulers.js": {"lines":{"total":119,"covered":91,"skipped":0,"pct":76.47},"functions":{"total":6,"covered":4,"skipped":0,"pct":66.67},"statements":{"total":124,"covered":94,"skipped":0,"pct":75.81},"branches":{"total":43,"covered":30,"skipped":0,"pct":69.77}}
+,"/Users/jfhenon/Work/svgedit/src/editor/browser-not-supported.js": {"lines":{"total":4,"covered":3,"skipped":0,"pct":75},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":4,"covered":3,"skipped":0,"pct":75},"branches":{"total":4,"covered":3,"skipped":0,"pct":75}}
+,"/Users/jfhenon/Work/svgedit/src/editor/contextmenu.js": {"lines":{"total":22,"covered":9,"skipped":0,"pct":40.91},"functions":{"total":8,"covered":1,"skipped":0,"pct":12.5},"statements":{"total":23,"covered":9,"skipped":0,"pct":39.13},"branches":{"total":13,"covered":0,"skipped":0,"pct":0}}
+,"/Users/jfhenon/Work/svgedit/src/editor/locale.js": {"lines":{"total":14,"covered":9,"skipped":0,"pct":64.29},"functions":{"total":2,"covered":2,"skipped":0,"pct":100},"statements":{"total":14,"covered":9,"skipped":0,"pct":64.29},"branches":{"total":10,"covered":3,"skipped":0,"pct":30}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/PaintBox.js": {"lines":{"total":64,"covered":35,"skipped":0,"pct":54.69},"functions":{"total":4,"covered":4,"skipped":0,"pct":100},"statements":{"total":67,"covered":35,"skipped":0,"pct":52.24},"branches":{"total":33,"covered":11,"skipped":0,"pct":33.33}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/index.js": {"lines":{"total":0,"covered":0,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":0,"covered":0,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/seButton.js": {"lines":{"total":57,"covered":40,"skipped":0,"pct":70.18},"functions":{"total":15,"covered":7,"skipped":0,"pct":46.67},"statements":{"total":60,"covered":42,"skipped":0,"pct":70},"branches":{"total":33,"covered":23,"skipped":0,"pct":69.7}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/seColorPicker.js": {"lines":{"total":50,"covered":41,"skipped":0,"pct":82},"functions":{"total":16,"covered":11,"skipped":0,"pct":68.75},"statements":{"total":51,"covered":41,"skipped":0,"pct":80.39},"branches":{"total":11,"covered":8,"skipped":0,"pct":72.73}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/seExplorerButton.js": {"lines":{"total":95,"covered":72,"skipped":0,"pct":75.79},"functions":{"total":17,"covered":10,"skipped":0,"pct":58.82},"statements":{"total":98,"covered":72,"skipped":0,"pct":73.47},"branches":{"total":30,"covered":17,"skipped":0,"pct":56.67}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/seFlyingButton.js": {"lines":{"total":74,"covered":42,"skipped":0,"pct":56.76},"functions":{"total":14,"covered":8,"skipped":0,"pct":57.14},"statements":{"total":75,"covered":42,"skipped":0,"pct":56},"branches":{"total":29,"covered":9,"skipped":0,"pct":31.03}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/seInput.js": {"lines":{"total":46,"covered":31,"skipped":0,"pct":67.39},"functions":{"total":16,"covered":8,"skipped":0,"pct":50},"statements":{"total":47,"covered":31,"skipped":0,"pct":65.96},"branches":{"total":8,"covered":4,"skipped":0,"pct":50}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/seList.js": {"lines":{"total":87,"covered":59,"skipped":0,"pct":67.82},"functions":{"total":21,"covered":10,"skipped":0,"pct":47.62},"statements":{"total":89,"covered":61,"skipped":0,"pct":68.54},"branches":{"total":22,"covered":12,"skipped":0,"pct":54.55}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/seListItem.js": {"lines":{"total":39,"covered":26,"skipped":0,"pct":66.67},"functions":{"total":12,"covered":4,"skipped":0,"pct":33.33},"statements":{"total":40,"covered":27,"skipped":0,"pct":67.5},"branches":{"total":10,"covered":8,"skipped":0,"pct":80}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/seMenu.js": {"lines":{"total":26,"covered":20,"skipped":0,"pct":76.92},"functions":{"total":7,"covered":3,"skipped":0,"pct":42.86},"statements":{"total":27,"covered":20,"skipped":0,"pct":74.07},"branches":{"total":5,"covered":3,"skipped":0,"pct":60}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/seMenuItem.js": {"lines":{"total":37,"covered":26,"skipped":0,"pct":70.27},"functions":{"total":9,"covered":5,"skipped":0,"pct":55.56},"statements":{"total":40,"covered":27,"skipped":0,"pct":67.5},"branches":{"total":19,"covered":8,"skipped":0,"pct":42.11}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/sePalette.js": {"lines":{"total":33,"covered":32,"skipped":0,"pct":96.97},"functions":{"total":7,"covered":7,"skipped":0,"pct":100},"statements":{"total":33,"covered":32,"skipped":0,"pct":96.97},"branches":{"total":13,"covered":10,"skipped":0,"pct":76.92}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/sePlainBorderButton.js": {"lines":{"total":3,"covered":3,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":3,"covered":3,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/sePlainMenuButton.js": {"lines":{"total":2,"covered":2,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":2,"covered":2,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/seSelect.js": {"lines":{"total":56,"covered":45,"skipped":0,"pct":80.36},"functions":{"total":17,"covered":9,"skipped":0,"pct":52.94},"statements":{"total":59,"covered":47,"skipped":0,"pct":79.66},"branches":{"total":16,"covered":14,"skipped":0,"pct":87.5}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/seSpinInput.js": {"lines":{"total":65,"covered":55,"skipped":0,"pct":84.62},"functions":{"total":18,"covered":10,"skipped":0,"pct":55.56},"statements":{"total":66,"covered":55,"skipped":0,"pct":83.33},"branches":{"total":17,"covered":13,"skipped":0,"pct":76.47}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/seText.js": {"lines":{"total":28,"covered":18,"skipped":0,"pct":64.29},"functions":{"total":10,"covered":4,"skipped":0,"pct":40},"statements":{"total":29,"covered":18,"skipped":0,"pct":62.07},"branches":{"total":8,"covered":5,"skipped":0,"pct":62.5}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/seZoom.js": {"lines":{"total":99,"covered":62,"skipped":0,"pct":62.63},"functions":{"total":28,"covered":9,"skipped":0,"pct":32.14},"statements":{"total":104,"covered":63,"skipped":0,"pct":60.58},"branches":{"total":36,"covered":7,"skipped":0,"pct":19.44}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/jgraduate/ColorValuePicker.js": {"lines":{"total":231,"covered":54,"skipped":0,"pct":23.38},"functions":{"total":9,"covered":3,"skipped":0,"pct":33.33},"statements":{"total":249,"covered":63,"skipped":0,"pct":25.3},"branches":{"total":157,"covered":34,"skipped":0,"pct":21.66}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/jgraduate/Slider.js": {"lines":{"total":156,"covered":91,"skipped":0,"pct":58.33},"functions":{"total":17,"covered":9,"skipped":0,"pct":52.94},"statements":{"total":176,"covered":96,"skipped":0,"pct":54.55},"branches":{"total":186,"covered":96,"skipped":0,"pct":51.61}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/jgraduate/jQuery.jGraduate.js": {"lines":{"total":580,"covered":275,"skipped":0,"pct":47.41},"functions":{"total":44,"covered":14,"skipped":0,"pct":31.82},"statements":{"total":602,"covered":281,"skipped":0,"pct":46.68},"branches":{"total":278,"covered":99,"skipped":0,"pct":35.61}}
+,"/Users/jfhenon/Work/svgedit/src/editor/components/jgraduate/jQuery.jPicker.js": {"lines":{"total":840,"covered":449,"skipped":0,"pct":53.45},"functions":{"total":60,"covered":39,"skipped":0,"pct":65},"statements":{"total":926,"covered":475,"skipped":0,"pct":51.3},"branches":{"total":777,"covered":327,"skipped":0,"pct":42.08}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/SePlainAlertDialog.js": {"lines":{"total":7,"covered":1,"skipped":0,"pct":14.29},"functions":{"total":1,"covered":0,"skipped":0,"pct":0},"statements":{"total":7,"covered":1,"skipped":0,"pct":14.29},"branches":{"total":2,"covered":0,"skipped":0,"pct":0}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/cmenuDialog.js": {"lines":{"total":120,"covered":112,"skipped":0,"pct":93.33},"functions":{"total":28,"covered":15,"skipped":0,"pct":53.57},"statements":{"total":131,"covered":116,"skipped":0,"pct":88.55},"branches":{"total":23,"covered":19,"skipped":0,"pct":82.61}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/cmenuLayersDialog.js": {"lines":{"total":61,"covered":49,"skipped":0,"pct":80.33},"functions":{"total":16,"covered":6,"skipped":0,"pct":37.5},"statements":{"total":66,"covered":49,"skipped":0,"pct":74.24},"branches":{"total":18,"covered":13,"skipped":0,"pct":72.22}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/editorPreferencesDialog.js": {"lines":{"total":157,"covered":124,"skipped":0,"pct":78.98},"functions":{"total":30,"covered":9,"skipped":0,"pct":30},"statements":{"total":159,"covered":125,"skipped":0,"pct":78.62},"branches":{"total":46,"covered":34,"skipped":0,"pct":73.91}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/exportDialog.js": {"lines":{"total":55,"covered":39,"skipped":0,"pct":70.91},"functions":{"total":14,"covered":5,"skipped":0,"pct":35.71},"statements":{"total":58,"covered":39,"skipped":0,"pct":67.24},"branches":{"total":12,"covered":6,"skipped":0,"pct":50}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/imagePropertiesDialog.js": {"lines":{"total":161,"covered":90,"skipped":0,"pct":55.9},"functions":{"total":20,"covered":5,"skipped":0,"pct":25},"statements":{"total":162,"covered":90,"skipped":0,"pct":55.56},"branches":{"total":53,"covered":23,"skipped":0,"pct":43.4}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/index.js": {"lines":{"total":0,"covered":0,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":0,"covered":0,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/seAlertDialog.js": {"lines":{"total":6,"covered":2,"skipped":0,"pct":33.33},"functions":{"total":1,"covered":0,"skipped":0,"pct":0},"statements":{"total":6,"covered":2,"skipped":0,"pct":33.33},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/seConfirmDialog.js": {"lines":{"total":8,"covered":2,"skipped":0,"pct":25},"functions":{"total":1,"covered":0,"skipped":0,"pct":0},"statements":{"total":8,"covered":2,"skipped":0,"pct":25},"branches":{"total":2,"covered":0,"skipped":0,"pct":0}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/sePromptDialog.js": {"lines":{"total":24,"covered":5,"skipped":0,"pct":20.83},"functions":{"total":7,"covered":2,"skipped":0,"pct":28.57},"statements":{"total":24,"covered":5,"skipped":0,"pct":20.83},"branches":{"total":9,"covered":0,"skipped":0,"pct":0}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/seSelectDialog.js": {"lines":{"total":8,"covered":2,"skipped":0,"pct":25},"functions":{"total":1,"covered":0,"skipped":0,"pct":0},"statements":{"total":8,"covered":2,"skipped":0,"pct":25},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/svgSourceDialog.js": {"lines":{"total":74,"covered":56,"skipped":0,"pct":75.68},"functions":{"total":17,"covered":6,"skipped":0,"pct":35.29},"statements":{"total":75,"covered":56,"skipped":0,"pct":74.67},"branches":{"total":17,"covered":13,"skipped":0,"pct":76.47}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/se-elix/define/NumberSpinBox.js": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/se-elix/src/base/NumberSpinBox.js": {"lines":{"total":54,"covered":52,"skipped":0,"pct":96.3},"functions":{"total":13,"covered":11,"skipped":0,"pct":84.62},"statements":{"total":54,"covered":52,"skipped":0,"pct":96.3},"branches":{"total":53,"covered":46,"skipped":0,"pct":86.79}}
+,"/Users/jfhenon/Work/svgedit/src/editor/dialogs/se-elix/src/plain/PlainNumberSpinBox.js": {"lines":{"total":0,"covered":0,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":0,"covered":0,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-eyedropper/ext-eyedropper.js": {"lines":{"total":60,"covered":39,"skipped":0,"pct":65},"functions":{"total":8,"covered":5,"skipped":0,"pct":62.5},"statements":{"total":71,"covered":39,"skipped":0,"pct":54.93},"branches":{"total":39,"covered":14,"skipped":0,"pct":35.9}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-eyedropper/locale/en.js": {"lines":{"total":0,"covered":0,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":0,"covered":0,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-grid/ext-grid.js": {"lines":{"total":88,"covered":43,"skipped":0,"pct":48.86},"functions":{"total":8,"covered":4,"skipped":0,"pct":50},"statements":{"total":90,"covered":43,"skipped":0,"pct":47.78},"branches":{"total":10,"covered":4,"skipped":0,"pct":40}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-grid/locale/en.js": {"lines":{"total":0,"covered":0,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":0,"covered":0,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-markers/ext-markers.js": {"lines":{"total":149,"covered":46,"skipped":0,"pct":30.87},"functions":{"total":21,"covered":12,"skipped":0,"pct":57.14},"statements":{"total":164,"covered":48,"skipped":0,"pct":29.27},"branches":{"total":80,"covered":22,"skipped":0,"pct":27.5}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-opensave/ext-opensave.js": {"lines":{"total":136,"covered":36,"skipped":0,"pct":26.47},"functions":{"total":13,"covered":3,"skipped":0,"pct":23.08},"statements":{"total":141,"covered":36,"skipped":0,"pct":25.53},"branches":{"total":32,"covered":0,"skipped":0,"pct":0}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-opensave/locale/en.js": {"lines":{"total":0,"covered":0,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":0,"covered":0,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-panning/ext-panning.js": {"lines":{"total":30,"covered":22,"skipped":0,"pct":73.33},"functions":{"total":7,"covered":6,"skipped":0,"pct":85.71},"statements":{"total":30,"covered":22,"skipped":0,"pct":73.33},"branches":{"total":6,"covered":2,"skipped":0,"pct":33.33}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-panning/locale/en.js": {"lines":{"total":0,"covered":0,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":0,"covered":0,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-polystar/ext-polystar.js": {"lines":{"total":247,"covered":63,"skipped":0,"pct":25.51},"functions":{"total":18,"covered":8,"skipped":0,"pct":44.44},"statements":{"total":256,"covered":63,"skipped":0,"pct":24.61},"branches":{"total":62,"covered":10,"skipped":0,"pct":16.13}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-polystar/locale/en.js": {"lines":{"total":0,"covered":0,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":0,"covered":0,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-shapes/ext-shapes.js": {"lines":{"total":76,"covered":74,"skipped":0,"pct":97.37},"functions":{"total":7,"covered":7,"skipped":0,"pct":100},"statements":{"total":80,"covered":78,"skipped":0,"pct":97.5},"branches":{"total":26,"covered":17,"skipped":0,"pct":65.38}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-shapes/locale/en.js": {"lines":{"total":0,"covered":0,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":0,"covered":0,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-storage/ext-storage.js": {"lines":{"total":91,"covered":59,"skipped":0,"pct":64.84},"functions":{"total":12,"covered":7,"skipped":0,"pct":58.33},"statements":{"total":91,"covered":59,"skipped":0,"pct":64.84},"branches":{"total":68,"covered":27,"skipped":0,"pct":39.71}}
+,"/Users/jfhenon/Work/svgedit/src/editor/extensions/ext-storage/storageDialog.js": {"lines":{"total":60,"covered":56,"skipped":0,"pct":93.33},"functions":{"total":10,"covered":7,"skipped":0,"pct":70},"statements":{"total":62,"covered":57,"skipped":0,"pct":91.94},"branches":{"total":15,"covered":13,"skipped":0,"pct":86.67}}
+,"/Users/jfhenon/Work/svgedit/src/editor/locale/lang.en.js": {"lines":{"total":0,"covered":0,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":0,"covered":0,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/Users/jfhenon/Work/svgedit/src/editor/panels/BottomPanel.js": {"lines":{"total":71,"covered":56,"skipped":0,"pct":78.87},"functions":{"total":22,"covered":14,"skipped":0,"pct":63.64},"statements":{"total":77,"covered":59,"skipped":0,"pct":76.62},"branches":{"total":30,"covered":12,"skipped":0,"pct":40}}
+,"/Users/jfhenon/Work/svgedit/src/editor/panels/LayersPanel.js": {"lines":{"total":157,"covered":70,"skipped":0,"pct":44.59},"functions":{"total":27,"covered":6,"skipped":0,"pct":22.22},"statements":{"total":163,"covered":71,"skipped":0,"pct":43.56},"branches":{"total":46,"covered":6,"skipped":0,"pct":13.04}}
+,"/Users/jfhenon/Work/svgedit/src/editor/panels/LeftPanel.js": {"lines":{"total":58,"covered":37,"skipped":0,"pct":63.79},"functions":{"total":20,"covered":10,"skipped":0,"pct":50},"statements":{"total":59,"covered":37,"skipped":0,"pct":62.71},"branches":{"total":32,"covered":7,"skipped":0,"pct":21.88}}
+,"/Users/jfhenon/Work/svgedit/src/editor/panels/TopPanel.js": {"lines":{"total":391,"covered":265,"skipped":0,"pct":67.77},"functions":{"total":73,"covered":42,"skipped":0,"pct":57.53},"statements":{"total":411,"covered":273,"skipped":0,"pct":66.42},"branches":{"total":207,"covered":105,"skipped":0,"pct":50.72}}
 }
diff --git a/cypress.config.mjs b/cypress.config.mjs
index 7a6b1e05..95cf8fb9 100644
--- a/cypress.config.mjs
+++ b/cypress.config.mjs
@@ -9,6 +9,8 @@ export default defineConfig({
   pageLoadTimeout: 120000,
   includeShadowDom: true,
   scrollBehavior: false,
+  viewportWidth: 2048,
+  viewportHeight: 2048,
   e2e: {
     testIsolation: false,
     // We've imported your old cypress plugins here.
diff --git a/cypress/__svgSnapshots__/scenario-check tool_text_align_to_page.svg b/cypress/__svgSnapshots__/scenario-check tool_text_align_to_page.svg
index d3843821..490ababf 100644
--- a/cypress/__svgSnapshots__/scenario-check tool_text_align_to_page.svg	
+++ b/cypress/__svgSnapshots__/scenario-check tool_text_align_to_page.svg	
@@ -2,7 +2,7 @@
  <g class="layer">
   <title>Layer 1</title>
   <text fill="#bf0000" font-family="Serif" font-size="34" font-style="italic" font-weight="bold" id="svg_1" stroke="#0000bf" text-anchor="middle" transform="matrix(1 0 0 1 0 0)" x="200" xml:space="preserve" y="200">AB</text>
-  <text fill="#000000" filter="url(#svg_2_blur)" font-family="Serif" font-size="24" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="0" text-anchor="middle" x="623.33" xml:space="preserve" y="245">AB</text>
+  <text fill="#000000" filter="url(#svg_2_blur)" font-family="Serif" font-size="24" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="0" text-anchor="middle" x="620" xml:space="preserve" y="250">AB</text>
  </g>
  <defs>
   <filter height="200%" id="svg_2_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario1-check tool_image.svg b/cypress/__svgSnapshots__/scenario1-check tool_image.svg
deleted file mode 100644
index b613eb7c..00000000
--- a/cypress/__svgSnapshots__/scenario1-check tool_image.svg	
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <g class="layer">
-  <title>Layer 1</title>
-  <path d="m489.76,93.43c78.24,-224.45 384.77,0 0,288.58c-384.77,-288.58 -78.24,-513.02 0,-288.58z" fill="#FF0000" id="svg_1" stroke="#000000"/>
-  <image height="20" id="svg_2" width="20" x="-100" xlink:href="./images/logo.svg" y="300"/>
- </g>
-</svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario1-check tool_shape.svg b/cypress/__svgSnapshots__/scenario1-check tool_shape.svg
deleted file mode 100644
index d53aca50..00000000
--- a/cypress/__svgSnapshots__/scenario1-check tool_shape.svg	
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
- <g class="layer">
-  <title>Layer 1</title>
-  <path d="m10.73,93.43c78.24,-224.45 384.77,0 0,288.58c-384.77,-288.58 -78.24,-513.02 0,-288.58z" fill="#FF0000" id="svg_1" stroke="#000000"/>
- </g>
-</svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario2-check tool_circle.svg b/cypress/__svgSnapshots__/scenario2-check tool_circle.svg
index bc9a4abc..79e6aa4c 100644
--- a/cypress/__svgSnapshots__/scenario2-check tool_circle.svg	
+++ b/cypress/__svgSnapshots__/scenario2-check tool_circle.svg	
@@ -1,6 +1,6 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8" stroke="#000000"/>
+  <circle cx="200" cy="200" fill="#FF0000" id="svg_1" r="100" stroke="#000000"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario2-check tool_circle_change_fill_color.svg b/cypress/__svgSnapshots__/scenario2-check tool_circle_change_fill_color.svg
index 2a40e856..afea1096 100644
--- a/cypress/__svgSnapshots__/scenario2-check tool_circle_change_fill_color.svg	
+++ b/cypress/__svgSnapshots__/scenario2-check tool_circle_change_fill_color.svg	
@@ -1,8 +1,8 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8" stroke="#000000"/>
-  <ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" rx="60" ry="50" stroke="#000000"/>
-  <ellipse cx="114" cy="189" fill="#FF0000" id="svg_3" rx="55" ry="25" stroke="#000000" transform="matrix(1 0 0 1 0 0)"/>
+  <circle cx="200" cy="200" fill="#FF0000" id="svg_1" r="100" stroke="#000000"/>
+  <ellipse cx="400" cy="250" fill="#ffff00" id="svg_2" rx="100" ry="50.5" stroke="#000000"/>
+  <ellipse cx="200" cy="400" fill="#FF0000" id="svg_3" rx="100" ry="100" stroke="#000000" transform="matrix(1 0 0 1 0 0)"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario2-check tool_circle_change_opacity.svg b/cypress/__svgSnapshots__/scenario2-check tool_circle_change_opacity.svg
index b1e69f13..6596a81f 100644
--- a/cypress/__svgSnapshots__/scenario2-check tool_circle_change_opacity.svg	
+++ b/cypress/__svgSnapshots__/scenario2-check tool_circle_change_opacity.svg	
@@ -1,8 +1,8 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8" stroke="#000000"/>
-  <ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000"/>
-  <ellipse cx="114" cy="189" fill="#FF0000" id="svg_3" rx="55" ry="25" stroke="#000000" transform="matrix(1 0 0 1 0 0)"/>
+  <circle cx="200" cy="200" fill="#FF0000" id="svg_1" r="100" stroke="#000000"/>
+  <ellipse cx="400" cy="250" fill="#ffff00" id="svg_2" opacity="0.5" rx="100" ry="50.5" stroke="#000000"/>
+  <ellipse cx="200" cy="400" fill="#FF0000" id="svg_3" rx="100" ry="100" stroke="#000000" transform="matrix(1 0 0 1 0 0)"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario2-check tool_ellipse.svg b/cypress/__svgSnapshots__/scenario2-check tool_ellipse.svg
index e2d2878a..a3f1e3f6 100644
--- a/cypress/__svgSnapshots__/scenario2-check tool_ellipse.svg	
+++ b/cypress/__svgSnapshots__/scenario2-check tool_ellipse.svg	
@@ -1,8 +1,8 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8" stroke="#000000"/>
-  <ellipse cx="299" cy="169" fill="#FF0000" id="svg_2" rx="60" ry="50" stroke="#000000"/>
-  <ellipse cx="114" cy="189" fill="#FF0000" id="svg_3" rx="55" ry="25" stroke="#000000"/>
+  <circle cx="200" cy="200" fill="#FF0000" id="svg_1" r="100" stroke="#000000"/>
+  <ellipse cx="400" cy="250" fill="#FF0000" id="svg_2" rx="100" ry="50.5" stroke="#000000"/>
+  <ellipse cx="200" cy="400" fill="#FF0000" id="svg_3" rx="100" ry="100" stroke="#000000"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_bring_to_back.svg b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_bring_to_back.svg
index fca7cada..69ddb070 100644
--- a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_bring_to_back.svg	
+++ b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_bring_to_back.svg	
@@ -1,9 +1,9 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000"/>
-  <circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8" stroke="#000000"/>
-  <ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="80" ry="50" stroke="#000000" transform="matrix(1 0 0 1 0 0) rotate(25 139 214)"/>
+  <ellipse cx="400" cy="250" fill="#ffff00" id="svg_2" opacity="0.5" rx="100" ry="50.5" stroke="#000000"/>
+  <circle cx="200" cy="200" fill="#FF0000" id="svg_1" r="100" stroke="#000000"/>
+  <ellipse cx="220" cy="420" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="120" ry="120" stroke="#000000" transform="matrix(1 0 0 1 0 0) rotate(25 220 420)"/>
  </g>
  <defs>
   <filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_bring_to_front.svg b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_bring_to_front.svg
index 32b1b122..956384c0 100644
--- a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_bring_to_front.svg	
+++ b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_bring_to_front.svg	
@@ -1,9 +1,9 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8" stroke="#000000"/>
-  <ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="80" ry="50" stroke="#000000" transform="matrix(1 0 0 1 0 0) rotate(25 139 214)"/>
-  <ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000"/>
+  <circle cx="200" cy="200" fill="#FF0000" id="svg_1" r="100" stroke="#000000"/>
+  <ellipse cx="220" cy="420" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="120" ry="120" stroke="#000000" transform="matrix(1 0 0 1 0 0) rotate(25 220 420)"/>
+  <ellipse cx="400" cy="250" fill="#ffff00" id="svg_2" opacity="0.5" rx="100" ry="50.5" stroke="#000000"/>
  </g>
  <defs>
   <filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_blur.svg b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_blur.svg
index 5bd16877..bcd77425 100644
--- a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_blur.svg	
+++ b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_blur.svg	
@@ -1,9 +1,9 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8" stroke="#000000"/>
-  <ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" transform="matrix(1 0 0 1 0 0)"/>
-  <ellipse cx="114" cy="189" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="55" ry="25" stroke="#000000" transform="rotate(25 114 189)"/>
+  <circle cx="200" cy="200" fill="#FF0000" id="svg_1" r="100" stroke="#000000"/>
+  <ellipse cx="400" cy="250" fill="#ffff00" id="svg_2" opacity="0.5" rx="100" ry="50.5" stroke="#000000" transform="matrix(1 0 0 1 0 0)"/>
+  <ellipse cx="200" cy="400" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="100" ry="100" stroke="#000000" transform="rotate(25 200 400)"/>
  </g>
  <defs>
   <filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_cx_cy_coordinate.svg b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_cx_cy_coordinate.svg
index 4d614d76..7ec585aa 100644
--- a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_cx_cy_coordinate.svg	
+++ b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_cx_cy_coordinate.svg	
@@ -1,9 +1,9 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8" stroke="#000000"/>
-  <ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" transform="matrix(1 0 0 1 0 0)"/>
-  <ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="55" ry="25" stroke="#000000" transform="rotate(25 139 214)"/>
+  <circle cx="200" cy="200" fill="#FF0000" id="svg_1" r="100" stroke="#000000"/>
+  <ellipse cx="400" cy="250" fill="#ffff00" id="svg_2" opacity="0.5" rx="100" ry="50.5" stroke="#000000" transform="matrix(1 0 0 1 0 0)"/>
+  <ellipse cx="220" cy="420" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="100" ry="100" stroke="#000000" transform="rotate(25 220 420)"/>
  </g>
  <defs>
   <filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_rotation.svg b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_rotation.svg
index 38f119ee..9c264d32 100644
--- a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_rotation.svg	
+++ b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_rotation.svg	
@@ -1,8 +1,8 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8" stroke="#000000"/>
-  <ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" transform="matrix(1 0 0 1 0 0)"/>
-  <ellipse cx="114" cy="189" fill="#FF0000" id="svg_3" rx="55" ry="25" stroke="#000000" transform="rotate(25 114 189)"/>
+  <circle cx="200" cy="200" fill="#FF0000" id="svg_1" r="100" stroke="#000000"/>
+  <ellipse cx="400" cy="250" fill="#ffff00" id="svg_2" opacity="0.5" rx="100" ry="50.5" stroke="#000000" transform="matrix(1 0 0 1 0 0)"/>
+  <ellipse cx="200" cy="400" fill="#FF0000" id="svg_3" rx="100" ry="100" stroke="#000000" transform="rotate(25 200 400)"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_rx_ry_radius.svg b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_rx_ry_radius.svg
index d596ca15..44453d53 100644
--- a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_rx_ry_radius.svg	
+++ b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_change_rx_ry_radius.svg	
@@ -1,9 +1,9 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8" stroke="#000000"/>
-  <ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000" transform="matrix(1 0 0 1 0 0)"/>
-  <ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="80" ry="50" stroke="#000000" transform="rotate(25 139 214)"/>
+  <circle cx="200" cy="200" fill="#FF0000" id="svg_1" r="100" stroke="#000000"/>
+  <ellipse cx="400" cy="250" fill="#ffff00" id="svg_2" opacity="0.5" rx="100" ry="50.5" stroke="#000000" transform="matrix(1 0 0 1 0 0)"/>
+  <ellipse cx="220" cy="420" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="120" ry="120" stroke="#000000" transform="rotate(25 220 420)"/>
  </g>
  <defs>
   <filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_clone.svg b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_clone.svg
index 2f1ac9e8..a204e510 100644
--- a/cypress/__svgSnapshots__/scenario2-check tool_ellipse_clone.svg	
+++ b/cypress/__svgSnapshots__/scenario2-check tool_ellipse_clone.svg	
@@ -1,10 +1,10 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8" stroke="#000000"/>
-  <ellipse cx="139" cy="214" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="80" ry="50" stroke="#000000" transform="matrix(1 0 0 1 0 0) rotate(25 139 214)"/>
-  <ellipse cx="299" cy="169" fill="#ffff00" id="svg_2" opacity="0.5" rx="60" ry="50" stroke="#000000"/>
-  <ellipse cx="319" cy="189" fill="#ffff00" id="svg_4" opacity="0.5" rx="60" ry="50" stroke="#000000"/>
+  <circle cx="200" cy="200" fill="#FF0000" id="svg_1" r="100" stroke="#000000"/>
+  <ellipse cx="220" cy="420" fill="#FF0000" filter="url(#svg_3_blur)" id="svg_3" rx="120" ry="120" stroke="#000000" transform="matrix(1 0 0 1 0 0) rotate(25 220 420)"/>
+  <ellipse cx="400" cy="250" fill="#ffff00" id="svg_2" opacity="0.5" rx="100" ry="50.5" stroke="#000000"/>
+  <ellipse cx="420" cy="270" fill="#ffff00" id="svg_4" opacity="0.5" rx="100" ry="50" stroke="#000000"/>
  </g>
  <defs>
   <filter height="200%" id="svg_3_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario2-check tool_fhellipse.svg b/cypress/__svgSnapshots__/scenario2-check tool_fhellipse.svg
index 9e342d04..ea8b5fdc 100644
--- a/cypress/__svgSnapshots__/scenario2-check tool_fhellipse.svg	
+++ b/cypress/__svgSnapshots__/scenario2-check tool_fhellipse.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <circle cx="150" cy="150" fill="#FF0000" id="svg_1" r="111.8" stroke="#000000"/>
-  <ellipse cx="299" cy="169" fill="#FF0000" id="svg_2" rx="60" ry="50" stroke="#000000"/>
+  <circle cx="200" cy="200" fill="#FF0000" id="svg_1" r="100" stroke="#000000"/>
+  <ellipse cx="400" cy="250" fill="#FF0000" id="svg_2" rx="100" ry="50.5" stroke="#000000"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario3-check tool_path.svg b/cypress/__svgSnapshots__/scenario3-check tool_path.svg
index f02ad30a..ed722e62 100644
--- a/cypress/__svgSnapshots__/scenario3-check tool_path.svg	
+++ b/cypress/__svgSnapshots__/scenario3-check tool_path.svg	
@@ -1,6 +1,6 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <path d="m50,50l100,50l-25,100l-75,-150z" fill="#FF0000" id="svg_1" stroke="#000000"/>
+  <path d="m50,50l100,50l-20,100l-80,-150z" fill="#FF0000" id="svg_1" stroke="#000000"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario3-check tool_path_change_clone_node.svg b/cypress/__svgSnapshots__/scenario3-check tool_path_change_clone_node.svg
index f5018e62..c85d2640 100644
--- a/cypress/__svgSnapshots__/scenario3-check tool_path_change_clone_node.svg	
+++ b/cypress/__svgSnapshots__/scenario3-check tool_path_change_clone_node.svg	
@@ -1,6 +1,6 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <path d="m201,246l-26,-121l-25,100c50.5,60.5 164,206.5 135.75,160.13c-28.25,-46.38 -72.25,-114.13 -84.75,-139.13z" fill="#FF0000" id="svg_1" stroke="#000000"/>
+  <path d="m195,255l-20,-130l-20,100c51.67,65 158.33,220 128.75,172.5c-29.58,-47.5 -75.42,-117.5 -88.75,-142.5z" fill="#FF0000" id="svg_1" stroke="#000000"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario3-check tool_path_change_node_xy.svg b/cypress/__svgSnapshots__/scenario3-check tool_path_change_node_xy.svg
index 09dce141..16523f1b 100644
--- a/cypress/__svgSnapshots__/scenario3-check tool_path_change_node_xy.svg	
+++ b/cypress/__svgSnapshots__/scenario3-check tool_path_change_node_xy.svg	
@@ -1,6 +1,6 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <path d="m75,75l100,50l-25,100l-75,-150z" fill="#FF0000" id="svg_1" stroke="#000000"/>
+  <path d="m75,75l100,50l-20,100l-80,-150z" fill="#FF0000" id="svg_1" stroke="#000000"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario3-check tool_path_change_seg_type.svg b/cypress/__svgSnapshots__/scenario3-check tool_path_change_seg_type.svg
index 907e6bcd..cc1299e1 100644
--- a/cypress/__svgSnapshots__/scenario3-check tool_path_change_seg_type.svg	
+++ b/cypress/__svgSnapshots__/scenario3-check tool_path_change_seg_type.svg	
@@ -1,6 +1,6 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <path d="m75,75l100,50l-25,100c101,121 -50,-100 -75,-150z" fill="#FF0000" id="svg_1" stroke="#000000"/>
+  <path d="m75,75l100,50l-20,100c103.33,130 -53.33,-100 -80,-150z" fill="#FF0000" id="svg_1" stroke="#000000"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario3-check tool_path_openclose.svg b/cypress/__svgSnapshots__/scenario3-check tool_path_openclose.svg
index f5018e62..c85d2640 100644
--- a/cypress/__svgSnapshots__/scenario3-check tool_path_openclose.svg	
+++ b/cypress/__svgSnapshots__/scenario3-check tool_path_openclose.svg	
@@ -1,6 +1,6 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <path d="m201,246l-26,-121l-25,100c50.5,60.5 164,206.5 135.75,160.13c-28.25,-46.38 -72.25,-114.13 -84.75,-139.13z" fill="#FF0000" id="svg_1" stroke="#000000"/>
+  <path d="m195,255l-20,-130l-20,100c51.67,65 158.33,220 128.75,172.5c-29.58,-47.5 -75.42,-117.5 -88.75,-142.5z" fill="#FF0000" id="svg_1" stroke="#000000"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_fhrect.svg b/cypress/__svgSnapshots__/scenario4-check tool_fhrect.svg
index 14bbeb80..f912890b 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_fhrect.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_fhrect.svg	
@@ -2,6 +2,6 @@
  <g class="layer">
   <title>Layer 1</title>
   <rect fill="#FF0000" height="50" id="svg_1" stroke="#000000" width="100" x="150" y="150"/>
-  <rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" width="120" x="350" y="230"/>
+  <rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" width="120" x="350" y="230.5"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_fhrect_change_width_height.svg b/cypress/__svgSnapshots__/scenario4-check tool_fhrect_change_width_height.svg
index faa2b9b9..a501e970 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_fhrect_change_width_height.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_fhrect_change_width_height.svg	
@@ -3,7 +3,7 @@
   <title>Layer 1</title>
   <rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" transform="matrix(1 0 0 1 0 0) rotate(25 200 175)" width="100" x="150" y="150"/>
   <rect fill="#FF0000" height="125" id="svg_2" stroke="#000000" width="145" x="375" y="255"/>
-  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/>
+  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="230" y="300"/>
  </g>
  <defs>
   <filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_fhrect_change_x_y_coordinate.svg b/cypress/__svgSnapshots__/scenario4-check tool_fhrect_change_x_y_coordinate.svg
index a96f71e7..bbd1e29c 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_fhrect_change_x_y_coordinate.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_fhrect_change_x_y_coordinate.svg	
@@ -3,7 +3,7 @@
   <title>Layer 1</title>
   <rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" transform="matrix(1 0 0 1 0 0) rotate(25 200 175)" width="100" x="150" y="150"/>
   <rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" width="120" x="375" y="255"/>
-  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/>
+  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="230" y="300"/>
  </g>
  <defs>
   <filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_rect_change_blur.svg b/cypress/__svgSnapshots__/scenario4-check tool_rect_change_blur.svg
index 9a3fe5db..08c1f474 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_rect_change_blur.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_rect_change_blur.svg	
@@ -2,8 +2,8 @@
  <g class="layer">
   <title>Layer 1</title>
   <rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" stroke="#000000" transform="rotate(25 200 175)" width="100" x="150" y="150"/>
-  <rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" width="120" x="350" y="230"/>
-  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/>
+  <rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" width="120" x="350" y="230.5"/>
+  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="230" y="300"/>
  </g>
  <defs>
   <filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_rect_change_fill_color.svg b/cypress/__svgSnapshots__/scenario4-check tool_rect_change_fill_color.svg
index 74ccbf5e..a884ab80 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_rect_change_fill_color.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_rect_change_fill_color.svg	
@@ -2,7 +2,7 @@
  <g class="layer">
   <title>Layer 1</title>
   <rect fill="#ffff00" height="50" id="svg_1" stroke="#000000" width="100" x="150" y="150"/>
-  <rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" width="120" x="350" y="230"/>
-  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/>
+  <rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" width="120" x="350" y="230.5"/>
+  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="230" y="300"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_rect_change_opacity.svg b/cypress/__svgSnapshots__/scenario4-check tool_rect_change_opacity.svg
index f0fe7069..cdd7d004 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_rect_change_opacity.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_rect_change_opacity.svg	
@@ -2,8 +2,8 @@
  <g class="layer">
   <title>Layer 1</title>
   <rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" transform="rotate(25 200 175)" width="100" x="150" y="150"/>
-  <rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" width="120" x="350" y="230"/>
-  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/>
+  <rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" width="120" x="350" y="230.5"/>
+  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="230" y="300"/>
  </g>
  <defs>
   <filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_rect_change_rotation.svg b/cypress/__svgSnapshots__/scenario4-check tool_rect_change_rotation.svg
index 7853df2b..182e7ea9 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_rect_change_rotation.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_rect_change_rotation.svg	
@@ -2,7 +2,7 @@
  <g class="layer">
   <title>Layer 1</title>
   <rect fill="#ffff00" height="50" id="svg_1" stroke="#000000" transform="rotate(25 200 175)" width="100" x="150" y="150"/>
-  <rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" width="120" x="350" y="230"/>
-  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/>
+  <rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" width="120" x="350" y="230.5"/>
+  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="230" y="300"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_rect_change_to_path.svg b/cypress/__svgSnapshots__/scenario4-check tool_rect_change_to_path.svg
index bc1bff0a..e6b8559c 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_rect_change_to_path.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_rect_change_to_path.svg	
@@ -3,8 +3,8 @@
   <title>Layer 1</title>
   <rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" transform="matrix(1 0 0 1 0 0) rotate(25 200 175)" width="100" x="150" y="150"/>
   <path d="m375,255l145,0l0,125l-145,0l0,-125z" fill="#FF0000" id="svg_2" opacity="0.5" stroke="#000000"/>
-  <rect fill="#FF0000" height="50" id="svg_4" rx="25" ry="25" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="245" y="320"/>
-  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/>
+  <rect fill="#FF0000" height="50" id="svg_4" rx="25" ry="25" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="250" y="320"/>
+  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="230" y="300"/>
  </g>
  <defs>
   <filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_rect_delete.svg b/cypress/__svgSnapshots__/scenario4-check tool_rect_delete.svg
index 1a2072a6..5ed000f4 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_rect_delete.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_rect_delete.svg	
@@ -2,7 +2,7 @@
  <g class="layer">
   <title>Layer 1</title>
   <path d="m375,255l145,0l0,125l-145,0l0,-125z" fill="#FF0000" id="svg_2" opacity="0.5" stroke="#000000" transform="matrix(1 0 0 1 0 0)"/>
-  <rect fill="#FF0000" height="50" id="svg_4" rx="25" ry="25" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="245" y="320"/>
+  <rect fill="#FF0000" height="50" id="svg_4" rx="25" ry="25" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="250" y="320"/>
  </g>
 
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_square.svg b/cypress/__svgSnapshots__/scenario4-check tool_square.svg
index 6e8bc4d6..f9cbd6dd 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_square.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_square.svg	
@@ -2,7 +2,7 @@
  <g class="layer">
   <title>Layer 1</title>
   <rect fill="#FF0000" height="50" id="svg_1" stroke="#000000" width="100" x="150" y="150"/>
-  <rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" width="120" x="350" y="230"/>
-  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" width="50" x="225" y="300"/>
+  <rect fill="#FF0000" height="100" id="svg_2" stroke="#000000" width="120" x="350" y="230.5"/>
+  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" width="50" x="230" y="300"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_square_bring_to_back.svg b/cypress/__svgSnapshots__/scenario4-check tool_square_bring_to_back.svg
index 3c26a8bc..6ccc35ea 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_square_bring_to_back.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_square_bring_to_back.svg	
@@ -1,10 +1,10 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" width="50" x="225" y="300"/>
+  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" width="50" x="230" y="300"/>
   <rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" transform="matrix(1 0 0 1 0 0) rotate(25 200 175)" width="100" x="150" y="150"/>
   <rect fill="#FF0000" height="125" id="svg_2" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="145" x="375" y="255"/>
-  <rect fill="#FF0000" height="50" id="svg_4" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="245" y="320"/>
+  <rect fill="#FF0000" height="50" id="svg_4" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="250" y="320"/>
  </g>
  <defs>
   <filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_square_bring_to_front.svg b/cypress/__svgSnapshots__/scenario4-check tool_square_bring_to_front.svg
index 6b984b58..97c4508f 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_square_bring_to_front.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_square_bring_to_front.svg	
@@ -3,8 +3,8 @@
   <title>Layer 1</title>
   <rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" transform="matrix(1 0 0 1 0 0) rotate(25 200 175)" width="100" x="150" y="150"/>
   <rect fill="#FF0000" height="125" id="svg_2" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="145" x="375" y="255"/>
-  <rect fill="#FF0000" height="50" id="svg_4" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="245" y="320"/>
-  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" width="50" x="225" y="300"/>
+  <rect fill="#FF0000" height="50" id="svg_4" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="250" y="320"/>
+  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" width="50" x="230" y="300"/>
  </g>
  <defs>
   <filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_square_change_corner_radius.svg b/cypress/__svgSnapshots__/scenario4-check tool_square_change_corner_radius.svg
index 8950477a..1d72c2b7 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_square_change_corner_radius.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_square_change_corner_radius.svg	
@@ -3,8 +3,8 @@
   <title>Layer 1</title>
   <rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" transform="matrix(1 0 0 1 0 0) rotate(25 200 175)" width="100" x="150" y="150"/>
   <rect fill="#FF0000" height="125" id="svg_2" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="145" x="375" y="255"/>
-  <rect fill="#FF0000" height="50" id="svg_4" rx="25" ry="25" stroke="#000000" width="50" x="245" y="320"/>
-  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="225" y="300"/>
+  <rect fill="#FF0000" height="50" id="svg_4" rx="25" ry="25" stroke="#000000" width="50" x="250" y="320"/>
+  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="50" x="230" y="300"/>
  </g>
  <defs>
   <filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario4-check tool_square_clone.svg b/cypress/__svgSnapshots__/scenario4-check tool_square_clone.svg
index 3228cc7c..635daa7e 100644
--- a/cypress/__svgSnapshots__/scenario4-check tool_square_clone.svg	
+++ b/cypress/__svgSnapshots__/scenario4-check tool_square_clone.svg	
@@ -3,8 +3,8 @@
   <title>Layer 1</title>
   <rect fill="#ffff00" filter="url(#svg_1_blur)" height="50" id="svg_1" opacity="0.5" stroke="#000000" transform="matrix(1 0 0 1 0 0) rotate(25 200 175)" width="100" x="150" y="150"/>
   <rect fill="#FF0000" height="125" id="svg_2" stroke="#000000" transform="matrix(1 0 0 1 0 0)" width="145" x="375" y="255"/>
-  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" width="50" x="225" y="300"/>
-  <rect fill="#FF0000" height="50" id="svg_4" stroke="#000000" width="50" x="245" y="320"/>
+  <rect fill="#FF0000" height="50" id="svg_3" stroke="#000000" width="50" x="230" y="300"/>
+  <rect fill="#FF0000" height="50" id="svg_4" stroke="#000000" width="50" x="250" y="320"/>
  </g>
  <defs>
   <filter height="200%" id="svg_1_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario5-check tool_line_align_to_page.svg b/cypress/__svgSnapshots__/scenario5-check tool_line_align_to_page.svg
index 97cb62c5..279b4a22 100644
--- a/cypress/__svgSnapshots__/scenario5-check tool_line_align_to_page.svg	
+++ b/cypress/__svgSnapshots__/scenario5-check tool_line_align_to_page.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <line fill="none" id="svg_3" opacity="0.25" stroke="#bf5f00" stroke-width="5" x1="387.5" x2="637.5" y1="220" y2="470">
+  <line fill="none" id="svg_3" opacity="0.25" stroke="#bf5f00" stroke-width="5" x1="390" x2="640" y1="220" y2="470">
    <animate attributeName="opacity" begin="indefinite" dur="0.2" fill="freeze" id="svg_4" to="0.5"/>
   </line>
   <line fill="none" id="svg_2" opacity="0.5" stroke="#000000" stroke-width="15" transform="matrix(1 0 0 1 0 0)" x1="225" x2="475" y1="175" y2="425"/>
diff --git a/cypress/__svgSnapshots__/scenario6-check tool_polygon.svg b/cypress/__svgSnapshots__/scenario6-check tool_polygon.svg
index 8c404c2c..5df5394a 100644
--- a/cypress/__svgSnapshots__/scenario6-check tool_polygon.svg	
+++ b/cypress/__svgSnapshots__/scenario6-check tool_polygon.svg	
@@ -1,6 +1,6 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="325" cy="250" edge="63.33" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
+  <polygon cx="330" cy="250" edge="63.75" fill="#FF0000" id="svg_1" orient="x" points="384.2322784864553,250 346.75869569598956,301.57796184807677 286.1251650607828,281.8769334925568 286.1251650607828,218.1230665074432 346.75869569598956,198.42203815192323 384.2322784864553,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario6-check tool_polygon_align_to_page.svg b/cypress/__svgSnapshots__/scenario6-check tool_polygon_align_to_page.svg
index c8a184e8..363dc28d 100644
--- a/cypress/__svgSnapshots__/scenario6-check tool_polygon_align_to_page.svg	
+++ b/cypress/__svgSnapshots__/scenario6-check tool_polygon_align_to_page.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="325" cy="250" edge="63.33" fill="#FF0000" id="svg_1" orient="x" points="637.5,250 600.2736206054688,301.23773193359375 540.0400390625,281.6666564941406 540.0400390625,218.3333282470703 600.2736206054688,198.7622528076172 637.5,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
+  <polygon cx="330" cy="250" edge="63.75" fill="#FF0000" id="svg_1" orient="x" points="637.5,250 600.0264282226562,301.5779724121094 539.3928833007812,281.8769226074219 539.3928833007812,218.12306213378906 600.0264282226562,198.4220428466797 637.5,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
  </g>
 
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario6-check tool_polygon_bring_to_back.svg b/cypress/__svgSnapshots__/scenario6-check tool_polygon_bring_to_back.svg
index e2ce03fc..c3cca281 100644
--- a/cypress/__svgSnapshots__/scenario6-check tool_polygon_bring_to_back.svg	
+++ b/cypress/__svgSnapshots__/scenario6-check tool_polygon_bring_to_back.svg	
@@ -1,8 +1,8 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon class="svg_2_class" cx="325" cy="250" edge="63.33" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" transform="rotate(25 350.145 270)"/>
-  <polygon cx="325" cy="250" edge="63.33" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
+  <polygon class="svg_2_class" cx="330" cy="250" edge="63.75" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="x" points="404.2322692871094,270 366.7586975097656,321.5779724121094 306.1251525878906,301.8769226074219 306.1251525878906,238.12306213378906 366.7586975097656,218.4220428466797 404.2322692871094,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" transform="rotate(25 355.179 270)"/>
+  <polygon cx="330" cy="250" edge="63.75" fill="#FF0000" id="svg_1" orient="x" points="384.2322784864553,250 346.75869569598956,301.57796184807677 286.1251650607828,281.8769334925568 286.1251650607828,218.1230665074432 346.75869569598956,198.42203815192323 384.2322784864553,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
  </g>
  <defs>
   <filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario6-check tool_polygon_bring_to_front.svg b/cypress/__svgSnapshots__/scenario6-check tool_polygon_bring_to_front.svg
index 94203719..2124a4e5 100644
--- a/cypress/__svgSnapshots__/scenario6-check tool_polygon_bring_to_front.svg	
+++ b/cypress/__svgSnapshots__/scenario6-check tool_polygon_bring_to_front.svg	
@@ -1,8 +1,8 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="325" cy="250" edge="63.33" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
-  <polygon class="svg_2_class" cx="325" cy="250" edge="63.33" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" transform="rotate(25 350.145 270)"/>
+  <polygon cx="330" cy="250" edge="63.75" fill="#FF0000" id="svg_1" orient="x" points="384.2322784864553,250 346.75869569598956,301.57796184807677 286.1251650607828,281.8769334925568 286.1251650607828,218.1230665074432 346.75869569598956,198.42203815192323 384.2322784864553,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
+  <polygon class="svg_2_class" cx="330" cy="250" edge="63.75" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="x" points="404.2322692871094,270 366.7586975097656,321.5779724121094 306.1251525878906,301.8769226074219 306.1251525878906,238.12306213378906 366.7586975097656,218.4220428466797 404.2322692871094,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" transform="rotate(25 355.179 270)"/>
  </g>
  <defs>
   <filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_blur.svg b/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_blur.svg
index 767385a2..2dfed8ef 100644
--- a/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_blur.svg	
+++ b/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_blur.svg	
@@ -1,8 +1,8 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="325" cy="250" edge="63.33" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
-  <polygon class="svg_2_class" cx="325" cy="250" edge="63.33" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" transform="rotate(25 350.145 270)"/>
+  <polygon cx="330" cy="250" edge="63.75" fill="#FF0000" id="svg_1" orient="x" points="384.2322784864553,250 346.75869569598956,301.57796184807677 286.1251650607828,281.8769334925568 286.1251650607828,218.1230665074432 346.75869569598956,198.42203815192323 384.2322784864553,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
+  <polygon class="svg_2_class" cx="330" cy="250" edge="63.75" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" orient="x" points="404.2322692871094,270 366.7586975097656,321.5779724121094 306.1251525878906,301.8769226074219 306.1251525878906,238.12306213378906 366.7586975097656,218.4220428466797 404.2322692871094,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" transform="rotate(25 355.179 270)"/>
  </g>
  <defs>
   <filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_opacity.svg b/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_opacity.svg
index 94203719..2124a4e5 100644
--- a/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_opacity.svg	
+++ b/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_opacity.svg	
@@ -1,8 +1,8 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="325" cy="250" edge="63.33" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
-  <polygon class="svg_2_class" cx="325" cy="250" edge="63.33" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" transform="rotate(25 350.145 270)"/>
+  <polygon cx="330" cy="250" edge="63.75" fill="#FF0000" id="svg_1" orient="x" points="384.2322784864553,250 346.75869569598956,301.57796184807677 286.1251650607828,281.8769334925568 286.1251650607828,218.1230665074432 346.75869569598956,198.42203815192323 384.2322784864553,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
+  <polygon class="svg_2_class" cx="330" cy="250" edge="63.75" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="x" points="404.2322692871094,270 366.7586975097656,321.5779724121094 306.1251525878906,301.8769226074219 306.1251525878906,238.12306213378906 366.7586975097656,218.4220428466797 404.2322692871094,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" transform="rotate(25 355.179 270)"/>
  </g>
  <defs>
   <filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_rotation.svg b/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_rotation.svg
index d937724a..e4a2ad83 100644
--- a/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_rotation.svg	
+++ b/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_rotation.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="325" cy="250" edge="63.33" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
-  <polygon class="svg_2_class" cx="325" cy="250" edge="63.33" fill="#FF0000" id="svg_2_id" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" transform="rotate(25 350 270)"/>
+  <polygon cx="330" cy="250" edge="63.75" fill="#FF0000" id="svg_1" orient="x" points="384.2322784864553,250 346.75869569598956,301.57796184807677 286.1251650607828,281.8769334925568 286.1251650607828,218.1230665074432 346.75869569598956,198.42203815192323 384.2322784864553,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
+  <polygon class="svg_2_class" cx="330" cy="250" edge="63.75" fill="#FF0000" id="svg_2_id" orient="x" points="404.2322692871094,270 366.7586975097656,321.5779724121094 306.1251525878906,301.8769226074219 306.1251525878906,238.12306213378906 366.7586975097656,218.4220428466797 404.2322692871094,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5" transform="rotate(25 355 270)"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_sides.svg b/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_sides.svg
index a095aa5c..a6d11580 100644
--- a/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_sides.svg	
+++ b/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_sides.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="325" cy="250" edge="63.33" fill="#bf0000" id="svg_1" orient="x" points="664.9855026971727,249.999995640346 633.318836030506,304.8482712133604 569.9855026971727,304.8482712133604 538.318836030506,249.999995640346 569.9855026971726,195.15172006733155 633.318836030506,195.15172006733155 664.9855026971727,249.99999564034596 " shape="regularPoly" sides="6" stroke="#0000bf" stroke-width="15"/>
+  <polygon cx="330" cy="250" edge="63.75" fill="#bf0000" id="svg_1" orient="x" points="665.1679905202699,250 633.291057027713,305.21246839860237 569.5371900425995,305.21246839860237 537.6602565500426,250 569.5371900425994,194.78753160139763 633.291057027713,194.78753160139763 665.1679905202699,249.99999999999997 " shape="regularPoly" sides="6" stroke="#0000bf" stroke-width="15"/>
  </g>
 
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_stoke_fill_color.svg b/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_stoke_fill_color.svg
index 56b48d5e..26d2d66e 100644
--- a/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_stoke_fill_color.svg	
+++ b/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_stoke_fill_color.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="325" cy="250" edge="63.33" fill="#bf0000" id="svg_1" orient="x" points="637.5,250 600.2736206054688,301.23773193359375 540.0400390625,281.6666564941406 540.0400390625,218.3333282470703 600.2736206054688,198.7622528076172 637.5,250 " shape="regularPoly" sides="5" stroke="#0000bf" stroke-width="15"/>
+  <polygon cx="330" cy="250" edge="63.75" fill="#bf0000" id="svg_1" orient="x" points="637.5,250 600.0264282226562,301.5779724121094 539.3928833007812,281.8769226074219 539.3928833007812,218.12306213378906 600.0264282226562,198.4220428466797 637.5,250 " shape="regularPoly" sides="5" stroke="#0000bf" stroke-width="15"/>
  </g>
 
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_stroke_width.svg b/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_stroke_width.svg
index f98bdf7b..d630c8a6 100644
--- a/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_stroke_width.svg	
+++ b/cypress/__svgSnapshots__/scenario6-check tool_polygon_change_stroke_width.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="325" cy="250" edge="63.33" fill="#FF0000" id="svg_1" orient="x" points="637.5,250 600.2736206054688,301.23773193359375 540.0400390625,281.6666564941406 540.0400390625,218.3333282470703 600.2736206054688,198.7622528076172 637.5,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="15"/>
+  <polygon cx="330" cy="250" edge="63.75" fill="#FF0000" id="svg_1" orient="x" points="637.5,250 600.0264282226562,301.5779724121094 539.3928833007812,281.8769226074219 539.3928833007812,218.12306213378906 600.0264282226562,198.4220428466797 637.5,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="15"/>
  </g>
 
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario6-check tool_polygon_clone.svg b/cypress/__svgSnapshots__/scenario6-check tool_polygon_clone.svg
index d9015805..ba689946 100644
--- a/cypress/__svgSnapshots__/scenario6-check tool_polygon_clone.svg	
+++ b/cypress/__svgSnapshots__/scenario6-check tool_polygon_clone.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="325" cy="250" edge="63.33" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
-  <polygon cx="325" cy="250" edge="63.33" fill="#FF0000" id="svg_2" orient="x" points="398.8745422363281,270 361.6481628417969,321.23773193359375 301.4145812988281,301.6666564941406 301.4145812988281,238.3333282470703 361.6481628417969,218.7622528076172 398.8745422363281,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
+  <polygon cx="330" cy="250" edge="63.75" fill="#FF0000" id="svg_1" orient="x" points="384.2322784864553,250 346.75869569598956,301.57796184807677 286.1251650607828,281.8769334925568 286.1251650607828,218.1230665074432 346.75869569598956,198.42203815192323 384.2322784864553,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
+  <polygon cx="330" cy="250" edge="63.75" fill="#FF0000" id="svg_2" orient="x" points="404.2322692871094,270 366.7586975097656,321.5779724121094 306.1251525878906,301.8769226074219 306.1251525878906,238.12306213378906 366.7586975097656,218.4220428466797 404.2322692871094,270 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario6-check tool_polygon_delete.svg b/cypress/__svgSnapshots__/scenario6-check tool_polygon_delete.svg
index 31f92d6d..aedb6c04 100644
--- a/cypress/__svgSnapshots__/scenario6-check tool_polygon_delete.svg	
+++ b/cypress/__svgSnapshots__/scenario6-check tool_polygon_delete.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="325" cy="250" edge="63.33" fill="#FF0000" id="svg_1" orient="x" points="378.87455119562924,250 341.6481518837726,301.23774297708 281.41457251841285,281.6666666666667 281.4145725184128,218.33333333333334 341.6481518837726,198.76225702291998 378.87455119562924,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
+  <polygon cx="330" cy="250" edge="63.75" fill="#FF0000" id="svg_1" orient="x" points="384.2322784864553,250 346.75869569598956,301.57796184807677 286.1251650607828,281.8769334925568 286.1251650607828,218.1230665074432 346.75869569598956,198.42203815192323 384.2322784864553,250 " shape="regularPoly" sides="5" stroke="#000000" stroke-width="5"/>
  </g>
 
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario7-check tool_star.svg b/cypress/__svgSnapshots__/scenario7-check tool_star.svg
index fee6fbd7..09c15a83 100644
--- a/cypress/__svgSnapshots__/scenario7-check tool_star.svg	
+++ b/cypress/__svgSnapshots__/scenario7-check tool_star.svg	
@@ -1,6 +1,6 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
+  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83 313.1272039678652,131.93195379229283 363.72078659177527,129.29586137687852 321.2402621972584,156.90137954104048 339.3816119035957,204.20413862312148 300,172.33333333333334 260.6183880964043,204.20413862312148 278.7597378027416,156.90137954104048 236.2792134082247,129.29586137687852 286.8727960321348,131.93195379229286 300,83 313.1272039678652,131.93195379229283 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario7-check tool_star_align_to_page.svg b/cypress/__svgSnapshots__/scenario7-check tool_star_align_to_page.svg
index 9847976e..489e3f5f 100644
--- a/cypress/__svgSnapshots__/scenario7-check tool_star_align_to_page.svg	
+++ b/cypress/__svgSnapshots__/scenario7-check tool_star_align_to_page.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="574.0962219238281,83.33333587646484 587.1581115722656,132.0218505859375 637.5,129.39886474609375 595.2308044433594,156.86705017089844 613.2818908691406,203.93446350097656 574.0962219238281,172.22222900390625 534.9105529785156,203.93446350097656 552.9616394042969,156.86705017089844 510.6924591064453,129.39886474609375 561.0343322753906,132.0218505859375 574.0962219238281,83.33333587646484 587.1581115722656,132.0218505859375 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
+  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="573.7792053222656,83 586.9064025878906,131.9319610595703 637.5,129.29586791992188 595.0194702148438,156.90138244628906 613.1608276367188,204.20413208007812 573.7792053222656,172.3333282470703 534.3975830078125,204.20413208007812 552.5389404296875,156.90138244628906 510.0584259033203,129.29586791992188 560.6520080566406,131.9319610595703 573.7792053222656,83 586.9064025878906,131.9319610595703 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
  </g>
 
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario7-check tool_star_bring_to_back.svg b/cypress/__svgSnapshots__/scenario7-check tool_star_bring_to_back.svg
index f0b94c11..416165a2 100644
--- a/cypress/__svgSnapshots__/scenario7-check tool_star_bring_to_back.svg	
+++ b/cypress/__svgSnapshots__/scenario7-check tool_star_bring_to_back.svg	
@@ -1,8 +1,8 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" transform="rotate(25 320 163.634)"/>
-  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
+  <polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="point" point="5" points="320,103 333.127197265625,151.9319610595703 383.7207946777344,149.29586791992188 341.2402648925781,176.90138244628906 359.3816223144531,224.20413208007812 320,192.3333282470703 280.6183776855469,224.20413208007812 298.7597351074219,176.90138244628906 256.2792205810547,149.29586791992188 306.872802734375,151.9319610595703 320,103 333.127197265625,151.9319610595703 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" transform="rotate(25 320 163.602)"/>
+  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83 313.1272039678652,131.93195379229283 363.72078659177527,129.29586137687852 321.2402621972584,156.90137954104048 339.3816119035957,204.20413862312148 300,172.33333333333334 260.6183880964043,204.20413862312148 278.7597378027416,156.90137954104048 236.2792134082247,129.29586137687852 286.8727960321348,131.93195379229286 300,83 313.1272039678652,131.93195379229283 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
  </g>
  <defs>
   <filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario7-check tool_star_bring_to_front.svg b/cypress/__svgSnapshots__/scenario7-check tool_star_bring_to_front.svg
index 78390389..303a100d 100644
--- a/cypress/__svgSnapshots__/scenario7-check tool_star_bring_to_front.svg	
+++ b/cypress/__svgSnapshots__/scenario7-check tool_star_bring_to_front.svg	
@@ -1,8 +1,8 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
-  <polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" transform="rotate(25 320 163.634)"/>
+  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83 313.1272039678652,131.93195379229283 363.72078659177527,129.29586137687852 321.2402621972584,156.90137954104048 339.3816119035957,204.20413862312148 300,172.33333333333334 260.6183880964043,204.20413862312148 278.7597378027416,156.90137954104048 236.2792134082247,129.29586137687852 286.8727960321348,131.93195379229286 300,83 313.1272039678652,131.93195379229283 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
+  <polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="point" point="5" points="320,103 333.127197265625,151.9319610595703 383.7207946777344,149.29586791992188 341.2402648925781,176.90138244628906 359.3816223144531,224.20413208007812 320,192.3333282470703 280.6183776855469,224.20413208007812 298.7597351074219,176.90138244628906 256.2792205810547,149.29586791992188 306.872802734375,151.9319610595703 320,103 333.127197265625,151.9319610595703 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" transform="rotate(25 320 163.602)"/>
  </g>
  <defs>
   <filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario7-check tool_star_change_blur.svg b/cypress/__svgSnapshots__/scenario7-check tool_star_change_blur.svg
index 998bb71b..7fcd6637 100644
--- a/cypress/__svgSnapshots__/scenario7-check tool_star_change_blur.svg	
+++ b/cypress/__svgSnapshots__/scenario7-check tool_star_change_blur.svg	
@@ -1,8 +1,8 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
-  <polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" transform="rotate(25 320 163.634)"/>
+  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83 313.1272039678652,131.93195379229283 363.72078659177527,129.29586137687852 321.2402621972584,156.90137954104048 339.3816119035957,204.20413862312148 300,172.33333333333334 260.6183880964043,204.20413862312148 278.7597378027416,156.90137954104048 236.2792134082247,129.29586137687852 286.8727960321348,131.93195379229286 300,83 313.1272039678652,131.93195379229283 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
+  <polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" orient="point" point="5" points="320,103 333.127197265625,151.9319610595703 383.7207946777344,149.29586791992188 341.2402648925781,176.90138244628906 359.3816223144531,224.20413208007812 320,192.3333282470703 280.6183776855469,224.20413208007812 298.7597351074219,176.90138244628906 256.2792205810547,149.29586791992188 306.872802734375,151.9319610595703 320,103 333.127197265625,151.9319610595703 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" transform="rotate(25 320 163.602)"/>
  </g>
  <defs>
   <filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario7-check tool_star_change_opacity.svg b/cypress/__svgSnapshots__/scenario7-check tool_star_change_opacity.svg
index 78390389..303a100d 100644
--- a/cypress/__svgSnapshots__/scenario7-check tool_star_change_opacity.svg	
+++ b/cypress/__svgSnapshots__/scenario7-check tool_star_change_opacity.svg	
@@ -1,8 +1,8 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
-  <polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" transform="rotate(25 320 163.634)"/>
+  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83 313.1272039678652,131.93195379229283 363.72078659177527,129.29586137687852 321.2402621972584,156.90137954104048 339.3816119035957,204.20413862312148 300,172.33333333333334 260.6183880964043,204.20413862312148 278.7597378027416,156.90137954104048 236.2792134082247,129.29586137687852 286.8727960321348,131.93195379229286 300,83 313.1272039678652,131.93195379229283 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
+  <polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" filter="url(#svg_2_id_blur)" id="svg_2_id" opacity="0.5" orient="point" point="5" points="320,103 333.127197265625,151.9319610595703 383.7207946777344,149.29586791992188 341.2402648925781,176.90138244628906 359.3816223144531,224.20413208007812 320,192.3333282470703 280.6183776855469,224.20413208007812 298.7597351074219,176.90138244628906 256.2792205810547,149.29586791992188 306.872802734375,151.9319610595703 320,103 333.127197265625,151.9319610595703 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" transform="rotate(25 320 163.602)"/>
  </g>
  <defs>
   <filter height="200%" id="svg_2_id_blur" width="200%" x="-50%" y="-50%">
diff --git a/cypress/__svgSnapshots__/scenario7-check tool_star_change_rotation.svg b/cypress/__svgSnapshots__/scenario7-check tool_star_change_rotation.svg
index 8ea1e1e1..71e12e33 100644
--- a/cypress/__svgSnapshots__/scenario7-check tool_star_change_rotation.svg	
+++ b/cypress/__svgSnapshots__/scenario7-check tool_star_change_rotation.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
-  <polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" id="svg_2_id" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" transform="rotate(25 320 163.634)"/>
+  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83 313.1272039678652,131.93195379229283 363.72078659177527,129.29586137687852 321.2402621972584,156.90137954104048 339.3816119035957,204.20413862312148 300,172.33333333333334 260.6183880964043,204.20413862312148 278.7597378027416,156.90137954104048 236.2792134082247,129.29586137687852 286.8727960321348,131.93195379229286 300,83 313.1272039678652,131.93195379229283 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
+  <polygon class="svg_2_class" cx="300" cy="150" fill="#FF0000" id="svg_2_id" orient="point" point="5" points="320,103 333.127197265625,151.9319610595703 383.7207946777344,149.29586791992188 341.2402648925781,176.90138244628906 359.3816223144531,224.20413208007812 320,192.3333282470703 280.6183776855469,224.20413208007812 298.7597351074219,176.90138244628906 256.2792205810547,149.29586791992188 306.872802734375,151.9319610595703 320,103 333.127197265625,151.9319610595703 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5" transform="rotate(25 320 163.602)"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario7-check tool_star_change_sides.svg b/cypress/__svgSnapshots__/scenario7-check tool_star_change_sides.svg
index 536bb034..7dd9fc9f 100644
--- a/cypress/__svgSnapshots__/scenario7-check tool_star_change_sides.svg	
+++ b/cypress/__svgSnapshots__/scenario7-check tool_star_change_sides.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="300" cy="150" fill="#bf0000" id="svg_1" orient="point" point="6" points="575.9783673967634,70.14305132911319 587.0894785078744,117.56470902279233 633.713394315726,103.47638466244652 598.2005896189855,136.80971799577986 633.713394315726,170.14305132911318 587.0894785078744,156.0547269687674 575.9783673967634,203.47638466244655 564.8672562856523,156.0547269687674 518.2433404778008,170.14305132911323 553.7561451745412,136.80971799577986 518.2433404778008,103.47638466244652 564.8672562856523,117.56470902279233 575.9783673967634,70.14305132911319 587.0894785078744,117.56470902279233 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#0000bf" stroke-width="15"/>
+  <polygon cx="300" cy="150" fill="#bf0000" id="svg_1" orient="point" point="6" points="575.6707502092634,69.74376460484095 586.83741687593,117.40253058698849 633.6944522628207,103.24376460484095 598.0040835425967,136.74376460484095 633.6944522628207,170.24376460484092 586.83741687593,156.0849986226934 575.6707502092634,203.74376460484095 564.5040835425967,156.0849986226934 517.647048155706,170.24376460484098 553.33741687593,136.74376460484095 517.647048155706,103.24376460484095 564.5040835425967,117.40253058698849 575.6707502092634,69.74376460484095 586.83741687593,117.40253058698849 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#0000bf" stroke-width="15"/>
  </g>
 
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario7-check tool_star_change_stoke_fill_color.svg b/cypress/__svgSnapshots__/scenario7-check tool_star_change_stoke_fill_color.svg
index 61a5150e..6da95a83 100644
--- a/cypress/__svgSnapshots__/scenario7-check tool_star_change_stoke_fill_color.svg	
+++ b/cypress/__svgSnapshots__/scenario7-check tool_star_change_stoke_fill_color.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="300" cy="150" fill="#bf0000" id="svg_1" orient="point" point="5" points="574.0962219238281,83.33333587646484 587.1581115722656,132.0218505859375 637.5,129.39886474609375 595.2308044433594,156.86705017089844 613.2818908691406,203.93446350097656 574.0962219238281,172.22222900390625 534.9105529785156,203.93446350097656 552.9616394042969,156.86705017089844 510.6924591064453,129.39886474609375 561.0343322753906,132.0218505859375 574.0962219238281,83.33333587646484 587.1581115722656,132.0218505859375 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#0000bf" stroke-width="15"/>
+  <polygon cx="300" cy="150" fill="#bf0000" id="svg_1" orient="point" point="5" points="573.7792053222656,83 586.9064025878906,131.9319610595703 637.5,129.29586791992188 595.0194702148438,156.90138244628906 613.1608276367188,204.20413208007812 573.7792053222656,172.3333282470703 534.3975830078125,204.20413208007812 552.5389404296875,156.90138244628906 510.0584259033203,129.29586791992188 560.6520080566406,131.9319610595703 573.7792053222656,83 586.9064025878906,131.9319610595703 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#0000bf" stroke-width="15"/>
  </g>
 
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario7-check tool_star_change_stroke_width.svg b/cypress/__svgSnapshots__/scenario7-check tool_star_change_stroke_width.svg
index a68e8ebb..6a4d21ec 100644
--- a/cypress/__svgSnapshots__/scenario7-check tool_star_change_stroke_width.svg	
+++ b/cypress/__svgSnapshots__/scenario7-check tool_star_change_stroke_width.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="574.0962219238281,83.33333587646484 587.1581115722656,132.0218505859375 637.5,129.39886474609375 595.2308044433594,156.86705017089844 613.2818908691406,203.93446350097656 574.0962219238281,172.22222900390625 534.9105529785156,203.93446350097656 552.9616394042969,156.86705017089844 510.6924591064453,129.39886474609375 561.0343322753906,132.0218505859375 574.0962219238281,83.33333587646484 587.1581115722656,132.0218505859375 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="15"/>
+  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="573.7792053222656,83 586.9064025878906,131.9319610595703 637.5,129.29586791992188 595.0194702148438,156.90138244628906 613.1608276367188,204.20413208007812 573.7792053222656,172.3333282470703 534.3975830078125,204.20413208007812 552.5389404296875,156.90138244628906 510.0584259033203,129.29586791992188 560.6520080566406,131.9319610595703 573.7792053222656,83 586.9064025878906,131.9319610595703 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="15"/>
  </g>
 
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario7-check tool_star_clone.svg b/cypress/__svgSnapshots__/scenario7-check tool_star_clone.svg
index 4c753bd3..f029cdeb 100644
--- a/cypress/__svgSnapshots__/scenario7-check tool_star_clone.svg	
+++ b/cypress/__svgSnapshots__/scenario7-check tool_star_clone.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
-  <polygon cx="300" cy="150" fill="#FF0000" id="svg_2" orient="point" point="5" points="320,103.33333587646484 333.0618896484375,152.0218505859375 383.4037780761719,149.39886474609375 341.13458251953125,176.86705017089844 359.1856689453125,223.93446350097656 320,192.22222900390625 280.8143310546875,223.93446350097656 298.86541748046875,176.86705017089844 256.5962371826172,149.39886474609375 306.9381103515625,152.0218505859375 320,103.33333587646484 333.0618896484375,152.0218505859375 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
+  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83 313.1272039678652,131.93195379229283 363.72078659177527,129.29586137687852 321.2402621972584,156.90137954104048 339.3816119035957,204.20413862312148 300,172.33333333333334 260.6183880964043,204.20413862312148 278.7597378027416,156.90137954104048 236.2792134082247,129.29586137687852 286.8727960321348,131.93195379229286 300,83 313.1272039678652,131.93195379229283 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
+  <polygon cx="300" cy="150" fill="#FF0000" id="svg_2" orient="point" point="5" points="320,103 333.127197265625,151.9319610595703 383.7207946777344,149.29586791992188 341.2402648925781,176.90138244628906 359.3816223144531,224.20413208007812 320,192.3333282470703 280.6183776855469,224.20413208007812 298.7597351074219,176.90138244628906 256.2792205810547,149.29586791992188 306.872802734375,151.9319610595703 320,103 333.127197265625,151.9319610595703 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
  </g>
 </svg>
\ No newline at end of file
diff --git a/cypress/__svgSnapshots__/scenario7-check tool_star_delete.svg b/cypress/__svgSnapshots__/scenario7-check tool_star_delete.svg
index 633d13e8..cc8e94a5 100644
--- a/cypress/__svgSnapshots__/scenario7-check tool_star_delete.svg	
+++ b/cypress/__svgSnapshots__/scenario7-check tool_star_delete.svg	
@@ -1,7 +1,7 @@
 <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
  <g class="layer">
   <title>Layer 1</title>
-  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83.33333333333333 313.0618944953883,132.02184456944562 363.40376775301024,129.39886704167017 321.13458925100343,156.86704431944327 339.18568348616486,203.93446629166317 300,172.22222222222223 260.81431651383514,203.93446629166317 278.86541074899657,156.86704431944327 236.59623224698976,129.39886704167017 286.9381055046117,132.02184456944562 300,83.33333333333333 313.0618944953883,132.02184456944562 " r="66.67" r2="22.22" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
+  <polygon cx="300" cy="150" fill="#FF0000" id="svg_1" orient="point" point="5" points="300,83 313.1272039678652,131.93195379229283 363.72078659177527,129.29586137687852 321.2402621972584,156.90137954104048 339.3816119035957,204.20413862312148 300,172.33333333333334 260.6183880964043,204.20413862312148 278.7597378027416,156.90137954104048 236.2792134082247,129.29586137687852 286.8727960321348,131.93195379229286 300,83 313.1272039678652,131.93195379229283 " r="67" r2="22.33" radialshift="0" shape="star" starRadiusMultiplier="3" stroke="#000000" stroke-width="5"/>
  </g>
 
 </svg>
\ No newline at end of file
diff --git a/cypress/e2e/ui/issues/issue-752.cy.js b/cypress/e2e/ui/issues/issue-752.cy.js
index 93038ce8..585d9e7c 100644
--- a/cypress/e2e/ui/issues/issue-752.cy.js
+++ b/cypress/e2e/ui/issues/issue-752.cy.js
@@ -34,6 +34,6 @@ describe('Fix issue 752', function () {
       .trigger('mousemove', 203, 205, { force: true })
       .trigger('mouseup', { force: true })
 
-    cy.get('#selectedBox0').should('have.attr', 'd', 'M174,174 L246,174 246,246 174,246z')
+    cy.get('#selectedBox0').should('have.attr', 'd', 'M192,194 L284,194 284,286 192,286z')
   })
 })
diff --git a/cypress/e2e/ui/scenario.cy.js b/cypress/e2e/ui/scenario.cy.js
index c3fcaa4e..609da62a 100644
--- a/cypress/e2e/ui/scenario.cy.js
+++ b/cypress/e2e/ui/scenario.cy.js
@@ -192,7 +192,7 @@ describe('use text tools of svg-edit', function () {
   })
   it('check tool_length_adjust', function () {
     cy.get('#svg_1').click({ force: true })
-    cy.get('#tool_length_adjust').shadow().find('select').select(1)
+    cy.get('#tool_length_adjust').shadow().find('select').select(1, { force: true })
     cy.svgSnapshot()
   })
   it('check tool_text_change_rotation', function () {
diff --git a/cypress/e2e/ui/scenario2.cy.js b/cypress/e2e/ui/scenario2.cy.js
index 963ba5e0..78832de6 100644
--- a/cypress/e2e/ui/scenario2.cy.js
+++ b/cypress/e2e/ui/scenario2.cy.js
@@ -23,8 +23,8 @@ describe('use ellipse and circle of svg-edit', function () {
     cy.get('#tool_circle')
       .click({ force: true })
     cy.get('#svgcontent')
-      .trigger('mousedown', 150, 150, { force: true })
-      .trigger('mousemove', 250, 200, { force: true })
+      .trigger('mousedown', 200, 200, { force: true })
+      .trigger('mousemove', 300, 200, { force: true })
       .trigger('mouseup', { force: true })
     cy.svgSnapshot()
   })
@@ -32,19 +32,19 @@ describe('use ellipse and circle of svg-edit', function () {
     cy.get('#tool_fhellipse')
       .click({ force: true })
     cy.get('#svgcontent')
-      .trigger('mousedown', 200, 80, { force: true })
-      .trigger('mousemove', 320, 80, { force: true })
-      .trigger('mousemove', 320, 180, { force: true })
-      .trigger('mousemove', 200, 180, { force: true })
-      .trigger('mousemove', 200, 80, { force: true })
-      .trigger('mouseup', 200, 80, { force: true })
+      .trigger('mousedown', 400, 200, { force: true }).wait(100)
+      .trigger('mousemove', { force: true, pageX: 400, pageY: 200 }).wait(100)
+      .trigger('mousemove', { force: true, pageX: 400, pageY: 300 }).wait(100)
+      .trigger('mousemove', { force: true, pageX: 300, pageY: 400 }).wait(100)
+      .trigger('mousemove', { force: true, pageX: 200, pageY: 200 }).wait(100)
+      .trigger('mouseup', 200, 100, { force: true })
     cy.svgSnapshot()
   })
   it('check tool_ellipse', function () {
     cy.get('#tool_ellipse').click({ force: true })
     cy.get('#svgcontent')
-      .trigger('mousedown', 75, 150, { force: true })
-      .trigger('mousemove', 130, 175, { force: true })
+      .trigger('mousedown', 100, 300, { force: true })
+      .trigger('mousemove', 200, 200, { force: true })
       .trigger('mouseup', { force: true })
     cy.svgSnapshot()
   })
@@ -80,11 +80,11 @@ describe('use ellipse and circle of svg-edit', function () {
   })
   it('check tool_ellipse_change_cx_cy_coordinate', function () {
     cy.get('#svg_3').click({ force: true })
-    for (let n = 0; n < 25; n++) {
+    for (let n = 0; n < 20; n++) {
       cy.get('#ellipse_cx').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
         .click({ force: true })
     }
-    for (let n = 0; n < 25; n++) {
+    for (let n = 0; n < 20; n++) {
       cy.get('#ellipse_cy').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
         .click({ force: true })
     }
@@ -92,11 +92,11 @@ describe('use ellipse and circle of svg-edit', function () {
   })
   it('check tool_ellipse_change_rx_ry_radius', function () {
     cy.get('#svg_3').click({ force: true })
-    for (let n = 0; n < 25; n++) {
+    for (let n = 0; n < 20; n++) {
       cy.get('#ellipse_rx').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
         .click({ force: true })
     }
-    for (let n = 0; n < 25; n++) {
+    for (let n = 0; n < 20; n++) {
       cy.get('#ellipse_ry').shadow().find('elix-number-spin-box').eq(0).shadow().find('#upButton').eq(0)
         .click({ force: true })
     }
diff --git a/cypress/e2e/unit/zoom.cy.js b/cypress/e2e/unit/zoom.cy.js
index 50b9d349..c2e73657 100644
--- a/cypress/e2e/unit/zoom.cy.js
+++ b/cypress/e2e/unit/zoom.cy.js
@@ -6,20 +6,15 @@ describe('UI - Zoom tool', function () {
   })
 
   it('should be able to open', function () {
+    cy.get('#tool-wrapper > input')
+      .click({ force: true })
     cy.get('#zoom')
-      .click()
       .shadow()
       .find('#options-container')
       .should('have.css', 'display', 'flex')
   })
 
   it('should be able to close', function () {
-    cy.get('#zoom')
-      .click()
-      .shadow()
-      .find('#options-container')
-      .should('have.css', 'display', 'flex')
-
     cy.get('#tool_select')
       .click({ force: true })
       .get('#zoom')
@@ -35,7 +30,7 @@ describe('UI - Zoom tool', function () {
         cy.get('#zoom')
           .shadow()
           .find('input')
-          .type('200')
+          .type('200', { force: true })
         cy.get('#tool_select')
           .click({ force: true })
         cy.get('#canvasBackground')
@@ -51,7 +46,7 @@ describe('UI - Zoom tool', function () {
         cy.get('#zoom')
           .shadow()
           .find('#arrow-up')
-          .click()
+          .click({ force: true })
         cy.get('#canvasBackground')
           .invoke('attr', 'width')
           .should('equal', (width * 1.1).toString())
@@ -65,7 +60,7 @@ describe('UI - Zoom tool', function () {
         cy.get('#zoom')
           .shadow()
           .find('#arrow-down')
-          .click()
+          .click({ force: true })
         cy.get('#canvasBackground')
           .invoke('attr', 'width')
           .should('equal', (width * 0.9).toString())
@@ -77,7 +72,7 @@ describe('UI - Zoom tool', function () {
       .invoke('attr', 'width')
       .then(width => {
         cy.get('#zoom')
-          .click()
+          .click({ force: true })
           .find('se-text')
           .first()
           .click({ force: true })
@@ -116,7 +111,7 @@ describe('UI - Zoom tool', function () {
       .invoke('attr', 'width')
       .then(width => {
         cy.get('#zoom')
-          .click()
+          .click({ force: true })
           .find("se-text[value='layer']")
           .click({ force: true })
         cy.get('#zoom')
@@ -135,7 +130,7 @@ describe('UI - Zoom tool', function () {
       .invoke('attr', 'width')
       .then(width => {
         cy.get('#zoom')
-          .click()
+          .click({ force: true })
           .find("se-text[value='canvas']")
           .click({ force: true })
         cy.get('#zoom')
@@ -168,7 +163,7 @@ describe('UI - Zoom tool', function () {
       .invoke('attr', 'width')
       .then(width => {
         cy.get('#zoom')
-          .click()
+          .click({ force: true })
           .find("se-text[value='layer']")
           .click({ force: true })
         cy.get('#zoom')
@@ -201,7 +196,7 @@ describe('UI - Zoom tool', function () {
       .invoke('attr', 'width')
       .then(width => {
         cy.get('#zoom')
-          .click()
+          .click({ force: true })
           .find("se-text[value='content']")
           .click({ force: true })
         cy.get('#zoom')
diff --git a/cypress/plugins/main.js b/cypress/plugins/main.js
index 8d215e56..2e31073b 100644
--- a/cypress/plugins/main.js
+++ b/cypress/plugins/main.js
@@ -7,9 +7,6 @@ export default (on, config) => {
   // `on` is used to hook into various events Cypress emits
   // `config` is the resolved Cypress config
 
-  // `on` is used to hook into various events Cypress emits
-  // `config` is the resolved Cypress config
-
   // https://docs.cypress.io/guides/tooling/code-coverage.html#Install-the-plugin
   codeCoverageTask(on, config)
 
diff --git a/cypress/support/ui-test-helper.js b/cypress/support/ui-test-helper.js
index 09adf24d..48dbcd3a 100644
--- a/cypress/support/ui-test-helper.js
+++ b/cypress/support/ui-test-helper.js
@@ -2,6 +2,8 @@ export const visitAndApproveStorage = () => {
   cy.clearLocalStorage()
   cy.visit('/src/editor/index.html')
   cy.get('#storage_ok').click({ force: true })
+  // move to English and snap mode (to correct potential differences between CI and local tests )
+  selectEnglishAndSnap()
 }
 
 export const openMainMenu = () => {
@@ -10,11 +12,12 @@ export const openMainMenu = () => {
 
 export const openEditorPreferences = () => {
   openMainMenu()
-  return cy.get('#tool_editor_prefs').click()
+  return cy.get('#tool_editor_prefs').click({ force: true })
 }
 
-export const selectEnglish = () => {
+export const selectEnglishAndSnap = () => {
   openEditorPreferences()
-  cy.get('#lang_select').select('en')
-  cy.get('#tool_prefs_save').click()
+  cy.get('#lang_select').select('en', { force: true })
+  cy.get('#grid_snapping_on').click({ force: true })
+  cy.get('#tool_prefs_save').click({ force: true })
 }
diff --git a/package-lock.json b/package-lock.json
index a788551f..dce4352b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,10 +14,10 @@
       "dependencies": {
         "@svgedit/svgcanvas": "7.2.1",
         "browser-fs-access": "0.31.1",
-        "core-js": "3.26.1",
+        "core-js": "3.27.1",
         "elix": "15.0.1",
         "html2canvas": "1.4.1",
-        "i18next": "22.4.0",
+        "i18next": "22.4.9",
         "jspdf": "2.5.1",
         "pathseg": "1.2.1",
         "regenerator-runtime": "0.13.11",
@@ -25,25 +25,25 @@
         "svg2pdf.js": "2.2.1"
       },
       "devDependencies": {
-        "@babel/core": "7.20.5",
+        "@babel/core": "7.20.12",
         "@babel/preset-env": "7.20.2",
         "@babel/register": "7.18.9",
-        "@babel/runtime-corejs3": "7.20.6",
+        "@babel/runtime-corejs3": "7.20.7",
         "@cypress/code-coverage": "3.10.0",
         "@rollup/plugin-babel": "^6.0.3",
-        "@rollup/plugin-commonjs": "^23",
-        "@rollup/plugin-dynamic-import-vars": "2.0.1",
+        "@rollup/plugin-commonjs": "^24",
+        "@rollup/plugin-dynamic-import-vars": "2.0.2",
         "@rollup/plugin-node-resolve": "15.0.1",
-        "@rollup/plugin-replace": "5.0.1",
+        "@rollup/plugin-replace": "5.0.2",
         "@rollup/plugin-url": "8.0.1",
         "@web/dev-server": "0.1.35",
         "@web/dev-server-esbuild": "^0.3.3",
         "@web/dev-server-rollup": "0.3.19",
         "babel-plugin-istanbul": "^6.1.1",
         "babel-plugin-transform-object-rest-spread": "7.0.0-beta.3",
-        "core-js-bundle": "3.26.1",
+        "core-js-bundle": "3.27.1",
         "cp-cli": "2.0.0",
-        "cypress": "12.0.2",
+        "cypress": "12.3.0",
         "cypress-multi-reporters": "1.6.2",
         "jamilih": "0.54.0",
         "jsdoc": "4.0.0",
@@ -57,7 +57,7 @@
         "remark-cli": "11.0.0",
         "remark-lint-ordered-list-marker-value": "3.1.1",
         "rimraf": "3.0.2",
-        "rollup": "3.7.3",
+        "rollup": "3.9.1",
         "rollup-plugin-copy": "3.4.0",
         "rollup-plugin-filesize": "9.1.2",
         "rollup-plugin-html": "0.2.1",
@@ -97,34 +97,34 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.20.1",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.20.1.tgz",
-      "integrity": "sha512-EWZ4mE2diW3QALKvDMiXnbZpRvlj+nayZ112nK93SnhqOtpdsbVD4W+2tEoT3YNBAG9RBR0ISY758ZkOgsn6pQ==",
+      "version": "7.20.10",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.20.10.tgz",
+      "integrity": "sha512-sEnuDPpOJR/fcafHMjpcpGN5M2jbUGUHwmuWKM/YdPzeEDJg8bgmbcWQFUfE32MQjti1koACvoPVsDe8Uq+idg==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.20.5.tgz",
-      "integrity": "sha512-UdOWmk4pNWTm/4DlPUl/Pt4Gz4rcEMb7CY0Y3eJl5Yz1vI8ZJGmHWaVE55LoxRjdpx0z259GE9U5STA9atUinQ==",
+      "version": "7.20.12",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.20.12.tgz",
+      "integrity": "sha512-XsMfHovsUYHFMdrIHkZphTN/2Hzzi78R08NuHfDBehym2VsPDL6Zn/JAD/JQdnRvbSsbQc4mVaU1m6JgtTEElg==",
       "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.1.0",
         "@babel/code-frame": "^7.18.6",
-        "@babel/generator": "^7.20.5",
-        "@babel/helper-compilation-targets": "^7.20.0",
-        "@babel/helper-module-transforms": "^7.20.2",
-        "@babel/helpers": "^7.20.5",
-        "@babel/parser": "^7.20.5",
-        "@babel/template": "^7.18.10",
-        "@babel/traverse": "^7.20.5",
-        "@babel/types": "^7.20.5",
+        "@babel/generator": "^7.20.7",
+        "@babel/helper-compilation-targets": "^7.20.7",
+        "@babel/helper-module-transforms": "^7.20.11",
+        "@babel/helpers": "^7.20.7",
+        "@babel/parser": "^7.20.7",
+        "@babel/template": "^7.20.7",
+        "@babel/traverse": "^7.20.12",
+        "@babel/types": "^7.20.7",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.1",
+        "json5": "^2.2.2",
         "semver": "^6.3.0"
       },
       "engines": {
@@ -171,12 +171,12 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.20.5.tgz",
-      "integrity": "sha512-jl7JY2Ykn9S0yj4DQP82sYvPU+T3g0HFcWTqDLqiuA9tGRNIj9VfbtXGAYTTkyNEnQk1jkMGOdYka8aG/lulCA==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.20.7.tgz",
+      "integrity": "sha512-7wqMOJq8doJMZmP4ApXTzLxSr7+oO2jroJURrVEp6XShrQUObV8Tq/D0NCcoYg2uHqUrjzO0zwBjoYzelxK+sw==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.20.5",
+        "@babel/types": "^7.20.7",
         "@jridgewell/gen-mapping": "^0.3.2",
         "jsesc": "^2.5.1"
       },
@@ -212,14 +212,15 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.20.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.0.tgz",
-      "integrity": "sha512-0jp//vDGp9e8hZzBc6N/KwA5ZK3Wsm/pfm4CrY7vzegkVxc65SgSn6wYOnwHe9Js9HRQ1YTCKLGPzDtaS3RoLQ==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz",
+      "integrity": "sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==",
       "dev": true,
       "dependencies": {
-        "@babel/compat-data": "^7.20.0",
+        "@babel/compat-data": "^7.20.5",
         "@babel/helper-validator-option": "^7.18.6",
         "browserslist": "^4.21.3",
+        "lru-cache": "^5.1.1",
         "semver": "^6.3.0"
       },
       "engines": {
@@ -229,6 +230,15 @@
         "@babel/core": "^7.0.0"
       }
     },
+    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
     "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
@@ -239,6 +249,12 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true
+    },
     "node_modules/@babel/helper-create-class-features-plugin": {
       "version": "7.18.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.18.9.tgz",
@@ -402,9 +418,9 @@
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.20.2",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.20.2.tgz",
-      "integrity": "sha512-zvBKyJXRbmK07XhMuujYoJ48B5yvvmM6+wcpv6Ivj4Yg6qO7NOZOSnvZN9CRl1zz1Z4cKf8YejmCMh8clOoOeA==",
+      "version": "7.20.11",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.20.11.tgz",
+      "integrity": "sha512-uRy78kN4psmji1s2QtbtcCSaj/LILFDp0f/ymhpQH5QY3nljUZCaNWz9X1dEj/8MBdBEFECs7yRhKn8i7NjZgg==",
       "dev": true,
       "dependencies": {
         "@babel/helper-environment-visitor": "^7.18.9",
@@ -412,9 +428,9 @@
         "@babel/helper-simple-access": "^7.20.2",
         "@babel/helper-split-export-declaration": "^7.18.6",
         "@babel/helper-validator-identifier": "^7.19.1",
-        "@babel/template": "^7.18.10",
-        "@babel/traverse": "^7.20.1",
-        "@babel/types": "^7.20.2"
+        "@babel/template": "^7.20.7",
+        "@babel/traverse": "^7.20.10",
+        "@babel/types": "^7.20.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -560,14 +576,14 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.20.6",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.20.6.tgz",
-      "integrity": "sha512-Pf/OjgfgFRW5bApskEz5pvidpim7tEDPlFtKcNRXWmfHGn9IEI2W2flqRQXTFb7gIPTyK++N6rVHuwKut4XK6w==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.20.7.tgz",
+      "integrity": "sha512-PBPjs5BppzsGaxHQCDKnZ6Gd9s6xl8bBCluz3vEInLGRJmnZan4F6BYCeqtyXqkk4W5IlPmjK4JlOuZkpJ3xZA==",
       "dev": true,
       "dependencies": {
-        "@babel/template": "^7.18.10",
-        "@babel/traverse": "^7.20.5",
-        "@babel/types": "^7.20.5"
+        "@babel/template": "^7.20.7",
+        "@babel/traverse": "^7.20.7",
+        "@babel/types": "^7.20.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -589,9 +605,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.5.tgz",
-      "integrity": "sha512-r27t/cy/m9uKLXQNWWebeCUHgnAZq0CpG1OwKRxzJMP1vpSU4bSIK2hq+/cp0bQxetkXx38n09rNu8jVkcK/zA==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.7.tgz",
+      "integrity": "sha512-T3Z9oHybU+0vZlY9CiDSJQTD5ZapcW18ZctFMi0MOAl/4BjFF4ul7NVSARLdbGO5vDqy9eQiGTV0LtKfvCYvcg==",
       "dev": true,
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -1777,9 +1793,9 @@
       }
     },
     "node_modules/@babel/runtime-corejs3": {
-      "version": "7.20.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.20.6.tgz",
-      "integrity": "sha512-tqeujPiuEfcH067mx+7otTQWROVMKHXEaOQcAeNV5dDdbPWvPcFA8/W9LXw2NfjNmOetqLl03dfnG2WALPlsRQ==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.20.7.tgz",
+      "integrity": "sha512-jr9lCZ4RbRQmCR28Q8U8Fu49zvFqLxTY9AMOUz+iyMohMoAgpEcVxY+wJNay99oXOpOcCTODkk70NDN2aaJEeg==",
       "dev": true,
       "dependencies": {
         "core-js-pure": "^3.25.1",
@@ -1790,34 +1806,33 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.18.10",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.18.10.tgz",
-      "integrity": "sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
+      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.18.10",
-        "@babel/types": "^7.18.10"
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.5.tgz",
-      "integrity": "sha512-WM5ZNN3JITQIq9tFZaw1ojLU3WgWdtkxnhM1AegMS+PvHjkM5IXjmYEGY7yukz5XS4sJyEf2VzWjI8uAavhxBQ==",
+      "version": "7.20.12",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.12.tgz",
+      "integrity": "sha512-MsIbFN0u+raeja38qboyF8TIT7K0BFzz/Yd/77ta4MsUsmP2RAnidIlwq7d5HFQrH/OZJecGV6B71C4zAgpoSQ==",
       "dev": true,
       "dependencies": {
         "@babel/code-frame": "^7.18.6",
-        "@babel/generator": "^7.20.5",
+        "@babel/generator": "^7.20.7",
         "@babel/helper-environment-visitor": "^7.18.9",
         "@babel/helper-function-name": "^7.19.0",
         "@babel/helper-hoist-variables": "^7.18.6",
         "@babel/helper-split-export-declaration": "^7.18.6",
-        "@babel/parser": "^7.20.5",
-        "@babel/types": "^7.20.5",
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
@@ -1843,9 +1858,9 @@
       "license": "MIT"
     },
     "node_modules/@babel/types": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.20.5.tgz",
-      "integrity": "sha512-c9fst/h2/dcF7H+MJKZ2T0KjEQ8hY/BNnDk/H3XY8C4Aw/eWQXWn/lWntHF9ooUBnGmEvbfGrTgLWc+um0YDUg==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.20.7.tgz",
+      "integrity": "sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==",
       "dev": true,
       "dependencies": {
         "@babel/helper-string-parser": "^7.19.4",
@@ -2471,11 +2486,10 @@
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.11",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.11.tgz",
-      "integrity": "sha512-Fg32GrJo61m+VqYSdRSjRXMjQ06j8YIYfcTqndLYVAaHmroZHLJZCydsWBOTDqXS2v+mjxohBWEMfg97GXmYQg==",
-      "dev": true,
-      "license": "MIT"
+      "version": "1.4.14",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
+      "dev": true
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.13",
@@ -2829,9 +2843,9 @@
       }
     },
     "node_modules/@rollup/plugin-commonjs": {
-      "version": "23.0.2",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-23.0.2.tgz",
-      "integrity": "sha512-e9ThuiRf93YlVxc4qNIurvv+Hp9dnD+4PjOqQs5vAYfcZ3+AXSrcdzXnVjWxcGQOa6KGJFcRZyUI3ktWLavFjg==",
+      "version": "24.0.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-24.0.0.tgz",
+      "integrity": "sha512-0w0wyykzdyRRPHOb0cQt14mIBLujfAv6GgP6g8nvg/iBxEm112t3YPPq+Buqe2+imvElTka+bjNlJ/gB56TD8g==",
       "dev": true,
       "dependencies": {
         "@rollup/pluginutils": "^5.0.1",
@@ -2839,7 +2853,7 @@
         "estree-walker": "^2.0.2",
         "glob": "^8.0.3",
         "is-reference": "1.2.1",
-        "magic-string": "^0.26.4"
+        "magic-string": "^0.27.0"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -2894,15 +2908,15 @@
       }
     },
     "node_modules/@rollup/plugin-dynamic-import-vars": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-dynamic-import-vars/-/plugin-dynamic-import-vars-2.0.1.tgz",
-      "integrity": "sha512-//rFVnJhZqR1Bje7n9ZMlmX9M62AExcLVXmbTcq80CqFx97C6CXaghLYsPzcZ7w8JhbVdjBIRADyLNel0HHorg==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-dynamic-import-vars/-/plugin-dynamic-import-vars-2.0.2.tgz",
+      "integrity": "sha512-aycot2FUPPVb3uDswXsmUdgu8Z8T82uQGBGXZm/uf9XNsp1QoFDBhPrLiwNDJB8BUIiaRjvmaVsAPAQrbVTBVA==",
       "dev": true,
       "dependencies": {
         "@rollup/pluginutils": "^5.0.1",
         "estree-walker": "^2.0.2",
         "fast-glob": "^3.2.12",
-        "magic-string": "^0.26.4"
+        "magic-string": "^0.27.0"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -2948,13 +2962,13 @@
       "dev": true
     },
     "node_modules/@rollup/plugin-replace": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.1.tgz",
-      "integrity": "sha512-Z3MfsJ4CK17BfGrZgvrcp/l6WXoKb0kokULO+zt/7bmcyayokDaQ2K3eDJcRLCTAlp5FPI4/gz9MHAsosz4Rag==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz",
+      "integrity": "sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==",
       "dev": true,
       "dependencies": {
         "@rollup/pluginutils": "^5.0.1",
-        "magic-string": "^0.26.4"
+        "magic-string": "^0.27.0"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -5307,9 +5321,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001434",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001434.tgz",
-      "integrity": "sha512-aOBHrLmTQw//WFa2rcF1If9fa3ypkC1wzqqiKHgfdrXTWcU8C4gKVZT77eQAPWN1APys3+uQ0Df07rKauXGEYA==",
+      "version": "1.0.30001439",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001439.tgz",
+      "integrity": "sha512-1MgUzEkoMO6gKfXflStpYgZDlFM7M/ck/bgfVCACO5vnAf0fXoNVHdWtqGU+MYca+4bL9Z5bpOVmR33cWW9G2A==",
       "dev": true,
       "funding": [
         {
@@ -5713,9 +5727,9 @@
       }
     },
     "node_modules/core-js": {
-      "version": "3.26.1",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.26.1.tgz",
-      "integrity": "sha512-21491RRQVzUn0GGM9Z1Jrpr6PNPxPi+Za8OM9q4tksTSnlbXXGKK1nXNg/QvwFYettXvSX6zWKCtHHfjN4puyA==",
+      "version": "3.27.1",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.27.1.tgz",
+      "integrity": "sha512-GutwJLBChfGCpwwhbYoqfv03LAfmiz7e7D/BNxzeMxwQf10GRSzqiOjx7AmtEk+heiD/JWmBuyBPgFtx0Sg1ww==",
       "hasInstallScript": true,
       "funding": {
         "type": "opencollective",
@@ -5723,9 +5737,9 @@
       }
     },
     "node_modules/core-js-bundle": {
-      "version": "3.26.1",
-      "resolved": "https://registry.npmjs.org/core-js-bundle/-/core-js-bundle-3.26.1.tgz",
-      "integrity": "sha512-adXG+epLYMa2CdG4VewSXXiHAFQYxcYgJblKV0AeCGnnF51VzL50Fw6xJYoCHGcKwkzinPZfys0SDX5B/wRSww==",
+      "version": "3.27.1",
+      "resolved": "https://registry.npmjs.org/core-js-bundle/-/core-js-bundle-3.27.1.tgz",
+      "integrity": "sha512-CqdCVLIOGQH15hyGdLsRCC0zKjdUEFKoODKbO6yxx2Z3f+mE4Sm29VNAZm6yKJdMW3rAfPjPt9Imt8ssafTuXQ==",
       "dev": true,
       "hasInstallScript": true,
       "funding": {
@@ -6047,9 +6061,9 @@
       }
     },
     "node_modules/cypress": {
-      "version": "12.0.2",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-12.0.2.tgz",
-      "integrity": "sha512-WnLx1DpnbF1vbpDBkgP14rK5yS3U+Gvxrv2fsB4Owma26oIyENj7DDRnsJbSZuTfG4mcuUJxAkRHJR2wBqBfMA==",
+      "version": "12.3.0",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-12.3.0.tgz",
+      "integrity": "sha512-ZQNebibi6NBt51TRxRMYKeFvIiQZ01t50HSy7z/JMgRVqBUey3cdjog5MYEbzG6Ktti5ckDt1tfcC47lmFwXkw==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
@@ -9342,9 +9356,9 @@
       }
     },
     "node_modules/i18next": {
-      "version": "22.4.0",
-      "resolved": "https://registry.npmjs.org/i18next/-/i18next-22.4.0.tgz",
-      "integrity": "sha512-1P6s/V/phMB1uQzV3EIaD/BJimz1d0P6sLZmfcMFbsfyfQ/2NiKcPyxP84aIrobhK2rMpkcOVAdneuH/NI/wBg==",
+      "version": "22.4.9",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-22.4.9.tgz",
+      "integrity": "sha512-8gWMmUz460KJDQp/ob3MNUX84cVuDRY9PLFPnV8d+Qezz/6dkjxwOaH70xjrCNDO+JrUL25iXfAIN9wUkInNZw==",
       "funding": [
         {
           "type": "individual",
@@ -10362,11 +10376,10 @@
       "license": "ISC"
     },
     "node_modules/json5": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
-      "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "dev": true,
-      "license": "MIT",
       "bin": {
         "json5": "lib/cli.js"
       },
@@ -11138,12 +11151,12 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.26.7",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.26.7.tgz",
-      "integrity": "sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==",
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+      "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
       "dev": true,
       "dependencies": {
-        "sourcemap-codec": "^1.4.8"
+        "@jridgewell/sourcemap-codec": "^1.4.13"
       },
       "engines": {
         "node": ">=12"
@@ -15938,9 +15951,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.7.3",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.7.3.tgz",
-      "integrity": "sha512-7e68MQbAWCX6mI4/0lG1WHd+NdNAlVamg0Zkd+8LZ/oXojligdGnCNyHlzXqXCZObyjs5FRc3AH0b17iJESGIQ==",
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.9.1.tgz",
+      "integrity": "sha512-GswCYHXftN8ZKGVgQhTFUJB/NBXxrRGgO2NCy6E8s1rwEJ4Q9/VttNqcYfEvx4dTo4j58YqdC3OVztPzlKSX8w==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -16575,12 +16588,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/sourcemap-codec": {
-      "version": "1.4.8",
-      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
-      "dev": true
-    },
     "node_modules/spawn-wrap": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/spawn-wrap/-/spawn-wrap-2.0.0.tgz",
@@ -19679,31 +19686,31 @@
       }
     },
     "@babel/compat-data": {
-      "version": "7.20.1",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.20.1.tgz",
-      "integrity": "sha512-EWZ4mE2diW3QALKvDMiXnbZpRvlj+nayZ112nK93SnhqOtpdsbVD4W+2tEoT3YNBAG9RBR0ISY758ZkOgsn6pQ==",
+      "version": "7.20.10",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.20.10.tgz",
+      "integrity": "sha512-sEnuDPpOJR/fcafHMjpcpGN5M2jbUGUHwmuWKM/YdPzeEDJg8bgmbcWQFUfE32MQjti1koACvoPVsDe8Uq+idg==",
       "dev": true
     },
     "@babel/core": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.20.5.tgz",
-      "integrity": "sha512-UdOWmk4pNWTm/4DlPUl/Pt4Gz4rcEMb7CY0Y3eJl5Yz1vI8ZJGmHWaVE55LoxRjdpx0z259GE9U5STA9atUinQ==",
+      "version": "7.20.12",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.20.12.tgz",
+      "integrity": "sha512-XsMfHovsUYHFMdrIHkZphTN/2Hzzi78R08NuHfDBehym2VsPDL6Zn/JAD/JQdnRvbSsbQc4mVaU1m6JgtTEElg==",
       "dev": true,
       "requires": {
         "@ampproject/remapping": "^2.1.0",
         "@babel/code-frame": "^7.18.6",
-        "@babel/generator": "^7.20.5",
-        "@babel/helper-compilation-targets": "^7.20.0",
-        "@babel/helper-module-transforms": "^7.20.2",
-        "@babel/helpers": "^7.20.5",
-        "@babel/parser": "^7.20.5",
-        "@babel/template": "^7.18.10",
-        "@babel/traverse": "^7.20.5",
-        "@babel/types": "^7.20.5",
+        "@babel/generator": "^7.20.7",
+        "@babel/helper-compilation-targets": "^7.20.7",
+        "@babel/helper-module-transforms": "^7.20.11",
+        "@babel/helpers": "^7.20.7",
+        "@babel/parser": "^7.20.7",
+        "@babel/template": "^7.20.7",
+        "@babel/traverse": "^7.20.12",
+        "@babel/types": "^7.20.7",
         "convert-source-map": "^1.7.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.1",
+        "json5": "^2.2.2",
         "semver": "^6.3.0"
       },
       "dependencies": {
@@ -19731,12 +19738,12 @@
       }
     },
     "@babel/generator": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.20.5.tgz",
-      "integrity": "sha512-jl7JY2Ykn9S0yj4DQP82sYvPU+T3g0HFcWTqDLqiuA9tGRNIj9VfbtXGAYTTkyNEnQk1jkMGOdYka8aG/lulCA==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.20.7.tgz",
+      "integrity": "sha512-7wqMOJq8doJMZmP4ApXTzLxSr7+oO2jroJURrVEp6XShrQUObV8Tq/D0NCcoYg2uHqUrjzO0zwBjoYzelxK+sw==",
       "dev": true,
       "requires": {
-        "@babel/types": "^7.20.5",
+        "@babel/types": "^7.20.7",
         "@jridgewell/gen-mapping": "^0.3.2",
         "jsesc": "^2.5.1"
       }
@@ -19761,22 +19768,38 @@
       }
     },
     "@babel/helper-compilation-targets": {
-      "version": "7.20.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.0.tgz",
-      "integrity": "sha512-0jp//vDGp9e8hZzBc6N/KwA5ZK3Wsm/pfm4CrY7vzegkVxc65SgSn6wYOnwHe9Js9HRQ1YTCKLGPzDtaS3RoLQ==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz",
+      "integrity": "sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==",
       "dev": true,
       "requires": {
-        "@babel/compat-data": "^7.20.0",
+        "@babel/compat-data": "^7.20.5",
         "@babel/helper-validator-option": "^7.18.6",
         "browserslist": "^4.21.3",
+        "lru-cache": "^5.1.1",
         "semver": "^6.3.0"
       },
       "dependencies": {
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "dev": true,
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        },
         "semver": {
           "version": "6.3.0",
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
           "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
           "dev": true
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+          "dev": true
         }
       }
     },
@@ -19895,9 +19918,9 @@
       }
     },
     "@babel/helper-module-transforms": {
-      "version": "7.20.2",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.20.2.tgz",
-      "integrity": "sha512-zvBKyJXRbmK07XhMuujYoJ48B5yvvmM6+wcpv6Ivj4Yg6qO7NOZOSnvZN9CRl1zz1Z4cKf8YejmCMh8clOoOeA==",
+      "version": "7.20.11",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.20.11.tgz",
+      "integrity": "sha512-uRy78kN4psmji1s2QtbtcCSaj/LILFDp0f/ymhpQH5QY3nljUZCaNWz9X1dEj/8MBdBEFECs7yRhKn8i7NjZgg==",
       "dev": true,
       "requires": {
         "@babel/helper-environment-visitor": "^7.18.9",
@@ -19905,9 +19928,9 @@
         "@babel/helper-simple-access": "^7.20.2",
         "@babel/helper-split-export-declaration": "^7.18.6",
         "@babel/helper-validator-identifier": "^7.19.1",
-        "@babel/template": "^7.18.10",
-        "@babel/traverse": "^7.20.1",
-        "@babel/types": "^7.20.2"
+        "@babel/template": "^7.20.7",
+        "@babel/traverse": "^7.20.10",
+        "@babel/types": "^7.20.7"
       }
     },
     "@babel/helper-optimise-call-expression": {
@@ -20008,14 +20031,14 @@
       }
     },
     "@babel/helpers": {
-      "version": "7.20.6",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.20.6.tgz",
-      "integrity": "sha512-Pf/OjgfgFRW5bApskEz5pvidpim7tEDPlFtKcNRXWmfHGn9IEI2W2flqRQXTFb7gIPTyK++N6rVHuwKut4XK6w==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.20.7.tgz",
+      "integrity": "sha512-PBPjs5BppzsGaxHQCDKnZ6Gd9s6xl8bBCluz3vEInLGRJmnZan4F6BYCeqtyXqkk4W5IlPmjK4JlOuZkpJ3xZA==",
       "dev": true,
       "requires": {
-        "@babel/template": "^7.18.10",
-        "@babel/traverse": "^7.20.5",
-        "@babel/types": "^7.20.5"
+        "@babel/template": "^7.20.7",
+        "@babel/traverse": "^7.20.7",
+        "@babel/types": "^7.20.7"
       }
     },
     "@babel/highlight": {
@@ -20030,9 +20053,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.5.tgz",
-      "integrity": "sha512-r27t/cy/m9uKLXQNWWebeCUHgnAZq0CpG1OwKRxzJMP1vpSU4bSIK2hq+/cp0bQxetkXx38n09rNu8jVkcK/zA==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.20.7.tgz",
+      "integrity": "sha512-T3Z9oHybU+0vZlY9CiDSJQTD5ZapcW18ZctFMi0MOAl/4BjFF4ul7NVSARLdbGO5vDqy9eQiGTV0LtKfvCYvcg==",
       "dev": true
     },
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
@@ -20789,9 +20812,9 @@
       }
     },
     "@babel/runtime-corejs3": {
-      "version": "7.20.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.20.6.tgz",
-      "integrity": "sha512-tqeujPiuEfcH067mx+7otTQWROVMKHXEaOQcAeNV5dDdbPWvPcFA8/W9LXw2NfjNmOetqLl03dfnG2WALPlsRQ==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.20.7.tgz",
+      "integrity": "sha512-jr9lCZ4RbRQmCR28Q8U8Fu49zvFqLxTY9AMOUz+iyMohMoAgpEcVxY+wJNay99oXOpOcCTODkk70NDN2aaJEeg==",
       "dev": true,
       "requires": {
         "core-js-pure": "^3.25.1",
@@ -20799,30 +20822,30 @@
       }
     },
     "@babel/template": {
-      "version": "7.18.10",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.18.10.tgz",
-      "integrity": "sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
+      "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
       "dev": true,
       "requires": {
         "@babel/code-frame": "^7.18.6",
-        "@babel/parser": "^7.18.10",
-        "@babel/types": "^7.18.10"
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7"
       }
     },
     "@babel/traverse": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.5.tgz",
-      "integrity": "sha512-WM5ZNN3JITQIq9tFZaw1ojLU3WgWdtkxnhM1AegMS+PvHjkM5IXjmYEGY7yukz5XS4sJyEf2VzWjI8uAavhxBQ==",
+      "version": "7.20.12",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.20.12.tgz",
+      "integrity": "sha512-MsIbFN0u+raeja38qboyF8TIT7K0BFzz/Yd/77ta4MsUsmP2RAnidIlwq7d5HFQrH/OZJecGV6B71C4zAgpoSQ==",
       "dev": true,
       "requires": {
         "@babel/code-frame": "^7.18.6",
-        "@babel/generator": "^7.20.5",
+        "@babel/generator": "^7.20.7",
         "@babel/helper-environment-visitor": "^7.18.9",
         "@babel/helper-function-name": "^7.19.0",
         "@babel/helper-hoist-variables": "^7.18.6",
         "@babel/helper-split-export-declaration": "^7.18.6",
-        "@babel/parser": "^7.20.5",
-        "@babel/types": "^7.20.5",
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
@@ -20845,9 +20868,9 @@
       }
     },
     "@babel/types": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.20.5.tgz",
-      "integrity": "sha512-c9fst/h2/dcF7H+MJKZ2T0KjEQ8hY/BNnDk/H3XY8C4Aw/eWQXWn/lWntHF9ooUBnGmEvbfGrTgLWc+um0YDUg==",
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.20.7.tgz",
+      "integrity": "sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==",
       "dev": true,
       "requires": {
         "@babel/helper-string-parser": "^7.19.4",
@@ -21296,9 +21319,9 @@
       "dev": true
     },
     "@jridgewell/sourcemap-codec": {
-      "version": "1.4.11",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.11.tgz",
-      "integrity": "sha512-Fg32GrJo61m+VqYSdRSjRXMjQ06j8YIYfcTqndLYVAaHmroZHLJZCydsWBOTDqXS2v+mjxohBWEMfg97GXmYQg==",
+      "version": "1.4.14",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
       "dev": true
     },
     "@jridgewell/trace-mapping": {
@@ -21553,9 +21576,9 @@
       }
     },
     "@rollup/plugin-commonjs": {
-      "version": "23.0.2",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-23.0.2.tgz",
-      "integrity": "sha512-e9ThuiRf93YlVxc4qNIurvv+Hp9dnD+4PjOqQs5vAYfcZ3+AXSrcdzXnVjWxcGQOa6KGJFcRZyUI3ktWLavFjg==",
+      "version": "24.0.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-24.0.0.tgz",
+      "integrity": "sha512-0w0wyykzdyRRPHOb0cQt14mIBLujfAv6GgP6g8nvg/iBxEm112t3YPPq+Buqe2+imvElTka+bjNlJ/gB56TD8g==",
       "dev": true,
       "requires": {
         "@rollup/pluginutils": "^5.0.1",
@@ -21563,7 +21586,7 @@
         "estree-walker": "^2.0.2",
         "glob": "^8.0.3",
         "is-reference": "1.2.1",
-        "magic-string": "^0.26.4"
+        "magic-string": "^0.27.0"
       },
       "dependencies": {
         "brace-expansion": {
@@ -21600,15 +21623,15 @@
       }
     },
     "@rollup/plugin-dynamic-import-vars": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-dynamic-import-vars/-/plugin-dynamic-import-vars-2.0.1.tgz",
-      "integrity": "sha512-//rFVnJhZqR1Bje7n9ZMlmX9M62AExcLVXmbTcq80CqFx97C6CXaghLYsPzcZ7w8JhbVdjBIRADyLNel0HHorg==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-dynamic-import-vars/-/plugin-dynamic-import-vars-2.0.2.tgz",
+      "integrity": "sha512-aycot2FUPPVb3uDswXsmUdgu8Z8T82uQGBGXZm/uf9XNsp1QoFDBhPrLiwNDJB8BUIiaRjvmaVsAPAQrbVTBVA==",
       "dev": true,
       "requires": {
         "@rollup/pluginutils": "^5.0.1",
         "estree-walker": "^2.0.2",
         "fast-glob": "^3.2.12",
-        "magic-string": "^0.26.4"
+        "magic-string": "^0.27.0"
       }
     },
     "@rollup/plugin-node-resolve": {
@@ -21634,13 +21657,13 @@
       }
     },
     "@rollup/plugin-replace": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.1.tgz",
-      "integrity": "sha512-Z3MfsJ4CK17BfGrZgvrcp/l6WXoKb0kokULO+zt/7bmcyayokDaQ2K3eDJcRLCTAlp5FPI4/gz9MHAsosz4Rag==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz",
+      "integrity": "sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==",
       "dev": true,
       "requires": {
         "@rollup/pluginutils": "^5.0.1",
-        "magic-string": "^0.26.4"
+        "magic-string": "^0.27.0"
       }
     },
     "@rollup/plugin-url": {
@@ -23429,9 +23452,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001434",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001434.tgz",
-      "integrity": "sha512-aOBHrLmTQw//WFa2rcF1If9fa3ypkC1wzqqiKHgfdrXTWcU8C4gKVZT77eQAPWN1APys3+uQ0Df07rKauXGEYA==",
+      "version": "1.0.30001439",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001439.tgz",
+      "integrity": "sha512-1MgUzEkoMO6gKfXflStpYgZDlFM7M/ck/bgfVCACO5vnAf0fXoNVHdWtqGU+MYca+4bL9Z5bpOVmR33cWW9G2A==",
       "dev": true
     },
     "caseless": {
@@ -23705,14 +23728,14 @@
       }
     },
     "core-js": {
-      "version": "3.26.1",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.26.1.tgz",
-      "integrity": "sha512-21491RRQVzUn0GGM9Z1Jrpr6PNPxPi+Za8OM9q4tksTSnlbXXGKK1nXNg/QvwFYettXvSX6zWKCtHHfjN4puyA=="
+      "version": "3.27.1",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.27.1.tgz",
+      "integrity": "sha512-GutwJLBChfGCpwwhbYoqfv03LAfmiz7e7D/BNxzeMxwQf10GRSzqiOjx7AmtEk+heiD/JWmBuyBPgFtx0Sg1ww=="
     },
     "core-js-bundle": {
-      "version": "3.26.1",
-      "resolved": "https://registry.npmjs.org/core-js-bundle/-/core-js-bundle-3.26.1.tgz",
-      "integrity": "sha512-adXG+epLYMa2CdG4VewSXXiHAFQYxcYgJblKV0AeCGnnF51VzL50Fw6xJYoCHGcKwkzinPZfys0SDX5B/wRSww==",
+      "version": "3.27.1",
+      "resolved": "https://registry.npmjs.org/core-js-bundle/-/core-js-bundle-3.27.1.tgz",
+      "integrity": "sha512-CqdCVLIOGQH15hyGdLsRCC0zKjdUEFKoODKbO6yxx2Z3f+mE4Sm29VNAZm6yKJdMW3rAfPjPt9Imt8ssafTuXQ==",
       "dev": true
     },
     "core-js-compat": {
@@ -23947,9 +23970,9 @@
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="
     },
     "cypress": {
-      "version": "12.0.2",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-12.0.2.tgz",
-      "integrity": "sha512-WnLx1DpnbF1vbpDBkgP14rK5yS3U+Gvxrv2fsB4Owma26oIyENj7DDRnsJbSZuTfG4mcuUJxAkRHJR2wBqBfMA==",
+      "version": "12.3.0",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-12.3.0.tgz",
+      "integrity": "sha512-ZQNebibi6NBt51TRxRMYKeFvIiQZ01t50HSy7z/JMgRVqBUey3cdjog5MYEbzG6Ktti5ckDt1tfcC47lmFwXkw==",
       "dev": true,
       "requires": {
         "@cypress/request": "^2.88.10",
@@ -26175,9 +26198,9 @@
       }
     },
     "i18next": {
-      "version": "22.4.0",
-      "resolved": "https://registry.npmjs.org/i18next/-/i18next-22.4.0.tgz",
-      "integrity": "sha512-1P6s/V/phMB1uQzV3EIaD/BJimz1d0P6sLZmfcMFbsfyfQ/2NiKcPyxP84aIrobhK2rMpkcOVAdneuH/NI/wBg==",
+      "version": "22.4.9",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-22.4.9.tgz",
+      "integrity": "sha512-8gWMmUz460KJDQp/ob3MNUX84cVuDRY9PLFPnV8d+Qezz/6dkjxwOaH70xjrCNDO+JrUL25iXfAIN9wUkInNZw==",
       "requires": {
         "@babel/runtime": "^7.20.6"
       }
@@ -26863,9 +26886,9 @@
       "dev": true
     },
     "json5": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
-      "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "dev": true
     },
     "jsonfile": {
@@ -27436,12 +27459,12 @@
       }
     },
     "magic-string": {
-      "version": "0.26.7",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.26.7.tgz",
-      "integrity": "sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==",
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+      "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
       "dev": true,
       "requires": {
-        "sourcemap-codec": "^1.4.8"
+        "@jridgewell/sourcemap-codec": "^1.4.13"
       }
     },
     "make-dir": {
@@ -30665,9 +30688,9 @@
       }
     },
     "rollup": {
-      "version": "3.7.3",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.7.3.tgz",
-      "integrity": "sha512-7e68MQbAWCX6mI4/0lG1WHd+NdNAlVamg0Zkd+8LZ/oXojligdGnCNyHlzXqXCZObyjs5FRc3AH0b17iJESGIQ==",
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.9.1.tgz",
+      "integrity": "sha512-GswCYHXftN8ZKGVgQhTFUJB/NBXxrRGgO2NCy6E8s1rwEJ4Q9/VttNqcYfEvx4dTo4j58YqdC3OVztPzlKSX8w==",
       "dev": true,
       "requires": {
         "fsevents": "~2.3.2"
@@ -31132,12 +31155,6 @@
         }
       }
     },
-    "sourcemap-codec": {
-      "version": "1.4.8",
-      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
-      "dev": true
-    },
     "spawn-wrap": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/spawn-wrap/-/spawn-wrap-2.0.0.tgz",
diff --git a/package.json b/package.json
index 82455c58..4e7bb304 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "build:watch": "rollup -c --watch",
     "start": "web-dev-server --app-index src/editor/index.html --node-resolve",
     "start:iife": "web-dev-server --app-index dist/editor/iife-index.html --esbuild-target auto --open",
-    "cypress:run": "rimraf \".nyc_output/*\" && cypress run -q --headless && nyc report --reporter text-summary --reporter json-summary",
+    "cypress:run": "rimraf \".nyc_output/*\" && cypress run -q --headless  --browser electron && nyc report --reporter text-summary --reporter json-summary",
     "cypress:open": "NODE_ENV=test start-server-and-test start http://localhost:8000/src/editor/index.html 'cypress open'",
     "open-docs-no-start": "open-cli http://localhost:8000/docs/jsdoc/",
     "open-docs": "run-p start open-docs-no-start",
@@ -83,10 +83,10 @@
   "dependencies": {
     "@svgedit/svgcanvas": "7.2.1",
     "browser-fs-access": "0.31.1",
-    "core-js": "3.26.1",
+    "core-js": "3.27.1",
     "elix": "15.0.1",
     "html2canvas": "1.4.1",
-    "i18next": "22.4.0",
+    "i18next": "22.4.9",
     "jspdf": "2.5.1",
     "pathseg": "1.2.1",
     "regenerator-runtime": "0.13.11",
@@ -94,25 +94,25 @@
     "svg2pdf.js": "2.2.1"
   },
   "devDependencies": {
-    "@babel/core": "7.20.5",
+    "@babel/core": "7.20.12",
     "@babel/preset-env": "7.20.2",
     "@babel/register": "7.18.9",
-    "@babel/runtime-corejs3": "7.20.6",
+    "@babel/runtime-corejs3": "7.20.7",
     "@cypress/code-coverage": "3.10.0",
     "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^23",
-    "@rollup/plugin-dynamic-import-vars": "2.0.1",
+    "@rollup/plugin-commonjs": "^24",
+    "@rollup/plugin-dynamic-import-vars": "2.0.2",
     "@rollup/plugin-node-resolve": "15.0.1",
-    "@rollup/plugin-replace": "5.0.1",
+    "@rollup/plugin-replace": "5.0.2",
     "@rollup/plugin-url": "8.0.1",
     "@web/dev-server": "0.1.35",
     "@web/dev-server-esbuild": "^0.3.3",
     "@web/dev-server-rollup": "0.3.19",
     "babel-plugin-istanbul": "^6.1.1",
     "babel-plugin-transform-object-rest-spread": "7.0.0-beta.3",
-    "core-js-bundle": "3.26.1",
+    "core-js-bundle": "3.27.1",
     "cp-cli": "2.0.0",
-    "cypress": "12.0.2",
+    "cypress": "12.3.0",
     "cypress-multi-reporters": "1.6.2",
     "jamilih": "0.54.0",
     "jsdoc": "4.0.0",
@@ -126,7 +126,7 @@
     "remark-cli": "11.0.0",
     "remark-lint-ordered-list-marker-value": "3.1.1",
     "rimraf": "3.0.2",
-    "rollup": "3.7.3",
+    "rollup": "3.9.1",
     "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-filesize": "9.1.2",
     "rollup-plugin-html": "0.2.1",