@things-factory/figure-ui 10.1.248 → 10.1.253

package/dist-client/modeller/figure-data-panel.js

@@ -5,8 +5,10 @@ import { customElement, property, state } from 'lit/decorators.js';
 import { i18next, localize } from '@operato/i18n';
 import { unitWord } from './unit-words.js';
 import { FIGURE_UNITS, figureDataExample, inferFigureDataSchema } from '@hatiolab/figure-model';
-import { accessorOfRow, behaviorKeyOf, behaviorsOf, bindingDraftOf, domainOf, endlessJointsOf, fieldAt, fieldOfKind, fitsField, freeCodeOf, legendRoleOf, methodOf, methodsOf, partsOf, rotationStepsOf, sampleOf, schemaRowsOf, schemaWithField, schemaWithFieldReplaced, schemaWithoutField, schemaFollowingCodes, stateInputsOf, tableColumnsOf, tableDraftOf, tableWithKeys, tableWithLook, tableWithTargets } from './data-interface.js';
+import { accessorOfRow, behaviorsOf, bindingDraftOf, domainOf, endlessJointsOf, fieldAt, fieldOfKind, fitsField, freeCodeOf, legendRoleOf, methodOf, methodsOf, partsOf, rotationStepsOf, sampleOf, schemaRowsOf, schemaWithField, schemaWithFieldReplaced, schemaWithoutField, schemaFollowingCodes, stateInputsOf, tableColumnsOf, tableDraftOf, tableWithKeys, tableWithLook, tableWithTargets } from './data-interface.js';
 import { SidePanelStyles } from '@things-factory/figure-viewer/dist-client/side-panel-styles.js';
+import { dataMoveOf } from '@things-factory/figure-viewer/dist-client/data-connection.js';
+import { kindWords, moveWords } from '@things-factory/figure-viewer/dist-client/data-words.js';
 import { figureBindingsTakenOver, figureCapabilityDescriptorOf } from '@hatiolab/things-scene';
 import { consumerDescriptors } from './consumer-capabilities.js';
 import { HelpToggles } from './help.js';
@@ -263,17 +265,9 @@ let FigureDataPanel = class FigureDataPanel extends localize(i18next)(LitElement
       ${this.renderAddField(schema, '')} ${this.renderFromSample(schema)}
     </section>`;
     }
+    /** A field's kind in the words every screen says it in (figure-viewer kindWords). */
     kindWord(node) {
-        const kind = i18next.t('figure.label.data-kind-' + node.kind);
-        if (node.kind === 'number') {
-            const range = node.min !== undefined || node.max !== undefined ? ` ${node.min ?? ''}~${node.max ?? ''}` : '';
-            return `${kind}${node.unit ? ` ${unitWord(node.unit)}` : ''}${range}`;
-        }
-        if (node.kind === 'text' && node.values)
-            return `${kind} (${node.values.join(', ')})`;
-        if (node.kind === 'list')
-            return `${kind} · ${i18next.t('figure.label.data-kind-' + node.item.kind)}`;
-        return kind;
+        return kindWords(node);
     }
     /** The chosen field's own settings, and a field added under it when it holds fields. */
     renderField(asset, schema, row) {
@@ -433,21 +427,9 @@ let FigureDataPanel = class FigureDataPanel extends localize(i18next)(LitElement
     </details>`;
     }
     /* ---------------------------------------------------------------- the bindings */
-    behaviorName(asset, choices, b) {
-        const key = behaviorKeyOf(b);
-        const choice = choices.find(c => c.key === key);
-        const name = b.kind === 'pose' ? i18next.t('figure.label.data-axis-' + b.axis) : (choice?.name ?? key.slice(key.indexOf(':') + 1));
-        return i18next.t('figure.label.data-behavior-' + b.kind, { name });
-    }
-    /** What a table shows on, as one line: its parts, the controls it sets, its motion group. */
-    targetsName(asset, b) {
-        const inputs = stateInputsOf(asset);
-        const group = (asset.motionGroups ?? []).find(g => g.id === b.targets.group);
-        return [
-            ...(b.targets.parts ?? []),
-            ...(b.targets.inputs ?? []).map(id => inputs.find(i => i.id === id)?.label ?? id),
-            ...(group ? [group.label] : [])
-        ].join(', ');
+    /** What a behavior moves, in the words every screen says it in (figure-viewer dataMoveOf · moveWords). */
+    behaviorName(asset, b) {
+        return moveWords(dataMoveOf(asset, b));
     }
     renderBindings(asset, rows) {
         const bindings = asset.dataInterface?.bindings ?? [];
@@ -464,7 +446,7 @@ let FigureDataPanel = class FigureDataPanel extends localize(i18next)(LitElement
     renderBinding(asset, choices, b, resting) {
         const open = this.opened === b.id;
         const set = (next) => this.edit({ kind: 'set-data-binding', binding: next });
-        const what = b.rule === 'table' ? this.targetsName(asset, b) : this.behaviorName(asset, choices, b.behavior);
+        const what = moveWords(dataMoveOf(asset, b.rule === 'table' ? { kind: 'table', targets: b.targets } : b.behavior));
         const rests = resting.some(r => r.id === b.id);
         return html `<section item>
       <div head>
@@ -837,7 +819,7 @@ let FigureDataPanel = class FigureDataPanel extends localize(i18next)(LitElement
         ${!table && fitting.length
             ? html `<span>${i18next.t('figure.label.data-behavior')}</span>
               <select @change=${(e) => set({ behavior: typed(e) })}>
-                ${fitting.map(c => html `<option value=${c.key} ?selected=${c === choice}>${this.behaviorName(asset, choices, c.behavior)}</option>`)}
+                ${fitting.map(c => html `<option value=${c.key} ?selected=${c === choice}>${this.behaviorName(asset, c.behavior)}</option>`)}
               </select>`
             : nothing}
       </div>