fix(sperimental): mac os shortcuts for editor (#1946), widget with foreignObject content (html element)

Author: unocelli

client/dist/assets/lib/svgeditor/fuxa-editor.min.js

@@ -86,6 +86,6 @@
             </div>
         </div>
     </app-root>
-<script src="runtime.9136a61a9b98f987.js" type="module"></script><script src="polyfills.d7de05f9af2fb559.js" type="module"></script><script src="scripts.d9e6ee984bf6f3b7.js" defer></script><script src="main.cbcce26a6b6aacee.js" type="module"></script></body>
+<script src="runtime.9136a61a9b98f987.js" type="module"></script><script src="polyfills.d7de05f9af2fb559.js" type="module"></script><script src="scripts.d9e6ee984bf6f3b7.js" defer></script><script src="main.d21122a4bd70d6e9.js" type="module"></script></body>
 
 </html>

client/dist/index.html

@@ -1,6 +1,6 @@
 {
   "name": "fuxa",
-  "version": "1.3.0-2779",
+  "version": "1.3.0-2780",
   "keywords": [],
   "author": "frangoteam <info@frangoteam.org>",
   "description": "Web-based Process Visualization (SCADA/HMI/Dashboard) software",

client/dist/main.cbcce26a6b6aacee.js client/dist/main.d21122a4bd70d6e9.jsclient/dist/main.cbcce26a6b6aacee.js renamed to client/dist/main.d21122a4bd70d6e9.js

@@ -25,21 +25,9 @@
                 </mat-expansion-panel-header>
                 <div class="tutorial-content">
                     <ul>
-                        <li>Ctrl + Left / Right: rotate selected item</li>
-                        <li>Ctrl + Shift + Left / Right: rotate the selected item in big step</li>
-                        <li>Shift + O / P: select the prev / next item</li>
-                        <li>Tab / Shift + Tab: select the prev / next item</li>
-                        <li>Ctrl + Up / Down: central zoom in / out</li>
-                        <li>Ctrl + Z / Y: undo / redo</li>
-                        <li>Shift + 'resize with mouse the selected item': lock width and height</li>
-                        <li>Shift + Up / Down / Left / Right: move the selected item</li>
-                        <li>Shift + SCROLLER: zoom by mouse position</li>
-                        <li>Ctrl + A: select all item</li>
-                        <li>Ctrl + G: group or ungroup selected item</li>
-                        <li>Ctrl + D: duplicate selected item</li>
-                        <li>Shift + 'Draw line': line gradient horizonal, vertical 45° diagonal</li>
-                        <li>Ctrl + X: cut selected item</li>
-                        <li>Ctrl + C / V: copy / paste selected item</li>
+                        <li *ngFor="let shortcut of shortcuts">
+                            {{ shortcut.combo }}: {{ shortcut.description }}
+                        </li>
                     </ul>
                 </div>
             </mat-expansion-panel>
@@ -69,4 +57,4 @@
             </mat-expansion-panel> -->
         </mat-accordion>
     </div>
-</div>
+</div>

client/package.json

@@ -1,5 +1,10 @@
 import { Component } from '@angular/core';
 
+interface TutorialShortcut {
+    combo: string;
+    description: string;
+}
+
 @Component({
     selector: 'app-tutorial',
     templateUrl: './tutorial.component.html',
@@ -8,10 +13,33 @@ import { Component } from '@angular/core';
 export class TutorialComponent {
 
     show = false;
+    shortcuts: TutorialShortcut[] = this.buildShortcuts();
 
     constructor() { }
 
     close() {
         this.show = false;
     }
+
+    private buildShortcuts(): TutorialShortcut[] {
+        const shortcuts: TutorialShortcut[] = [
+            { combo: 'Ctrl / ⌘ + Left / Right', description: 'rotate selected item' },
+            { combo: 'Ctrl / ⌘ + Shift + Left / Right', description: 'rotate the selected item in big step' },
+            { combo: 'Shift + O / P', description: 'select the previous / next item' },
+            { combo: 'Tab / Shift + Tab', description: 'select the previous / next item' },
+            { combo: 'Ctrl / ⌘ + Up / Down', description: 'central zoom in / out' },
+            { combo: 'Ctrl / ⌘ + Z / Y', description: 'undo / redo' },
+            { combo: `Shift + resize the selected item with the mouse`, description: 'lock width and height' },
+            { combo: 'Shift + Up / Down / Left / Right', description: 'move the selected item' },
+            { combo: 'Shift + Mouse Wheel', description: 'zoom by mouse position' },
+            { combo: 'Ctrl / ⌘ + A', description: 'select all items' },
+            { combo: 'Ctrl / ⌘ + G', description: 'group or ungroup selected items' },
+            { combo: 'Ctrl / ⌘ + D', description: 'duplicate selected item' },
+            { combo: 'Shift + Draw line', description: 'constrain line gradient to horizontal, vertical, or 45° diagonal' },
+            { combo: 'Ctrl / ⌘ + X', description: 'cut selected item' },
+            { combo: 'Ctrl / ⌘ + C / V', description: 'copy / paste selected item' }
+        ];
+
+        return shortcuts;
+    }
 }

client/src/app/help/tutorial/tutorial.component.html

@@ -1,6 +1,6 @@
 {
   "name": "fuxa-server",
-  "version": "1.3.0-2779",
+  "version": "1.3.0-2780",
   "description": "Web-based Process Visualization (SCADA/HMI/Dashboard) software",
   "main": "main.js",
   "scripts": {