@operato/process 1.1.28 → 1.1.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/process",
-  "version": "1.1.28",
+  "version": "1.1.30",
   "description": "Webcomponent for business process modeling following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -51,16 +51,16 @@
   },
   "dependencies": {
     "@open-wc/scoped-elements": "^2.1.3",
-    "@operato/app": "^1.1.28",
-    "@operato/board": "^1.1.28",
-    "@operato/data-grist": "^1.1.28",
-    "@operato/font": "^1.1.28",
+    "@operato/app": "^1.1.30",
+    "@operato/board": "^1.1.30",
+    "@operato/data-grist": "^1.1.30",
+    "@operato/font": "^1.1.30",
     "@operato/graphql": "^1.1.13",
     "@operato/i18n": "^1.1.13",
-    "@operato/input": "^1.1.28",
+    "@operato/input": "^1.1.30",
     "@operato/markdown": "^1.1.28",
     "@operato/popup": "^1.1.28",
-    "@operato/property-editor": "^1.1.28",
+    "@operato/property-editor": "^1.1.30",
     "@operato/styles": "^1.1.28",
     "@operato/utils": "^1.1.15",
     "@polymer/paper-dropdown-menu": "^3.2.0",
@@ -111,5 +111,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "fe08b608e1c1a95b6341b49e9f6a6339a7a63999"
+  "gitHead": "ddd1109c7e57b25e5a14de870a0dc4157b3f5574"
 }

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

@@ -35,7 +35,12 @@ export class PropertyEventHover extends LitElement {
       <label> <ox-i18n msgid="label.action">action</ox-i18n> </label>
       <select id="tap-select" value-key="action" .value=${action || ''}>
         <option value=""></option>
-        <option value="popup">popup target board</option>
+        <option value="popup">popup target process</option>
+        <option value="infoWindow">open infowindow</option>
+        <option value="data-toggle">toggle(true/false) target component data</option>
+        <option value="data-tristate">tristate(0/1/2) target component data</option>
+        <option value="data-set">set value to target component data</option>
+        <option value="value-set">set value to target component value</option>
       </select>
 
       <label> <ox-i18n msgid="label.target">target</ox-i18n> </label>

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

@@ -41,7 +41,7 @@ export class PropertyEventTap extends LitElement {
         value-key="action"
         .value=${action || ''}
         @change=${async (e: Event) => {
-          if ((e.target as HTMLSelectElement).value === 'start-scenario') {
+          if ((e.target as HTMLSelectElement).value.includes('scenario')) {
             this.scenarios = (await scenarios()).map(({ name, description }) => {
               return { value: name, description }
             })
@@ -49,15 +49,22 @@ export class PropertyEventTap extends LitElement {
         }}
       >
         <option value=""></option>
-        <option value="goto">go to target board</option>
+        <option value="run">run this process</option>
+        <option value="goto">go to target process</option>
         <option value="link-open">open new window for target link</option>
         <option value="link-move">move to target link</option>
         <option value="route-page">route to page</option>
-        <option value="popup">popup target board</option>
-        <option value="modal-popup">modal popup target board</option>
-        <option value="close-scene">close current board</option>
+        <option value="popup">popup target process</option>
+        <option value="modal-popup">modal popup target process</option>
+        <option value="close-scene">close current process</option>
         <option value="infoWindow">open infowindow</option>
         <option value="toggle-info-window">toggle infowindow</option>
+        <option value="data-toggle">toggle(true/false) target component data</option>
+        <option value="data-tristate">tristate(0/1/2) target component data</option>
+        <option value="data-set">set value to target component data</option>
+        <option value="value-set">set value to target component value</option>
+        <option value="start-scenario">start the given scenario</option>
+        <option value="run-scenario">run the given scenario</option>
       </select>
 
       <label> <ox-i18n msgid="label.target">target</ox-i18n> </label>
@@ -70,7 +77,8 @@ export class PropertyEventTap extends LitElement {
               custom-editor
             ></things-editor-board-selector>
           `
-        : html`
+        : action !== 'run'
+        ? html`
             <input
               value-key="target"
               .value=${target}
@@ -86,7 +94,8 @@ export class PropertyEventTap extends LitElement {
                 ({ value, description }) => html` <option .value=${value}>${description}</option> `
               )}
             </datalist>
-          `}
+          `
+        : html``}
       ${action === 'goto' || action?.includes('popup')
         ? html`
             <label for="input"> <ox-i18n msgid="label.input-data">input</ox-i18n> </label>

package/src/ox-process-viewer.ts

@@ -321,6 +321,7 @@ export class OxProcessViewer extends LitElement {
   }
 
   bindSceneEvents() {
+    this._scene.on('run', this.onRunProcess, this)
     this._scene.on('goto', this.onLinkGoto, this)
     this._scene.on('link-open', this.onLinkOpen, this)
     this._scene.on('link-move', this.onLinkMove, this)
@@ -330,6 +331,7 @@ export class OxProcessViewer extends LitElement {
   }
 
   unbindSceneEvents(scene: any) {
+    scene.off('run', this.onRunProcess, this)
     scene.off('goto', this.onLinkGoto, this)
     scene.off('link-open', this.onLinkOpen, this)
     scene.off('link-move', this.onLinkMove, this)
@@ -422,6 +424,10 @@ export class OxProcessViewer extends LitElement {
     )
   }
 
+  onRunProcess() {
+    this.dispatchEvent(new CustomEvent('run-process', { bubbles: true, composed: true, detail: this.process.id }))
+  }
+
   onLinkGoto(targetProcessId: string, options: any, fromComponent: any) {
     const { input, output } = options || { input: '(self)' }
     const data = input && fromComponent.root.findFirst(input, fromComponent)?.data