@operato/board 2.0.0-alpha.78 → 2.0.0-alpha.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "2.0.0-alpha.78",
+  "version": "2.0.0-alpha.79",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -152,5 +152,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "63399bd1eb3c8083f6aad1a8cccb87e780c713bd"
+  "gitHead": "fbf591264608d1178187bb133d8ee82a6699ec87"
 }

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

@@ -109,8 +109,10 @@ export class ComponentMenu extends ScopedElementsMixin(LitElement) {
 
   @query('component-detail') detail!: HTMLElement
 
-  static scopedElements = {
-    'component-detail': ComponentDetail
+  static get scopedElements() {
+    return {
+      'component-detail': ComponentDetail
+    }
   }
 
   render() {

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

@@ -110,8 +110,10 @@ export class ComponentToolbar extends ScopedElementsMixin(LitElement) {
     }
   }
 
-  static scopedElements = {
-    'component-menu': ComponentMenu
+  static get scopedElements() {
+    return {
+      'component-menu': ComponentMenu
+    }
   }
 
   render() {

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

@@ -195,8 +195,10 @@ export class PropertyDataBinding extends ScopedElementsMixin(AbstractProperty) {
     }
   }
 
-  static scopedElements = {
-    'data-binding-mapper': DataBindingMapper
+  static get scopedElements() {
+    return {
+      'data-binding-mapper': DataBindingMapper
+    }
   }
 
   render() {

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

@@ -27,10 +27,12 @@ export class PropertyEffects extends ScopedElementsMixin(AbstractProperty) {
     this.renderRoot.addEventListener('change', this._onValueChange.bind(this))
   }
 
-  static scopedElements = {
-    'property-shadow': PropertyShadow,
-    'property-animations': PropertyAnimations,
-    'property-event': PropertyEvent
+  static get scopedElements() {
+    return {
+      'property-shadow': PropertyShadow,
+      'property-animations': PropertyAnimations,
+      'property-event': PropertyEvent
+    }
   }
 
   render() {

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

@@ -46,8 +46,10 @@ export class PropertyAnimations extends ScopedElementsMixin(LitElement) {
     this.renderRoot.addEventListener('change', this._onValueChange.bind(this))
   }
 
-  static scopedElements = {
-    'property-animation': PropertyAnimation
+  static get scopedElements() {
+    return {
+      'property-animation': PropertyAnimation
+    }
   }
 
   render() {

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

@@ -25,9 +25,11 @@ export class PropertyEvent extends ScopedElementsMixin(LitElement) {
     this.renderRoot.addEventListener('change', this._onValueChange.bind(this))
   }
 
-  static scopedElements = {
-    'property-event-hover': PropertyEventHover,
-    'property-event-tap': PropertyEventTap
+  static get scopedElements() {
+    return {
+      'property-event-hover': PropertyEventHover,
+      'property-event-tap': PropertyEventTap
+    }
   }
 
   render() {

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

@@ -95,13 +95,15 @@ export class PropertySidebar extends ScopedElementsMixin(LitElement) {
     change.has('collapsed') && this._onCollapsed(this.collapsed)
   }
 
-  static scopedElements = {
-    'property-shape': PropertyShapes,
-    'property-style': PropertyStyles,
-    'property-effect': PropertyEffects,
-    'property-specific': PropertySpecific,
-    'property-data-binding': PropertyDataBinding,
-    'scene-inspector': SceneInspector
+  static get scopedElements() {
+    return {
+      '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

@@ -50,10 +50,11 @@ export class PropertySpecific extends ScopedElementsMixin(LitElement) {
 
     this.removeEventListener('i-need-selected', this.boundINeedSelected)
   }
-  static scopedElements = {
-    'specific-properties-builder': SpecificPropertiesBuilder
+  static get scopedElements() {
+    return {
+      'specific-properties-builder': SpecificPropertiesBuilder
+    }
   }
-
   render() {
     const selected = this.selected && this.selected[0]
     const value = this.value || {}

package/src/ox-board-modeller.ts

@@ -201,10 +201,12 @@ export class BoardModeller extends ScopedElementsMixin(LitElement) {
     this.style.setProperty('--url-icon-shell-inspector', `url(${ICON_SHELL_INSPECTOR})`)
   }
 
-  static scopedElements = {
-    'edit-toolbar': EditToolbar,
-    'property-sidebar': PropertySidebar,
-    'component-toolbar': ComponentToolbar
+  static get scopedElements() {
+    return {
+      'edit-toolbar': EditToolbar,
+      'property-sidebar': PropertySidebar,
+      'component-toolbar': ComponentToolbar
+    }
   }
 
   render() {