@operato/board 1.0.0-beta.4 → 1.0.0-beta.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.7",
   "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.4",
-    "@operato/data-grist": "^1.0.0-beta.4",
-    "@operato/font": "^1.0.0-beta.4",
-    "@operato/graphql": "^1.0.0-beta.4",
-    "@operato/i18n": "^1.0.0-beta.4",
-    "@operato/input": "^1.0.0-beta.4",
-    "@operato/markdown": "^1.0.0-beta.4",
-    "@operato/popup": "^1.0.0-beta.4",
-    "@operato/property-editor": "^1.0.0-beta.4",
-    "@operato/styles": "^1.0.0-beta.4",
-    "@operato/utils": "^1.0.0-beta.4",
+    "@operato/app": "^1.0.0-beta.7",
+    "@operato/data-grist": "^1.0.0-beta.7",
+    "@operato/font": "^1.0.0-beta.7",
+    "@operato/graphql": "^1.0.0-beta.7",
+    "@operato/i18n": "^1.0.0-beta.7",
+    "@operato/input": "^1.0.0-beta.7",
+    "@operato/markdown": "^1.0.0-beta.7",
+    "@operato/popup": "^1.0.0-beta.7",
+    "@operato/property-editor": "^1.0.0-beta.7",
+    "@operato/styles": "^1.0.0-beta.7",
+    "@operato/utils": "^1.0.0-beta.7",
     "@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": "^2.8.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": "08201dc8c015c0d6ccceb846907dd9950363a553"
+  "gitHead": "feabccbb32d6d8487d761e5c9f1d21a22ab1c34a"
 }

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/edit-toolbar.ts

@@ -6,7 +6,7 @@ import { html, LitElement, PropertyValues } from 'lit'
 import { customElement, property, query, queryAll } from 'lit/decorators.js'
 
 import { Component, Scene } from '@hatiolab/things-scene'
-import { isMacOS } from '@operato/utils'
+import { copyToClipboard, isMacOS } from '@operato/utils'
 
 import { style } from './edit-toolbar-style'
 
@@ -461,12 +461,12 @@ export class EditToolbar extends LitElement {
     this.scene?.cut()
   }
 
-  onTapCopy() {
+  async onTapCopy() {
     var copied = this.scene?.copy()
 
     if (!copied) return
 
-    navigator.clipboard.writeText(copied)
+    await copyToClipboard(copied)
     this.cliped = copied
   }
 

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>