@things-factory/integration-ui 4.0.25 → 4.0.30

package/client/grist/parameters-editor-builder.js

@@ -4,9 +4,10 @@
 
 import '@things-factory/modeller-ui'
 
-import { LitElement } from 'lit-element'
-import { OxPropertyEditor } from '@operato/property-editor'
+import { html, LitElement } from 'lit-element'
 import { connect } from 'pwa-helpers/connect-mixin'
+
+import { OxPropertyEditor } from '@operato/property-editor'
 import { store } from '@things-factory/shell'
 
 /**
@@ -53,8 +54,12 @@ class ParametersEditorBuilder extends connect(store)(LitElement) {
     }
   }
 
+  render() {
+    return html`<slot></slot>`
+  }
+
   firstUpdated() {
-    this.renderRoot.addEventListener('change', this._onValueChanged.bind(this))
+    this.addEventListener('change', this._onValueChanged.bind(this))
   }
 
   updated(change) {
@@ -62,10 +67,8 @@ class ParametersEditorBuilder extends connect(store)(LitElement) {
     change.has('value') && this._setValues()
   }
 
-  stateChanged(state) {}
-
   _onPropsChanged(props) {
-    this.renderRoot.textContent = ''
+    this.textContent = ''
     ;(props || []).forEach(prop => {
       let elementType = OxPropertyEditor.getEditor(prop.type)
       if (!elementType) {
@@ -87,13 +90,13 @@ class ParametersEditorBuilder extends connect(store)(LitElement) {
       element.property = prop.property
       element.setAttribute('property-editor', true)
 
-      this.renderRoot.appendChild(element)
+      this.appendChild(element)
     })
   }
 
   _setValues() {
     var value = this.value || {}
-    Array.from(this.renderRoot.querySelectorAll('[name]')).forEach(prop => {
+    Array.from(this.querySelectorAll('[name]')).forEach(prop => {
       let name = prop.getAttribute('name')
       prop.value = value[name] === undefined ? DEFAULT_VALUE[prop.type] : value[name]
     })
@@ -101,7 +104,7 @@ class ParametersEditorBuilder extends connect(store)(LitElement) {
 
   _getValues() {
     var value = {}
-    Array.from(this.renderRoot.querySelectorAll('[name]')).forEach(prop => {
+    Array.from(this.querySelectorAll('[name]')).forEach(prop => {
       let name = prop.getAttribute('name')
       value[name] = prop.value === undefined ? DEFAULT_VALUE[prop.type] : prop.value
     })

package/client/viewparts/pending-q-monitor.js

@@ -1,8 +1,9 @@
-import { LitElement, html, css } from 'lit-element'
-import { unsafeHTML } from 'lit-html/directives/unsafe-html'
-import { asyncReplace } from 'lit-html/directives/async-replace'
-import { sleep } from '@things-factory/utils'
+import { LitElement, css, html } from 'lit'
+
 import { ScrollbarStyles } from '@things-factory/styles'
+import { asyncReplace } from 'lit/directives/async-replace.js'
+import { sleep } from '@things-factory/utils'
+import { unsafeHTML } from 'lit/directives/unsafe-html.js'
 
 export class PendingQMonitor extends LitElement {
   static get styles() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/integration-ui",
-  "version": "4.0.25",
+  "version": "4.0.30",
   "main": "dist-server/index.js",
   "browser": "client/index.js",
   "things-factory": true,
@@ -24,14 +24,14 @@
     "migration:create": "node ../../node_modules/typeorm/cli.js migration:create -d ./server/migrations"
   },
   "dependencies": {
-    "@operato/data-grist": "^0.2.52",
-    "@operato/property-editor": "^0.2.52",
-    "@things-factory/export-base": "^4.0.25",
-    "@things-factory/import-base": "^4.0.25",
-    "@things-factory/integration-base": "^4.0.25",
-    "@things-factory/modeller-ui": "^4.0.25",
+    "@operato/data-grist": "^0.3.7",
+    "@operato/property-editor": "^0.3.7",
+    "@things-factory/export-base": "^4.0.30",
+    "@things-factory/import-base": "^4.0.30",
+    "@things-factory/integration-base": "^4.0.30",
+    "@things-factory/modeller-ui": "^4.0.30",
     "moment-timezone": "^0.5.27",
     "subscriptions-transport-ws": "^0.11.0"
   },
-  "gitHead": "9c44141d651dab7b4a9c0f0b6fecb8d6937d116f"
+  "gitHead": "4ab590326e3fc60d113fb438e90eefee708f1f19"
 }