@operato/process 1.4.55 → 1.4.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/process",
-  "version": "1.4.55",
+  "version": "1.4.57",
   "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": "^2.1.3",
     "@operato/app": "^1.4.47",
-    "@operato/board": "^1.4.55",
+    "@operato/board": "^1.4.57",
     "@operato/data-grist": "^1.4.39",
     "@operato/font": "^1.4.39",
     "@operato/graphql": "^1.4.20",
@@ -128,5 +128,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "d0abe895a05008b1366e4357dfb4e59b56c75e1e"
+  "gitHead": "d18a96ad0d1a4ab65acfec887d170235d0e31ea4"
 }

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

@@ -30,6 +30,7 @@ export type Mapping = {
   property?: string
   param?: Rule
   ndnsp?: boolean
+  partial?: boolean
 }
 
 /**
@@ -305,6 +306,11 @@ export class DataBindingMapper extends LitElement {
         </ox-input-code>
       </div>
 
+      <div class="checkbox-row">
+        <input id="checkbox-partial" type="checkbox" value-key="partial" .checked=${mapping.partial === true} />
+        <label for="checkbox-partial"> <ox-i18n msgid="label.partial-spreading">Partial Spreading</ox-i18n> </label>
+      </div>
+
       <div class="checkbox-row">
         <input id="checkbox-ndnsp" type="checkbox" value-key="ndnsp" .checked=${mapping.ndnsp === true} />
         <label for="checkbox-ndnsp"> <ox-i18n msgid="label.ndnsp">No Data No Spreading</ox-i18n> </label>
@@ -435,6 +441,13 @@ export class DataBindingMapper extends LitElement {
         ...this.mapping,
         ndnsp: value
       }
+    } else if (key === 'partial' /* partial spreading */) {
+      value = element.checked
+
+      this.mapping = {
+        ...this.mapping,
+        partial: value
+      }
     }
 
     if (!this.mapping.rule) {

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

@@ -5,16 +5,62 @@
 import '@operato/input/ox-input-data.js'
 import '@operato/i18n/ox-i18n.js'
 
-import { html, LitElement } from 'lit'
+import { css, html, LitElement } from 'lit'
 import { property } from 'lit/decorators.js'
+import { ifDefined } from 'lit/directives/if-defined.js'
 
 import { Properties, Scene } from '@hatiolab/things-scene'
 
 import { EffectsSharedStyle } from './effects-shared-style.js'
 import { convert } from './value-converter'
 
+const SETS_ACTION = ['data-set', 'partial-data-set', 'value-set', 'partial-value-set']
+
 export class PropertyEventHover extends LitElement {
-  static styles = [EffectsSharedStyle]
+  static styles = [
+    EffectsSharedStyle,
+    css`
+      datalist option.cursor-auto {
+        cursor: auto;
+      }
+
+      datalist option.cursor-pointer {
+        cursor: pointer;
+      }
+
+      datalist option.cursor-default {
+        cursor: default;
+      }
+
+      datalist option.cursor-move {
+        cursor: move;
+      }
+
+      datalist option.cursor-text {
+        cursor: text;
+      }
+
+      datalist option.cursor-wait {
+        cursor: wait;
+      }
+
+      datalist option.cursor-help {
+        cursor: help;
+      }
+
+      datalist option.cursor-crosshair {
+        cursor: crosshair;
+      }
+
+      datalist option.cursor-not-allowed {
+        cursor: not-allowed;
+      }
+
+      datalist option.cursor-grab {
+        cursor: grab;
+      }
+    `
+  ]
 
   @property({ type: Object }) value?: Properties
   @property({ type: Object }) scene?: Scene
@@ -35,19 +81,20 @@ 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 process</option>
-        <option value="infoWindow">open infowindow</option>
+        <option value="popup">popup target board</option>
+        <option value="info-window">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>
+        <option value="mouse-cursor">change mouse cursor to target style</option>
       </select>
 
       <label> <ox-i18n msgid="label.target">target</ox-i18n> </label>
 
       ${action == 'popup'
         ? html`
-            <ox-editor-process-selector value-key="target" .value=${target} custom-editor></ox-editor-process-selector>
+            <ox-editor-board-selector value-key="target" .value=${target} custom-editor></ox-editor-board-selector>
           `
         : html`
             <input
@@ -59,11 +106,12 @@ export class PropertyEventHover extends LitElement {
 
             <datalist id="target-list">
               ${this._getTargetList(action).map(
-                ({ value, description }) => html` <option .value=${value}>${description}</option> `
+                ({ value, description, class: clazz }) =>
+                  html` <option .value=${value} class=${ifDefined(clazz)}>${description}</option> `
               )}
             </datalist>
           `}
-      ${action == 'data-set' || action == 'value-set'
+      ${SETS_ACTION.indexOf(action) != -1
         ? html`
             <label> <ox-i18n msgid="label.value">value</ox-i18n> </label>
             <ox-input-data value-key="value" .value=${value} custom-editor fullwidth></ox-input-data>
@@ -90,12 +138,14 @@ export class PropertyEventHover extends LitElement {
     }
   }
 
-  _getTargetList(action: string): { value: string; description: string }[] {
+  _getTargetList(action: string): { value: string; description?: string; class?: string }[] {
     switch (action) {
       case 'data-toggle':
       case 'data-tristate':
       case 'data-set':
       case 'value-set':
+      case 'partial-data-set':
+      case 'partial-value-set':
         let ids =
           (this.scene &&
             this.scene.ids.map(i => {
@@ -105,7 +155,8 @@ export class PropertyEventHover extends LitElement {
           []
         ids.unshift({ value: '(self)', description: 'self component' })
         return ids
-      case 'infoWindow':
+
+      case 'info-window':
         return (
           (this.scene &&
             this.scene.ids
@@ -118,6 +169,14 @@ export class PropertyEventHover extends LitElement {
               })) ||
           []
         )
+
+      case 'mouse-cursor':
+        return ['auto', 'pointer', 'default', 'move', 'text', 'wait', 'help', 'crosshair', 'not-allowed', 'grab'].map(
+          style => {
+            return { value: style, class: `cursor-${style}` }
+          }
+        )
+
       default:
         return []
     }

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

@@ -4,7 +4,6 @@
 
 import '@operato/input/ox-input-data.js'
 import '@operato/i18n/ox-i18n.js'
-import '../../../ox-editor-process-selector.js'
 
 import { html, LitElement } from 'lit'
 import { property, state } from 'lit/decorators.js'
@@ -15,6 +14,8 @@ import { scenarios } from '../../../graphql/scenario'
 import { EffectsSharedStyle } from './effects-shared-style'
 import { convert } from './value-converter'
 
+const SETS_ACTION = ['data-set', 'partial-data-set', 'value-set', 'partial-value-set', 'start-scenario', 'run-scenario']
+
 export class PropertyEventTap extends LitElement {
   static styles = [EffectsSharedStyle]
 
@@ -50,14 +51,13 @@ export class PropertyEventTap extends LitElement {
         }}
       >
         <option value=""></option>
-        <option value="run">run this process</option>
-        <option value="goto">go to target process</option>
+        <option value="goto">go to target board</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 process</option>
-        <option value="modal-popup">modal popup target process</option>
-        <option value="close-scene">close current process</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="infoWindow">open infowindow</option>
         <option value="toggle-info-window">toggle infowindow</option>
         <option value="data-toggle">toggle(true/false) target component data</option>
@@ -72,10 +72,9 @@ export class PropertyEventTap extends LitElement {
 
       ${action === 'goto' || action?.includes('popup')
         ? html`
-            <ox-editor-process-selector value-key="target" .value=${target} custom-editor></ox-editor-process-selector>
+            <ox-editor-board-selector value-key="target" .value=${target} custom-editor></ox-editor-board-selector>
           `
-        : action !== 'run'
-        ? html`
+        : html`
             <input
               value-key="target"
               .value=${target}
@@ -91,8 +90,7 @@ 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>
@@ -120,7 +118,7 @@ export class PropertyEventTap extends LitElement {
                 : html``
             }
           `
-        : action === 'data-set' || action === 'value-set' || action === 'start-scenario' || action === 'run-scenario'
+        : SETS_ACTION.indexOf(action) != -1
         ? html`
             <label> <ox-i18n msgid="label.value">value</ox-i18n> </label>
             <ox-input-data value-key="value" .value=${value} custom-editor fullwidth></ox-input-data>