@operato/board 1.0.0-beta.6 → 1.0.0-beta.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "1.0.0-beta.6",
+  "version": "1.0.0-beta.9",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "license": "MIT",
@@ -49,17 +49,17 @@
     "storybook:build": "tsc && npm run analyze -- --exclude dist && build-storybook"
   },
   "dependencies": {
-    "@operato/app": "^1.0.0-beta.6",
-    "@operato/data-grist": "^1.0.0-beta.6",
-    "@operato/font": "^1.0.0-beta.6",
-    "@operato/graphql": "^1.0.0-beta.6",
-    "@operato/i18n": "^1.0.0-beta.6",
-    "@operato/input": "^1.0.0-beta.6",
-    "@operato/markdown": "^1.0.0-beta.6",
-    "@operato/popup": "^1.0.0-beta.6",
-    "@operato/property-editor": "^1.0.0-beta.6",
-    "@operato/styles": "^1.0.0-beta.6",
-    "@operato/utils": "^1.0.0-beta.6",
+    "@operato/app": "^1.0.0-beta.9",
+    "@operato/data-grist": "^1.0.0-beta.9",
+    "@operato/font": "^1.0.0-beta.9",
+    "@operato/graphql": "^1.0.0-beta.9",
+    "@operato/i18n": "^1.0.0-beta.9",
+    "@operato/input": "^1.0.0-beta.9",
+    "@operato/markdown": "^1.0.0-beta.9",
+    "@operato/popup": "^1.0.0-beta.9",
+    "@operato/property-editor": "^1.0.0-beta.9",
+    "@operato/styles": "^1.0.0-beta.9",
+    "@operato/utils": "^1.0.0-beta.9",
     "@polymer/paper-dropdown-menu": "^3.2.0",
     "@types/file-saver": "^2.0.4",
     "@types/sortablejs": "^1.10.7",
@@ -71,7 +71,7 @@
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.4.17",
     "@hatiolab/prettier-config": "^1.0.0",
-    "@hatiolab/things-scene": "^3.0.1",
+    "@hatiolab/things-scene": "^3.0.5",
     "@material/mwc-fab": "^0.25.3",
     "@material/mwc-icon": "^0.25.3",
     "@open-wc/eslint-config": "^4.3.0",
@@ -107,5 +107,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "f2bbb8a0e4f5d31845c2d4dc8f7f2a1bc4915a19"
+  "gitHead": "606d63e98857aa60d32673f388a9e7cc5c8aa714"
 }

package/src/modeller/component-toolbar/component-menu.ts

@@ -4,14 +4,13 @@
 
 import './component-detail'
 
-import { css, html, LitElement, PropertyValues } from 'lit'
+import { LitElement, PropertyValues, css, html } from 'lit'
+import { Pallet, PalletItem } from '../../types'
 import { customElement, property, query, state } from 'lit/decorators.js'
 
 import { Scene } from '@hatiolab/things-scene'
 import { ScrollbarStyles } from '@operato/styles'
 
-import { Pallet, PalletItem } from '../../types'
-
 const noImage = new URL('../../../../icons/components/no-image.png', import.meta.url).href
 
 @customElement('component-menu')
@@ -177,7 +176,7 @@ class ComponentMenu extends LitElement {
 
     if (this.scene) {
       this.template = this.templates.find(template => template.type == type)
-      this.template && this.scene.add(JSON.parse(JSON.stringify(this.template.model)), { cx: 200, cy: 200 })
+      this.template && this.scene.startAddMode(JSON.parse(JSON.stringify(this.template.model)))
     }
 
     this.group = null

package/src/modeller/component-toolbar/component-toolbar.ts

@@ -98,7 +98,7 @@ class ComponentToolbar extends LitElement {
 
   render() {
     const componentList = this.componentGroupList || []
-    const modeIcon = this.icons[this.mode === SCENE_MODE.EDIT ? 'mode-edit' : 'mode-shift']
+    const modeIcon = this.icons[this.mode === SCENE_MODE.SHIFT ? 'mode-shift' : 'mode-edit']
 
     return html`
       <img id="shift" .src=${modeIcon} @click=${(e: MouseEvent) => this._onClickShift(e)} />

package/src/modeller/scene-viewer/ox-scene-viewer.ts

@@ -233,6 +233,8 @@ export default class OxSceneViewer extends LitElement {
 
     if (after === 2) {
       this.style.cursor = 'all-scroll'
+    } else if (after === 3) {
+      this.style.cursor = 'crosshair'
     } else {
       this.style.cursor = 'default'
     }

package/src/ox-board-modeller.ts

@@ -241,6 +241,7 @@ export class BoardModeller extends LitElement {
         >
           <ox-scene-layer type="selection-layer"></ox-scene-layer>
           <ox-scene-layer type="modeling-layer"></ox-scene-layer>
+          <ox-scene-layer type="add-layer"> </ox-scene-layer>
           <ox-scene-layer type="guide-layer">
             <ox-scene-property name="ruler" value="disabled"></ox-scene-property>
           </ox-scene-layer>