@operato/board 2.0.0-alpha.74 → 2.0.0-alpha.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "2.0.0-alpha.74",
+  "version": "2.0.0-alpha.76",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -151,5 +151,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "2460e3386b888ee5e0eefc50cc16c6a8ada456aa"
+  "gitHead": "0d452ed543a4bf014634ab8107ce9b60de0aa989"
 }

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

@@ -6,7 +6,7 @@ import { css, html, LitElement, PropertyValues } from 'lit'
 import { property, query, state } from 'lit/decorators.js'
 
 import { Scene } from '@hatiolab/things-scene'
-import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js'
 import { ScrollbarStyles } from '@operato/styles'
 import { i18next } from '@operato/i18n'
 
@@ -109,10 +109,8 @@ export class ComponentMenu extends ScopedElementsMixin(LitElement) {
 
   @query('component-detail') detail!: HTMLElement
 
-  static get scopedElements() {
-    return {
-      'component-detail': ComponentDetail
-    }
+  static scopedElements = {
+    'component-detail': ComponentDetail
   }
 
   render() {

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

@@ -6,7 +6,7 @@ import { css, html, LitElement, PropertyValues } from 'lit'
 import { property, query, queryAll } from 'lit/decorators.js'
 
 import { Scene, SCENE_MODE } from '@hatiolab/things-scene'
-import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js'
 
 import { ComponentGroup } from '../../types'
 import { ComponentMenu } from './component-menu.js'
@@ -110,10 +110,8 @@ export class ComponentToolbar extends ScopedElementsMixin(LitElement) {
     }
   }
 
-  static get scopedElements() {
-    return {
-      'component-menu': ComponentMenu
-    }
+  static scopedElements = {
+    'component-menu': ComponentMenu
   }
 
   render() {

package/src/modeller/property-sidebar/data-binding/data-binding.ts

@@ -12,7 +12,7 @@ import { css, html, PropertyValues } from 'lit'
 import { property, query, state } from 'lit/decorators.js'
 
 import { Properties, Scene } from '@hatiolab/things-scene'
-import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js'
 
 import { AbstractProperty } from '../abstract-property.js'
 import { PropertySharedStyle } from '../property-shared-style.js'
@@ -195,10 +195,8 @@ export class PropertyDataBinding extends ScopedElementsMixin(AbstractProperty) {
     }
   }
 
-  static get scopedElements() {
-    return {
-      'data-binding-mapper': DataBindingMapper
-    }
+  static scopedElements = {
+    'data-binding-mapper': DataBindingMapper
   }
 
   render() {

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

@@ -9,7 +9,7 @@ import { html } from 'lit'
 import { property } from 'lit/decorators.js'
 
 import { Properties, Scene } from '@hatiolab/things-scene'
-import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js'
 
 import { AbstractProperty } from '../abstract-property.js'
 import { PropertySharedStyle } from '../property-shared-style.js'
@@ -27,12 +27,10 @@ export class PropertyEffects extends ScopedElementsMixin(AbstractProperty) {
     this.renderRoot.addEventListener('change', this._onValueChange.bind(this))
   }
 
-  static get scopedElements() {
-    return {
-      'property-shadow': PropertyShadow,
-      'property-animations': PropertyAnimations,
-      'property-event': PropertyEvent
-    }
+  static scopedElements = {
+    'property-shadow': PropertyShadow,
+    'property-animations': PropertyAnimations,
+    'property-event': PropertyEvent
   }
 
   render() {

package/src/modeller/property-sidebar/effects/property-animations.ts

@@ -9,7 +9,7 @@ import { css, html, LitElement } from 'lit'
 import { property, state } from 'lit/decorators.js'
 
 import { Properties, Scene } from '@hatiolab/things-scene'
-import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js'
 
 import { PropertySharedStyle } from '../property-shared-style.js'
 import { PropertyAnimation } from './property-animation.js'
@@ -46,10 +46,8 @@ export class PropertyAnimations extends ScopedElementsMixin(LitElement) {
     this.renderRoot.addEventListener('change', this._onValueChange.bind(this))
   }
 
-  static get scopedElements() {
-    return {
-      'property-animation': PropertyAnimation
-    }
+  static scopedElements = {
+    'property-animation': PropertyAnimation
   }
 
   render() {

package/src/modeller/property-sidebar/effects/property-event.ts

@@ -8,7 +8,7 @@ import { html, LitElement } from 'lit'
 import { property } from 'lit/decorators.js'
 
 import { Properties, Scene } from '@hatiolab/things-scene'
-import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js'
 
 import { PropertySharedStyle } from '../property-shared-style'
 import { PropertyEventHover } from './property-event-hover'
@@ -25,11 +25,9 @@ export class PropertyEvent extends ScopedElementsMixin(LitElement) {
     this.renderRoot.addEventListener('change', this._onValueChange.bind(this))
   }
 
-  static get scopedElements() {
-    return {
-      'property-event-hover': PropertyEventHover,
-      'property-event-tap': PropertyEventTap
-    }
+  static scopedElements = {
+    'property-event-hover': PropertyEventHover,
+    'property-event-tap': PropertyEventTap
   }
 
   render() {

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

@@ -9,7 +9,7 @@ import { property } from 'lit/decorators.js'
 import deepClone from 'lodash-es/cloneDeep'
 
 import { BOUNDS, Component, Model, Scene } from '@hatiolab/things-scene'
-import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js'
 import { ScrollbarStyles } from '@operato/styles'
 
 import { PropertyDataBinding } from './data-binding/data-binding.js'
@@ -95,15 +95,13 @@ export class PropertySidebar extends ScopedElementsMixin(LitElement) {
     change.has('collapsed') && this._onCollapsed(this.collapsed)
   }
 
-  static get scopedElements() {
-    return {
-      'property-shape': PropertyShapes,
-      'property-style': PropertyStyles,
-      'property-effect': PropertyEffects,
-      'property-specific': PropertySpecific,
-      'property-data-binding': PropertyDataBinding,
-      'scene-inspector': SceneInspector
-    }
+  static scopedElements = {
+    'property-shape': PropertyShapes,
+    'property-style': PropertyStyles,
+    'property-effect': PropertyEffects,
+    'property-specific': PropertySpecific,
+    'property-data-binding': PropertyDataBinding,
+    'scene-inspector': SceneInspector
   }
 
   render() {

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

@@ -8,7 +8,7 @@ import { css, html, LitElement } from 'lit'
 import { property } from 'lit/decorators.js'
 
 import { Component, Scene } from '@hatiolab/things-scene'
-import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js'
 
 import { i18next } from '@operato/i18n'
 
@@ -50,11 +50,10 @@ export class PropertySpecific extends ScopedElementsMixin(LitElement) {
 
     this.removeEventListener('i-need-selected', this.boundINeedSelected)
   }
-  static get scopedElements() {
-    return {
-      'specific-properties-builder': SpecificPropertiesBuilder
-    }
+  static scopedElements = {
+    'specific-properties-builder': SpecificPropertiesBuilder
   }
+
   render() {
     const selected = this.selected && this.selected[0]
     const value = this.value || {}

package/src/ox-board-modeller.ts

@@ -12,7 +12,7 @@ import { css, html, LitElement, PropertyValues } from 'lit'
 import { customElement, property, query } from 'lit/decorators.js'
 
 import { MODE_EDIT, Scene, SCENE_MODE } from '@hatiolab/things-scene'
-import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js'
 import { OxPopup } from '@operato/popup'
 import { isMacOS, togglefullscreen } from '@operato/utils'
 
@@ -201,12 +201,10 @@ export class BoardModeller extends ScopedElementsMixin(LitElement) {
     this.style.setProperty('--url-icon-shell-inspector', `url(${ICON_SHELL_INSPECTOR})`)
   }
 
-  static get scopedElements() {
-    return {
-      'edit-toolbar': EditToolbar,
-      'property-sidebar': PropertySidebar,
-      'component-toolbar': ComponentToolbar
-    }
+  static scopedElements = {
+    'edit-toolbar': EditToolbar,
+    'property-sidebar': PropertySidebar,
+    'component-toolbar': ComponentToolbar
   }
 
   render() {