@operato/board 1.4.42 → 1.4.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "1.4.42",
+  "version": "1.4.44",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -148,5 +148,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "3e8f072f9711f2a72892a757bfdd13e4057f1c69"
+  "gitHead": "57862126c9605a0d5369304db2eaee34ce036c6f"
 }

package/src/modeller/edit-toolbar.ts

@@ -72,16 +72,6 @@ export class EditToolbar extends LitElement {
       .addEventListener('tap', this.onTapFontDecrease.bind(this) as EventListener)
     this.renderRoot.querySelector('#group')!.addEventListener('tap', this.onTapGroup.bind(this) as EventListener)
     this.renderRoot.querySelector('#ungroup')!.addEventListener('tap', this.onTapUngroup.bind(this) as EventListener)
-    this.renderRoot
-      .querySelector('#symmetry-x')!
-      .addEventListener('tap', this.onTapSymmetryX.bind(this) as EventListener)
-    this.renderRoot
-      .querySelector('#symmetry-y')!
-      .addEventListener('tap', this.onTapSymmetryY.bind(this) as EventListener)
-    this.renderRoot.querySelector('#rotate-cw')!.addEventListener('tap', this.onTapRotateCW.bind(this) as EventListener)
-    this.renderRoot
-      .querySelector('#rotate-ccw')!
-      .addEventListener('tap', this.onTapRotateCCW.bind(this) as EventListener)
     this.renderRoot
       .querySelector('#toggle-property')!
       .addEventListener('tap', this.onTapToggle.bind(this) as EventListener)
@@ -194,14 +184,6 @@ export class EditToolbar extends LitElement {
 
         <span class="vline"></span>
 
-        <span button id="symmetry-x" title="symmetry-x (${this.getShortcutString('alt', 'shift', 'x')})"> </span>
-        <span button id="symmetry-y" title="symmetry-y (${this.getShortcutString('alt', 'shift', 'y')})"> </span>
-        <span button id="rotate-cw" title="rotate clockwise (${this.getShortcutString('alt', 'shift', 'e')})"> </span>
-        <span button id="rotate-ccw" title="rotate counter clockwise (${this.getShortcutString('alt', 'shift', 'w')})">
-        </span>
-
-        <span class="vline"></span>
-
         <span button id="group" title="group (${this.getShortcutString('cmd', 'g')})"> </span>
         <span button id="ungroup" title="ungroup (${this.getShortcutString('cmd', 'shift', 'g')})"> </span>
 
@@ -292,7 +274,6 @@ export class EditToolbar extends LitElement {
         break
       case 'KeyY':
         if (ctrlKey && !shiftKey) this.onTapRedo()
-        else if (altKey && shiftKey) this.onTapSymmetryY()
         break
       case 'KeyC':
         if (ctrlKey && !shiftKey) this.onTapCopy()
@@ -300,7 +281,6 @@ export class EditToolbar extends LitElement {
         break
       case 'KeyX':
         if (ctrlKey && !shiftKey) this.onTapCut()
-        else if (altKey && shiftKey) this.onTapSymmetryX()
         break
       case 'KeyV':
         if (ctrlKey && !shiftKey) {
@@ -361,9 +341,6 @@ export class EditToolbar extends LitElement {
       case 'KeyT':
         if (altKey && shiftKey) this.onTapAlign('top')
         break
-      case 'KeyY':
-        if (altKey && shiftKey) this.onTapSymmetryY()
-        break
       case 'KeyD':
         if (ctrlKey) {
           this.onTapFitScene()
@@ -371,11 +348,7 @@ export class EditToolbar extends LitElement {
         }
         break
       case 'KeyE':
-        if (altKey && shiftKey) this.onTapRotateCW()
-        else if (ctrlKey && shiftKey) this.onTapDownloadModel()
-        break
-      case 'KeyW':
-        if (altKey && shiftKey) this.onTapRotateCCW()
+        if (ctrlKey && shiftKey) this.onTapDownloadModel()
         break
       case 'Digit1':
         if (ctrlKey) {
@@ -550,48 +523,6 @@ export class EditToolbar extends LitElement {
     zorder && this.scene.zorder(zorder)
   }
 
-  onTapSymmetryX() {
-    this.scene && this.scene.symmetryX()
-  }
-
-  onTapSymmetryY() {
-    this.scene && this.scene.symmetryY()
-  }
-
-  onTapRotateCW() {
-    if (!this.scene) return
-
-    var selected = this.scene.selected
-    if (selected.length && selected[0].isRootModel()) return
-
-    this.scene.undoableChange(function () {
-      selected.forEach(function (component) {
-        var rotation = component.get('rotation')
-
-        if (!rotation) rotation = 0
-
-        component.set('rotation', (rotation + Math.PI / 2) % (Math.PI * 2))
-      })
-    })
-  }
-
-  onTapRotateCCW() {
-    if (!this.scene) return
-
-    var selected = this.scene.selected
-    if (selected.length && selected[0].isRootModel()) return
-
-    this.scene.undoableChange(function () {
-      selected.forEach(function (component) {
-        var rotation = component.get('rotation')
-
-        if (!rotation) rotation = 0
-
-        component.set('rotation', (rotation - Math.PI / 2) % (Math.PI * 2))
-      })
-    })
-  }
-
   onTapGroup() {
     this.scene && this.scene.group()
   }

package/src/modeller/property-sidebar/inspector/inspector.ts

@@ -253,7 +253,7 @@ export class SceneInspector extends LitElement {
         this.toggleExtended(component)
       }
 
-      this.selectComponent(component)
+      this.selectComponent(component, e.shiftKey)
     } else {
       if (classList.contains('inspector')) {
         this.show = !this.show
@@ -325,8 +325,20 @@ export class SceneInspector extends LitElement {
     this.requestUpdate()
   }
 
-  selectComponent(component: Component) {
-    this.scene!.selected = [component]
+  selectComponent(component: Component, append: boolean = false) {
+    const selected = this.scene!.selected
+
+    if (append) {
+      const idx = selected.findIndex(s => s === component)
+      if (idx != -1) {
+        selected.splice(idx, 1)
+        this.scene!.selected = [...selected]
+      } else {
+        this.scene!.selected = [...selected, component]
+      }
+    } else {
+      this.scene!.selected = [component]
+    }
 
     component.trigger('reactionreset')
     component.trigger('reaction')