@operato/board 1.4.55 → 1.4.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "1.4.55",
+  "version": "1.4.57",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -148,5 +148,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

@@ -14,6 +14,8 @@ 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,
@@ -84,7 +86,9 @@ export class PropertyEventHover extends LitElement {
         <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="partial-data-set">set partial value to target component data</option>
         <option value="value-set">set value to target component value</option>
+        <option value="partial-value-set">set partial value to target component value</option>
         <option value="mouse-cursor">change mouse cursor to target style</option>
       </select>
 
@@ -109,7 +113,7 @@ export class PropertyEventHover extends LitElement {
               )}
             </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>
@@ -142,6 +146,8 @@ export class PropertyEventHover extends LitElement {
       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 => {

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

@@ -14,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]
 
@@ -61,7 +63,9 @@ export class PropertyEventTap extends LitElement {
         <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="partial-data-set">set partial value to target component data</option>
         <option value="value-set">set value to target component value</option>
+        <option value="partial-value-set">set partial 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>
@@ -116,7 +120,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>