@things-factory/figure-ui 10.1.265 → 10.1.266

package/dist-client/modeller/editor.js

@@ -43,7 +43,7 @@ import { groupFields, ownerOf, partLabelOf, repeatOf } from './fields.js';
 import { SidePanelStyles } from '@things-factory/figure-viewer/dist-client/side-panel-styles.js';
 import { EditorStyles } from './editor-styles.js';
 import { ScrollbarStyles } from '@operato/styles';
-import { alignChanges, canMirror, mirrorEditOf, mirrorPlanOf } from './align.js';
+import { alignChanges, canMirror, mirrorEditOf, mirroredClipsOf, mirrorPlanOf } from './align.js';
 import { paletteRecipe } from './palette.js';
 import { meshChoicesOf, meshPartOf } from './mesh-import.js';
 import './figure-mesh-choice.js';
@@ -60,7 +60,7 @@ import { sizeInputOf } from './size-response.js';
 import { canFollow, followableAxes, endPlaceKeyOf, followOf, sizeFollowersOf, measureNow, partSummaryOf, instanceRangeOf, instanceSizeToDeclare, proportionToFollow, rangeWith, turnsAboutAJoint, valueNow } from './links.js';
 import { jointFanOf } from './joint-fan.js';
 import { derivedOf } from './revision.js';
-import { jointDragOf } from './joint-drag.js';
+import { jointDragOf, jointHandleOf } from './joint-drag.js';
 import { liveOverSession, NOTHING_LIVE, scrubLabel } from './live.js';
 import { startingShapeKindOfBody } from './starting-shape.js';
 import { GroupMenuStyles } from './group-menu.js';
@@ -108,6 +108,8 @@ let FigureEditor = class FigureEditor extends LitElement {
         this.moreOpen = FigureEditor_1.storedMoreOpen();
         /** What the middle shows: the parts being edited, or the figure placed on a board at eight sizes. */
         this.middle = 'edit';
+        /** 「관절 위치 편집」: while on, a drag on a part that hangs from a joint that moves moves where the joint sits, not its pose. Off on each new selection. */
+        this.jointPlacing = false;
         /** A line saying what a command did besides what was asked; gone at the next command. */
         this.notice = '';
         /**
@@ -296,8 +298,10 @@ let FigureEditor = class FigureEditor extends LitElement {
         }
         if (view && !view.geometry.some(g => ownerOf(g.id) === this.selected))
             this.selected = '';
-        if (_changed.has('selected'))
+        if (_changed.has('selected')) {
             this.gizmoMode = undefined;
+            this.jointPlacing = false;
+        }
         /* The window is about the part chosen on the properties tab, being edited: it does not follow anywhere else. */
         if (this.fastening && (_changed.has('selected') || !this.selected || this.tab !== 'properties' || this.middle !== 'edit'))
             this.closeFastening();
@@ -328,6 +332,30 @@ let FigureEditor = class FigureEditor extends LitElement {
                 this.selected = next;
         });
     }
