@operato/process 1.4.54 → 1.4.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/process",
-  "version": "1.4.54",
+  "version": "1.4.56",
   "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.54",
+    "@operato/board": "^1.4.56",
     "@operato/data-grist": "^1.4.39",
     "@operato/font": "^1.4.39",
     "@operato/graphql": "^1.4.20",
@@ -128,5 +128,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "783bec574847b8b6d40bf3173a68167781ca849d"
+  "gitHead": "6efbdbb21c3d45712916c7eb6ed918b1d3f25e87"
 }

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

@@ -40,6 +40,8 @@ const PROPS = [
   'dimension',
   'location',
   'accessor',
+  'partial-data',
+  'partial-value',
   '(action)'
 ].map(prop => {
   return typeof prop == 'string' ? { name: prop, label: prop } : { name: prop[0], label: prop[1] }

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>

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

@@ -1,60 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import '@operato/input/ox-buttons-radio.js';
-import '@operato/input/ox-input-code.js';
-import '@operato/i18n/ox-i18n.js';
-import '@operato/help/ox-help-icon.js';
-import './data-binding-value-map.js';
-import './data-binding-value-range.js';
-import { LitElement, PropertyValues } from 'lit';
-import { Properties, Scene } from '@hatiolab/things-scene';
-export type Rule = {
-    map?: Properties;
-    range?: Properties[];
-    eval?: string;
-} | any;
-export type Mapping = {
-    source?: string;
-    rule: 'map' | 'range' | 'eval' | 'value';
-    accessor?: string;
-    target?: string;
-    property?: string;
-    param?: Rule;
-    ndnsp?: boolean;
-};
-/**
-element for mapping data value editing
-
-Example:
-
-  <data-binding-mapper mapping=${mapping}>
-  </data-binding-mapper>
-*/
-export declare class DataBindingMapper extends LitElement {
-    static styles: import("lit").CSSResult[];
-    mapping: Mapping;
-    rule: Rule;
-    properties: Properties[];
-    scene?: Scene;
-    _valueTypes: any;
-    _componentIds: {
-        value: string;
-        description: string;
-    }[];
-    editor: HTMLInputElement;
-    source: HTMLInputElement;
-    target: HTMLInputElement;
-    firstUpdated(): void;
-    updated(changes: PropertyValues<this>): void;
-    findComponentIds(): {
-        value: string;
-        description: any;
-    }[];
-    render(): import("lit-html").TemplateResult<1>;
-    _valuetype(property: string): any;
-    private _keep_saved_rule_params;
-    _onChangedMapping(): Promise<void>;
-    _onChangeRule(e: Event): void;
-    _onChange(e: Event): void;
-}