@operato/process 2.0.0-alpha.73 → 2.0.0-alpha.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/process",
-  "version": "2.0.0-alpha.73",
+  "version": "2.0.0-alpha.74",
   "description": "Webcomponent for business process modeling following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -69,7 +69,7 @@
   "dependencies": {
     "@open-wc/scoped-elements": "^3.0.5",
     "@operato/app": "^2.0.0-alpha.71",
-    "@operato/board": "^2.0.0-alpha.73",
+    "@operato/board": "^2.0.0-alpha.74",
     "@operato/data-grist": "^2.0.0-alpha.68",
     "@operato/font": "^2.0.0-alpha.71",
     "@operato/graphql": "^2.0.0-alpha.57",
@@ -127,5 +127,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "530a788f8680573be6d8844712fc58346e02162f"
+  "gitHead": "2460e3386b888ee5e0eefc50cc16c6a8ada456aa"
 }

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

@@ -2,7 +2,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'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
 import { ScrollbarStyles } from '@operato/styles'
 import { i18next } from '@operato/i18n'
 

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'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
 
 import { ComponentGroup } from '../../types'
 import { ComponentMenu } from './component-menu.js'
@@ -84,11 +84,14 @@ export class ComponentToolbar extends ScopedElementsMixin(LitElement) {
 
       this.icons = (this.componentGroupList || [])
         .filter(group => group.templates?.length > 0)
-        .reduce((sum, group: ComponentGroup) => {
-          sum[group.name] =
-            'data:image/svg+xml;charset=UTF-8;base64,' + btoa(group.icon.replace(/{{strokeColor}}/g, color))
-          return sum
-        }, {} as { [name: string]: string })
+        .reduce(
+          (sum, group: ComponentGroup) => {
+            sum[group.name] =
+              'data:image/svg+xml;charset=UTF-8;base64,' + btoa(group.icon.replace(/{{strokeColor}}/g, color))
+            return sum
+          },
+          {} as { [name: string]: string }
+        )
 
       this.icons['mode-edit'] =
         'data:image/svg+xml;charset=UTF-8;base64,' + btoa(ICON_EDIT_MODE.replace(/{{strokeColor}}/g, color))

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'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
 
 import { AbstractProperty } from '../abstract-property.js'
 import { PropertySharedStyle } from '../property-shared-style.js'

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'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
 
 import { AbstractProperty } from '../abstract-property.js'
 import { PropertySharedStyle } from '../property-shared-style.js'

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'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
 
 import { PropertySharedStyle } from '../property-shared-style'
 import { PropertyEventHover } from './property-event-hover'

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'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
 import { ScrollbarStyles } from '@operato/styles'
 
 import { PropertyDataBinding } from './data-binding/data-binding.js'

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'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
 
 import { i18next } from '@operato/i18n'
 

package/src/ox-process-modeller.ts

@@ -13,7 +13,7 @@ import { css, html, LitElement, PropertyValues } from 'lit'
 import { customElement, property, query } from 'lit/decorators.js'
 
 import { Scene, SCENE_MODE } from '@hatiolab/things-scene'
-import { ScopedElementsMixin } from '@open-wc/scoped-elements'
+import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element'
 import { OxPopup } from '@operato/popup'
 import { isMacOS, togglefullscreen } from '@operato/utils'