+    /**
+     * On a part that hangs from a joint that moves, what a drag does, before it is dragged (review 2026-11-09): the handle
+     * that poses it, or why none does and where it is moved from -- and 「관절 위치 편집」 to move where the joint sits.
+     */
+    renderJointHandle(unavailable) {
+        const asset = this.asset();
+        if (unavailable || this.gizmoMode === 'scale' || !this.selected || !asset)
+            return nothing;
+        const handle = jointHandleOf(asset, this.selected);
+        if (!handle)
+            return nothing;
+        if (this.jointPlacing)
+            return html `<p joint-handle role="status">${i18next.t('figure.text.joint-placing', { joint: handle.joint })}
+        <button act @click=${() => (this.jointPlacing = false)}>${i18next.t('figure.button.joint-place-off')}</button></p>`;
+        const said = handle.kind === 'mimic'
+            ? i18next.t('figure.text.gizmo-joint-mimic', { joint: handle.joint, leader: handle.leader })
+            : handle.kind === 'several-axes'
+                ? i18next.t('figure.text.gizmo-joint-several-axes', { joint: handle.joint })
+                : i18next.t(`figure.text.joint-handle-${handle.kind}`, { joint: handle.joint });
+        const leaderPart = handle.kind === 'mimic' ? handle.leaderPart : undefined;
+        return html `<p joint-handle role="status">${said}
+      ${leaderPart ? html `<button act @click=${() => this.choose(leaderPart)}>${i18next.t('figure.button.select-leader', { leader: handle.leader })}</button>` : nothing}
+      <button act @click=${() => (this.jointPlacing = true)}>${i18next.t('figure.button.joint-place-on')}</button></p>`;
+    }
     /** While the size tool is on a round part: which of its handles change the one diameter (ADR-0140 4.1). */
     renderSameMeasure(unavailable) {
         if (unavailable || this.gizmoMode !== 'scale' || !this.selected)
@@ -697,12 +725,31 @@ let FigureEditor = class FigureEditor extends LitElement {
         const shown = this.shown();
         const asset = shown.asset;
         const drawn = view.geometry.find(g => g.id === id);
-        const drag = drawn ? jointDragOf(asset, ownerOf(id), drawn, result, shown.inputs) : null;
+        const drag = drawn ? jointDragOf(asset, ownerOf(id), drawn, result, shown.inputs, { place: this.jointPlacing }) : null;
         if (drag) {
             if (drag.kind === 'value')
                 this.run(() => this.session.apply([{ kind: 'set-state', input: drag.input, unit: drag.unit, value: drag.value }]));
             else if (drag.kind === 'joint')
                 this.run(() => this.session.command({ kind: 'set-joint', joint: drag.joint }));
+            else if (drag.reason === 'place-off') {
+                /* A pose drag that would have moved the joint: nothing is written, and the way to move it is offered. */
+                this.refusals.point(i18next.t('figure.text.gizmo-joint-place-off', { joint: drag.joint }), {
+                    label: i18next.t('figure.button.joint-place-on'),
+                    run: () => (this.jointPlacing = true)
+                });
+                this.requestUpdate();
+            }
+            else if (drag.reason === 'mimic') {
+                /* A joint that follows another: the one it follows is a click away. */
+                const leader = jointHandleOf(asset, ownerOf(id));
+                const leaderPart = leader?.kind === 'mimic' ? leader.leaderPart : undefined;
+                const message = i18next.t('figure.text.gizmo-joint-mimic', { joint: drag.joint, leader: drag.leader ?? '' });
+                if (leaderPart)
+                    this.refusals.point(message, { label: i18next.t('figure.button.select-leader', { leader: drag.leader ?? '' }), run: () => this.choose(leaderPart) });
+                else
+                    this.refusals.say(message);
+                this.requestUpdate();
+            }
             else {
                 this.error = i18next.t(`figure.text.gizmo-joint-${drag.reason}`, { joint: drag.joint, leader: drag.leader ?? '', axis: drag.axis ?? '' });
                 this.requestUpdate();
@@ -825,6 +872,7 @@ let FigureEditor = class FigureEditor extends LitElement {
             ${i18next.t('figure.label.mirror-keep-motion')}
           </label>`
             : nothing}
+      ${(clips => (clips.length ? html `<p hint mirror-clips>${i18next.t('figure.text.mirror-copies-clips', { clips: clips.join(', ') })}</p>` : nothing))(mirroredClipsOf(this.shown().asset, m.part, m.form.chain))}
       <div pair>
         <button act ?disabled=${unavailable} @click=${() => this.mirrorWith(m.part, m.form)}>${i18next.t('figure.button.mirror-' + m.form.axis)}</button>
         <button act @click=${() => (this.mirroring = undefined)}>${i18next.t('figure.button.cancel')}</button>
@@ -1122,6 +1170,7 @@ let FigureEditor = class FigureEditor extends LitElement {
       @states=${(e) => this.run(() => this.session.apply(e.detail.changes))}
       @states-live=${(e) => this.hold(e.detail.values)}
       @part-edit=${(e) => this.run(() => this.session.edit(e.detail.edit))}
+      @part-edits=${(e) => this.run(() => this.session.applyRecipe(e.detail.edits))}
     ></figure-clips>`;
     }
     /** One command, one step of the history. A refusal a person can meet here is said in their words. */
@@ -2096,7 +2145,7 @@ let FigureEditor = class FigureEditor extends LitElement {
           @render-error=${(e) => {
             this.error = e.detail.message;
         }}
-        ></figure-canvas>${this.renderSameMeasure(unavailable)}</div>
+        ></figure-canvas>${this.renderSameMeasure(unavailable)}${this.renderJointHandle(unavailable)}</div>
         <aside slot="end">
           <div tabs>
             ${this.renderTab('properties', 'tune', i18next.t('figure.label.properties'))}
@@ -2399,6 +2448,10 @@ __decorate([
     state(),
     __metadata("design:type", String)
 ], FigureEditor.prototype, "gizmoMode", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureEditor.prototype, "jointPlacing", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)