@things-factory/figure-ui 10.1.45 → 10.1.46

package/client/modeller/figure-v3-links.ts

@@ -7,7 +7,24 @@ import { i18next, localize } from '@operato/i18n'
 import { V3_FACES } from '@hatiolab/figure-model'
 import type { V3Asset, V3AuthoringAction, V3DimensionSource, V3Face } from '@hatiolab/figure-model'
 
-import { AXES, canFasten, canFollow, choiceOf, fastenedTo, followOf, hasInstanceSize, motionOf, positionsWorkedOut, type Axis, type Follow } from './v3-links.js'
+import {
+  acceptsOf,
+  AXES,
+  canFasten,
+  canFollow,
+  choiceOf,
+  fastenedTo,
+  followOf,
+  hasInstanceSize,
+  holdsThings,
+  motionOf,
+  placeFacesOf,
+  placeIdFor,
+  placesOn,
+  positionsWorkedOut,
+  type Axis,
+  type Follow
+} from './v3-links.js'
 
 const FACES = Object.keys(V3_FACES) as V3Face[]
 
@@ -107,6 +124,7 @@ export class FigureV3Links extends localize(i18next)(LitElement) {
 
   @state() private fasten = { face: 'bottom' as V3Face, toPlane: false, target: '', targetFace: 'top' as V3Face, facing: 'meet' as 'meet' | 'flush', gap: 0 }
   @state() private motion = { kind: 'slide' as 'slide' | 'turn', axis: 'x' as Axis, id: '', min: 0, max: 500 }
+  @state() private place = { role: 'grip' as 'seat' | 'grip', face: 'top' as V3Face, label: '', accepts: '', capacity: 1 }
 
   render() {
     const asset = this.asset
@@ -119,9 +137,82 @@ export class FigureV3Links extends localize(i18next)(LitElement) {
       ${canFasten(asset, this.partId) ? this.renderFastening(asset) : html`<p hint>${i18next.t('figure.text.links-need-a-box')}</p>`}
       <h3>${i18next.t('figure.label.motion')}</h3>
       ${this.renderMotion(asset)}
+      <h3>${i18next.t('figure.label.places')}</h3>
+      ${placeFacesOf(asset, this.partId).length ? this.renderPlaces(asset) : html`<p hint>${i18next.t('figure.text.places-need-a-box')}</p>`}
     `
   }
 
+  /** Where things are held on this part: a seat things rest on, or a grip things are held in (parity row ⑤). */
+  private renderPlaces(asset: V3Asset) {
+    const faces = placeFacesOf(asset, this.partId)
+    const p = this.place
+    const face = faces.includes(p.face) ? p.face : faces[0]!
+    const accepts = acceptsOf(p.accepts)
+    const capacityOk = Number.isSafeInteger(p.capacity) && p.capacity >= 1
+    const roleName = (role: string) => i18next.t('figure.label.place-' + role)
+    return html`
+      ${placesOn(asset, this.partId).map(
+        one => html`<div pair>
+          <span>
+            <b bound>${one.label}</b>
+            <small>${roleName(one.role)} · ${one.face ? i18next.t('figure.label.face-' + one.face) : ''} · ${one.accepts.join(', ')} · ${i18next.t('figure.label.place-holds', { count: one.capacity })}</small>
+          </span>
+          <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'remove-binding', id: one.id })}>
+            <md-icon>close</md-icon>${i18next.t('figure.button.remove-place')}
+          </button>
+        </div>`
+      )}
+      <p hint>${i18next.t('figure.text.place-explained')}</p>
+      ${holdsThings(asset)
+        ? nothing
+        : html`<p hint>${i18next.t('figure.text.place-needs-holding')}</p>
+            <button act ?disabled=${this.locked} @click=${() => this.declareHolding(asset)}>
+              <md-icon>inventory_2</md-icon>${i18next.t('figure.button.declare-holding')}
+            </button>`}
+      <div pair>
+        <select @change=${(e: Event) => (this.place = { ...p, role: (e.target as HTMLSelectElement).value as 'seat' | 'grip' })}>
+          <option value="grip" ?selected=${p.role === 'grip'}>${roleName('grip')}</option>
+          <option value="seat" ?selected=${p.role === 'seat'}>${roleName('seat')}</option>
+        </select>
+        <select @change=${(e: Event) => (this.place = { ...p, face: (e.target as HTMLSelectElement).value as V3Face })}>
+          ${faces.map(one => html`<option value=${one} ?selected=${one === face}>${i18next.t('figure.label.face-' + one)}</option>`)}
+        </select>
+      </div>
+      <div form>
+        <span>${i18next.t('figure.label.place-name')}</span>
+        <input .value=${p.label} placeholder=${roleName(p.role)} @change=${(e: Event) => (this.place = { ...p, label: (e.target as HTMLInputElement).value })} />
+        <span>${i18next.t('figure.label.place-accepts')}</span>
+        <input .value=${p.accepts} placeholder="BOX, TOTE" @input=${(e: Event) => (this.place = { ...p, accepts: (e.target as HTMLInputElement).value })} />
+        <span>${i18next.t('figure.label.place-capacity')}</span>
+        <input type="number" min="1" step="1" .value=${String(p.capacity)} @change=${(e: Event) => (this.place = { ...p, capacity: (e.target as HTMLInputElement).valueAsNumber })} />
+      </div>
+      ${accepts.length ? nothing : html`<small>${i18next.t('figure.text.place-accepts-needed')}</small>`}
+      <button
+        act
+        ?disabled=${this.locked || !accepts.length || !capacityOk}
+        @click=${() =>
+          this.command({
+            kind: 'add-binding',
+            id: placeIdFor(asset, this.partId, p.role),
+            label: p.label.trim() || roleName(p.role),
+            role: p.role,
+            part: this.partId,
+            face,
+            accepts,
+            capacity: p.capacity
+          })}
+      >
+        <md-icon>back_hand</md-icon>${i18next.t('figure.button.add-place')}
+      </button>
+    `
+  }
+
+  /** The figure holds things: `Capacity` and `Holdable`, the ladder's middle rung. One part edit, one undo step. */
+  private declareHolding(asset: V3Asset) {
+    const names = [...new Set([...(asset.document.capabilities.names ?? []), 'Capacity', 'Holdable'])]
+    this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit: { kind: 'set-capabilities', names } }, bubbles: true, composed: true }))
+  }
+
   private renderDimensions(asset: V3Asset) {
     const others = asset.appearance.map(look => look.target).filter(one => one !== this.partId && canFollow(asset, one))
     return AXES.map(axis => {

package/client/modeller/v3-editor.ts

@@ -441,6 +441,7 @@ export class FigureV3Editor extends LitElement {
       .dims=${dims}
       ?locked=${unavailable}
       @v3-command=${(e: CustomEvent) => this.linkCommand(e.detail.action)}
+      @v3-part-edit=${(e: CustomEvent) => this.run(() => this.session!.edit(e.detail.edit))}
     ></figure-v3-links>`
   }
   /** One command, one step of the history. A refusal a person can meet here is said in their words. */
@@ -559,8 +560,8 @@ export class FigureV3Editor extends LitElement {
           }
           ${
             view.bindings.length
-              ? html`<h3>배치 연결점</h3>
-                  ${view.bindings.map(b => html`<p>${b.label} · ${b.role}</p>`)}`
+              ? html`<h3>${i18next.t('figure.label.places')}</h3>
+                  ${view.bindings.map(b => html`<p>${b.label} · ${i18next.t('figure.label.place-' + b.role)}</p>`)}`
               : null
           }
         </aside>

package/client/modeller/v3-links.ts

@@ -1,5 +1,5 @@
-import { v3AttachmentsOf } from '@hatiolab/figure-model'
-import type { V3Asset } from '@hatiolab/figure-model'
+import { v3AttachmentsOf, v3BindingsOf } from '@hatiolab/figure-model'
+import type { V3Asset, V3BindingPlace, V3Face } from '@hatiolab/figure-model'
 
 /*
  * What a V3 part is tied to — the readers behind the parts' size response, fastening and motion sections (parity rows
@@ -136,3 +136,35 @@ export function choiceOf(follow: Follow): string {
       return 'expression'
   }
 }
+
+/** The faces a place can sit on for this part: a box's six, a rounded box's top and bottom, none for a round body. */
+export function placeFacesOf(asset: V3Asset, part: string): V3Face[] {
+  const shape = modelOf(asset).nodes.find(n => n.id === `${part}.shape`)
+  if (shape?.op === 'box-shape@1') return ['left', 'right', 'bottom', 'top', 'back', 'front']
+  if (shape?.op === 'rounded-box@1') return ['bottom', 'top']
+  return []
+}
+
+/** The places things are held that sit on this part. */
+export function placesOn(asset: V3Asset, part: string): V3BindingPlace[] {
+  return v3BindingsOf(asset).filter(one => one.part === part)
+}
+
+/** An id for a new place on this part, not yet taken: `<part>-<role>`, then `-2`, `-3`. */
+export function placeIdFor(asset: V3Asset, part: string, role: 'seat' | 'grip'): string {
+  const taken = new Set(asset.document.capabilities.bindings.map(b => b.id))
+  const base = `${part}-${role}`
+  if (!taken.has(base)) return base
+  let n = 2
+  while (taken.has(`${base}-${n}`)) n++
+  return `${base}-${n}`
+}
+
+/**
+ * Whether a board will hand this figure anything: a place is a slot only on a figure that declares it holds things
+ * (`Capacity`, or `FlowNode`, which includes it). Without it the places are declared and nothing arrives.
+ */
+export const holdsThings = (asset: V3Asset) => (asset.document.capabilities.names ?? []).some(n => n === 'Capacity' || n === 'FlowNode')
+
+/** What `accepts` a person typed: names split on commas, trimmed, blanks and repeats dropped. */
+export const acceptsOf = (typed: string) => [...new Set(typed.split(',').map(one => one.trim()).filter(Boolean))]

package/dist-client/modeller/figure-v3-links.d.ts

@@ -26,7 +26,12 @@ export declare class FigureV3Links extends FigureV3Links_base {
     locked: boolean;
     private fasten;
     private motion;
+    private place;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    /** Where things are held on this part: a seat things rest on, or a grip things are held in (parity row ⑤). */
+    private renderPlaces;
+    /** The figure holds things: `Capacity` and `Holdable`, the ladder's middle rung. One part edit, one undo step. */
+    private declareHolding;
     private renderDimensions;
     private follow;
     /**

package/dist-client/modeller/figure-v3-links.js

@@ -4,7 +4,7 @@ import { css, html, LitElement, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { i18next, localize } from '@operato/i18n';
 import { V3_FACES } from '@hatiolab/figure-model';
-import { AXES, canFasten, canFollow, choiceOf, fastenedTo, followOf, hasInstanceSize, motionOf, positionsWorkedOut } from './v3-links.js';
+import { acceptsOf, AXES, canFasten, canFollow, choiceOf, fastenedTo, followOf, hasInstanceSize, holdsThings, motionOf, placeFacesOf, placeIdFor, placesOn, positionsWorkedOut } from './v3-links.js';
 const FACES = Object.keys(V3_FACES);
 /**
  * What a part is tied to — its size response, what it is fastened to, how it moves (parity rows ④ ⑤ ⑥).
@@ -27,6 +27,7 @@ let FigureV3Links = class FigureV3Links extends localize(i18next)(LitElement) {
         this.locked = false;
         this.fasten = { face: 'bottom', toPlane: false, target: '', targetFace: 'top', facing: 'meet', gap: 0 };
         this.motion = { kind: 'slide', axis: 'x', id: '', min: 0, max: 500 };
+        this.place = { role: 'grip', face: 'top', label: '', accepts: '', capacity: 1 };
     }
     static { this.styles = css `
     :host {
@@ -110,8 +111,76 @@ let FigureV3Links = class FigureV3Links extends localize(i18next)(LitElement) {
       ${canFasten(asset, this.partId) ? this.renderFastening(asset) : html `<p hint>${i18next.t('figure.text.links-need-a-box')}</p>`}
       <h3>${i18next.t('figure.label.motion')}</h3>
       ${this.renderMotion(asset)}
+      <h3>${i18next.t('figure.label.places')}</h3>
+      ${placeFacesOf(asset, this.partId).length ? this.renderPlaces(asset) : html `<p hint>${i18next.t('figure.text.places-need-a-box')}</p>`}
     `;
     }
+    /** Where things are held on this part: a seat things rest on, or a grip things are held in (parity row ⑤). */
+    renderPlaces(asset) {
+        const faces = placeFacesOf(asset, this.partId);
+        const p = this.place;
+        const face = faces.includes(p.face) ? p.face : faces[0];
+        const accepts = acceptsOf(p.accepts);
+        const capacityOk = Number.isSafeInteger(p.capacity) && p.capacity >= 1;
+        const roleName = (role) => i18next.t('figure.label.place-' + role);
+        return html `
+      ${placesOn(asset, this.partId).map(one => html `<div pair>
+          <span>
+            <b bound>${one.label}</b>
+            <small>${roleName(one.role)} · ${one.face ? i18next.t('figure.label.face-' + one.face) : ''} · ${one.accepts.join(', ')} · ${i18next.t('figure.label.place-holds', { count: one.capacity })}</small>
+          </span>
+          <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'remove-binding', id: one.id })}>
+            <md-icon>close</md-icon>${i18next.t('figure.button.remove-place')}
+          </button>
+        </div>`)}
+      <p hint>${i18next.t('figure.text.place-explained')}</p>
+      ${holdsThings(asset)
+            ? nothing
+            : html `<p hint>${i18next.t('figure.text.place-needs-holding')}</p>
+            <button act ?disabled=${this.locked} @click=${() => this.declareHolding(asset)}>
+              <md-icon>inventory_2</md-icon>${i18next.t('figure.button.declare-holding')}
+            </button>`}
+      <div pair>
+        <select @change=${(e) => (this.place = { ...p, role: e.target.value })}>
+          <option value="grip" ?selected=${p.role === 'grip'}>${roleName('grip')}</option>
+          <option value="seat" ?selected=${p.role === 'seat'}>${roleName('seat')}</option>
+        </select>
+        <select @change=${(e) => (this.place = { ...p, face: e.target.value })}>
+          ${faces.map(one => html `<option value=${one} ?selected=${one === face}>${i18next.t('figure.label.face-' + one)}</option>`)}
+        </select>
+      </div>
+      <div form>
+        <span>${i18next.t('figure.label.place-name')}</span>
+        <input .value=${p.label} placeholder=${roleName(p.role)} @change=${(e) => (this.place = { ...p, label: e.target.value })} />
+        <span>${i18next.t('figure.label.place-accepts')}</span>
+        <input .value=${p.accepts} placeholder="BOX, TOTE" @input=${(e) => (this.place = { ...p, accepts: e.target.value })} />
+        <span>${i18next.t('figure.label.place-capacity')}</span>
+        <input type="number" min="1" step="1" .value=${String(p.capacity)} @change=${(e) => (this.place = { ...p, capacity: e.target.valueAsNumber })} />
+      </div>
+      ${accepts.length ? nothing : html `<small>${i18next.t('figure.text.place-accepts-needed')}</small>`}
+      <button
+        act
+        ?disabled=${this.locked || !accepts.length || !capacityOk}
+        @click=${() => this.command({
+            kind: 'add-binding',
+            id: placeIdFor(asset, this.partId, p.role),
+            label: p.label.trim() || roleName(p.role),
+            role: p.role,
+            part: this.partId,
+            face,
+            accepts,
+            capacity: p.capacity
+        })}
+      >
+        <md-icon>back_hand</md-icon>${i18next.t('figure.button.add-place')}
+      </button>
+    `;
+    }
+    /** The figure holds things: `Capacity` and `Holdable`, the ladder's middle rung. One part edit, one undo step. */
+    declareHolding(asset) {
+        const names = [...new Set([...(asset.document.capabilities.names ?? []), 'Capacity', 'Holdable'])];
+        this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit: { kind: 'set-capabilities', names } }, bubbles: true, composed: true }));
+    }
     renderDimensions(asset) {
         const others = asset.appearance.map(look => look.target).filter(one => one !== this.partId && canFollow(asset, one));
         return AXES.map(axis => {
@@ -299,6 +368,10 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], FigureV3Links.prototype, "motion", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigureV3Links.prototype, "place", void 0);
 FigureV3Links = __decorate([
     customElement('figure-v3-links')
 ], FigureV3Links);

package/dist-client/modeller/figure-v3-links.js.map

@@ -1 +1 @@
-{"version":3,"file":"figure-v3-links.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-links.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { V3_FACES } from '@hatiolab/figure-model'\nimport type { V3Asset, V3AuthoringAction, V3DimensionSource, V3Face } from '@hatiolab/figure-model'\n\nimport { AXES, canFasten, canFollow, choiceOf, fastenedTo, followOf, hasInstanceSize, motionOf, positionsWorkedOut, type Axis, type Follow } from './v3-links.js'\n\nconst FACES = Object.keys(V3_FACES) as V3Face[]\n\n/**\n * What a part is tied to — its size response, what it is fastened to, how it moves (parity rows ④ ⑤ ⑥).\n *\n * 「Build Once, Fit Anywhere」 lives here: a dimension that follows the instance size or another part is what lets\n * a figure be placed at any size, and a part fastened to the face it rests on is what keeps it there when that\n * happens. The release gate refuses a figure that falls apart when resized, and tells the author to fasten the\n * parts that come away — this is where they do it. Motion is the V2 joint: a slide or a turn driven by a control.\n *\n * The V2 inspector has these as its dimensions, placement and joint sections, in that order; so does this. Every\n * change is one figure-model authoring command, sent as `v3-command` and run by the editor through the session — one\n * step of the undo history. Choices the command would refuse (a round body fastened, a size following an instance\n * size the figure does not declare) are not offered, so the author is not sent into a refusal.\n */\n@customElement('figure-v3-links')\nexport class FigureV3Links extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: grid;\n      gap: 10px;\n    }\n    h3 {\n      font-size: var(--ui-t-body, 13px);\n      margin: 12px 0 0;\n    }\n    div[row] {\n      display: grid;\n      grid-template-columns: 24px minmax(0, 1fr);\n      gap: 6px;\n      align-items: center;\n    }\n    div[form] {\n      display: grid;\n      grid-template-columns: 96px minmax(0, 1fr);\n      gap: 6px;\n      align-items: center;\n    }\n    div[pair] {\n      display: flex;\n      gap: 6px;\n    }\n    div[pair] > * {\n      flex: 1;\n      min-width: 0;\n    }\n    select,\n    input,\n    button {\n      font: inherit;\n      min-width: 0;\n    }\n    button[act] {\n      justify-self: start;\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      padding: 4px 10px;\n      border: none;\n      border-radius: 999em;\n      cursor: pointer;\n      color: var(--md-sys-color-on-secondary-container);\n      background: var(--md-sys-color-secondary-container);\n    }\n    button[act]:disabled {\n      opacity: 0.5;\n      cursor: default;\n    }\n    button[act] md-icon {\n      font-size: 16px;\n      width: 16px;\n      height: 16px;\n    }\n    small,\n    p[hint] {\n      margin: 0;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    b[bound] {\n      font-weight: 600;\n    }\n    label[toggle] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n  `\n\n  /** The asset being edited. */\n  @property({ attribute: false }) asset?: V3Asset\n  /** The selected part. */\n  @property() partId = ''\n  /** The part's own extent along its axes now, in mm — what a dimension is fixed at when it stops following. */\n  @property({ attribute: false }) dims?: [number, number, number]\n  @property({ type: Boolean }) locked = false\n\n  @state() private fasten = { face: 'bottom' as V3Face, toPlane: false, target: '', targetFace: 'top' as V3Face, facing: 'meet' as 'meet' | 'flush', gap: 0 }\n  @state() private motion = { kind: 'slide' as 'slide' | 'turn', axis: 'x' as Axis, id: '', min: 0, max: 500 }\n\n  render() {\n    const asset = this.asset\n    if (!asset || !this.partId) return nothing\n    return html`\n      <h3>${i18next.t('figure.label.dimensions')}</h3>\n      ${canFollow(asset, this.partId) ? this.renderDimensions(asset) : html`<p hint>${i18next.t('figure.text.links-need-a-box')}</p>`}\n      <h3>${i18next.t('figure.label.placement')}</h3>\n      ${this.renderPositions(asset)}\n      ${canFasten(asset, this.partId) ? this.renderFastening(asset) : html`<p hint>${i18next.t('figure.text.links-need-a-box')}</p>`}\n      <h3>${i18next.t('figure.label.motion')}</h3>\n      ${this.renderMotion(asset)}\n    `\n  }\n\n  private renderDimensions(asset: V3Asset) {\n    const others = asset.appearance.map(look => look.target).filter(one => one !== this.partId && canFollow(asset, one))\n    return AXES.map(axis => {\n      const now = followOf(asset, this.partId, axis)\n      const value = choiceOf(now)\n      return html`<div row>\n        <b>${axis.toUpperCase()}</b>\n        <select ?disabled=${this.locked || now.of === 'expression'} @change=${(e: Event) => this.follow(axis, (e.target as HTMLSelectElement).value, now)}>\n          <option value=\"own\" ?selected=${value === 'own'}>${i18next.t('figure.label.follows-nothing')}</option>\n          ${AXES.filter(one => hasInstanceSize(asset, one)).map(\n            one => html`<option value=${`instance:${one}`} ?selected=${value === `instance:${one}`}>\n              ${i18next.t('figure.label.follows-instance')} · ${one.toUpperCase()}\n            </option>`\n          )}\n          ${others.flatMap(other =>\n            AXES.map(\n              one => html`<option value=${`part:${other}:${one}`} ?selected=${value === `part:${other}:${one}`}>${other} · ${one.toUpperCase()}</option>`\n            )\n          )}\n          ${now.of === 'expression' || now.of === 'input'\n            ? html`<option value=${value} selected>${now.of === 'input' ? now.input : i18next.t('figure.label.follows-expression')}</option>`\n            : nothing}\n        </select>\n      </div>`\n    })\n  }\n\n  private follow(axis: Axis, choice: string, now: Follow) {\n    const following = now.of !== 'own'\n    if (choice === 'own') {\n      if (!following) return\n      const mm = Math.max(1, Math.round(this.dims?.[AXES.indexOf(axis)] ?? 100))\n      this.command({ kind: 'unlink-dimension', part: this.partId, axis, mm })\n      return\n    }\n    const [of, a, b] = choice.split(':')\n    const source: V3DimensionSource = of === 'instance' ? { of: 'instance', axis: a as Axis } : { of: 'part', part: a!, axis: b as Axis }\n    this.command({ kind: 'link-dimension', part: this.partId, axis, source, replace: following })\n  }\n\n  /**\n   * Positions worked out from other values — V2's anchor rules, as the converter wrote them — each with the way to\n   * keep it where it is. This is the way out the release gate names when a resize leaves a part in the air.\n   */\n  private renderPositions(asset: V3Asset) {\n    return positionsWorkedOut(asset, this.partId).map(\n      axis => html`<div pair>\n        <span>${axis.toUpperCase()} · ${i18next.t('figure.label.position-worked-out')}</span>\n        <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'fix-position', part: this.partId, axis })}>\n          <md-icon>push_pin</md-icon>${i18next.t('figure.button.fix-position')}\n        </button>\n      </div>`\n    )\n  }\n\n  private renderFastening(asset: V3Asset) {\n    const to = fastenedTo(asset, this.partId)\n    const f = this.fasten\n    const targets = asset.appearance.map(look => look.target).filter(one => one !== this.partId && canFasten(asset, one))\n    return html`\n      ${to\n        ? html`<div pair>\n            <span>${i18next.t('figure.label.fastened-to')}: <b bound>${to}</b></span>\n            <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'detach', part: this.partId })}>\n              <md-icon>link_off</md-icon>${i18next.t('figure.button.detach')}\n            </button>\n          </div>`\n        : html`<p hint>${i18next.t('figure.text.fastening-explained')}</p>`}\n      <div form>\n        <span>${i18next.t('figure.label.my-face')}</span>\n        <select @change=${(e: Event) => (this.fasten = { ...f, face: (e.target as HTMLSelectElement).value as V3Face })}>\n          ${FACES.map(face => html`<option value=${face} ?selected=${face === f.face}>${i18next.t('figure.label.face-' + face)}</option>`)}\n        </select>\n      </div>\n      <label toggle>\n        <input type=\"checkbox\" .checked=${f.toPlane} @change=${(e: Event) => (this.fasten = { ...f, toPlane: (e.target as HTMLInputElement).checked })} />\n        ${i18next.t('figure.label.stands-on-plane')}\n      </label>\n      ${f.toPlane\n        ? nothing\n        : html`<div form>\n            <span>${i18next.t('figure.label.target-part')}</span>\n            <select @change=${(e: Event) => (this.fasten = { ...f, target: (e.target as HTMLSelectElement).value })}>\n              <option value=\"\" ?selected=${!f.target}>—</option>\n              ${targets.map(one => html`<option value=${one} ?selected=${one === f.target}>${one}</option>`)}\n            </select>\n            <span>${i18next.t('figure.label.target-face')}</span>\n            <select @change=${(e: Event) => (this.fasten = { ...f, targetFace: (e.target as HTMLSelectElement).value as V3Face })}>\n              ${FACES.map(face => html`<option value=${face} ?selected=${face === f.targetFace}>${i18next.t('figure.label.face-' + face)}</option>`)}\n            </select>\n            <span>${i18next.t('figure.label.facing-meet')}</span>\n            <select @change=${(e: Event) => (this.fasten = { ...f, facing: (e.target as HTMLSelectElement).value as 'meet' | 'flush' })}>\n              <option value=\"meet\" ?selected=${f.facing === 'meet'}>${i18next.t('figure.label.facing-meet')}</option>\n              <option value=\"flush\" ?selected=${f.facing === 'flush'}>${i18next.t('figure.label.facing-flush')}</option>\n            </select>\n          </div>`}\n      <div form>\n        <span>${i18next.t('figure.label.gap')}</span>\n        <input type=\"number\" step=\"any\" .value=${String(f.gap)} @change=${(e: Event) => (this.fasten = { ...f, gap: Number((e.target as HTMLInputElement).value) || 0 })} />\n      </div>\n      <button\n        act\n        ?disabled=${this.locked || (!f.toPlane && !f.target)}\n        @click=${() =>\n          this.command({\n            kind: 'attach',\n            part: this.partId,\n            face: f.face,\n            to: f.toPlane ? { plane: 'mounting-plane' } : { part: f.target, face: f.targetFace },\n            ...(f.toPlane ? {} : { facing: f.facing }),\n            ...(f.gap ? { gap: f.gap } : {}),\n            replace: !!to\n          } as V3AuthoringAction)}\n      >\n        <md-icon>link</md-icon>${i18next.t('figure.button.fasten')}\n      </button>\n    `\n  }\n\n  private renderMotion(asset: V3Asset) {\n    const now = motionOf(asset, this.partId)\n    if (now) {\n      return html`<div pair>\n        <span>\n          ${i18next.t('figure.label.motion-' + now.kind)} · ${String(now.axis).toUpperCase()}\n          ${now.control ? html`<small>${now.control.id} (${now.control.unit}) ${now.control.min} … ${now.control.max}</small>` : nothing}\n        </span>\n        <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'remove-motion', part: this.partId })}>\n          <md-icon>close</md-icon>${i18next.t('figure.button.remove-motion')}\n        </button>\n      </div>`\n    }\n    const m = this.motion\n    const unit = m.kind === 'turn' ? 'deg' : 'mm'\n    return html`\n      <p hint>${i18next.t('figure.text.motion-explained')}</p>\n      <div pair>\n        <select @change=${(e: Event) => this.setKind((e.target as HTMLSelectElement).value as 'slide' | 'turn')}>\n          <option value=\"slide\" ?selected=${m.kind === 'slide'}>${i18next.t('figure.label.motion-slide')}</option>\n          <option value=\"turn\" ?selected=${m.kind === 'turn'}>${i18next.t('figure.label.motion-turn')}</option>\n        </select>\n        <select @change=${(e: Event) => (this.motion = { ...m, axis: (e.target as HTMLSelectElement).value as Axis })}>\n          ${AXES.map(a => html`<option value=${a} ?selected=${a === m.axis}>${i18next.t('figure.label.motion-axis')} ${a.toUpperCase()}</option>`)}\n        </select>\n      </div>\n      <div form>\n        <span>${i18next.t('figure.label.control-id')}</span>\n        <input .value=${m.id} placeholder=${`${this.partId}-${m.kind}`} @change=${(e: Event) => (this.motion = { ...m, id: (e.target as HTMLInputElement).value.trim() })} />\n        <span>${i18next.t('figure.label.control-range')} (${unit})</span>\n        <div pair>\n          <input type=\"number\" step=\"any\" .value=${String(m.min)} @change=${(e: Event) => (this.motion = { ...m, min: Number((e.target as HTMLInputElement).value) })} />\n          <input type=\"number\" step=\"any\" .value=${String(m.max)} @change=${(e: Event) => (this.motion = { ...m, max: Number((e.target as HTMLInputElement).value) })} />\n        </div>\n      </div>\n      <button\n        act\n        ?disabled=${this.locked || !(m.max > m.min)}\n        @click=${() =>\n          this.command({\n            kind: 'add-motion',\n            part: this.partId,\n            motion: { kind: m.kind, axis: m.axis },\n            state: { id: m.id || `${this.partId}-${m.kind}`, unit, min: m.min, max: m.max, start: m.min }\n          })}\n      >\n        <md-icon>animation</md-icon>${i18next.t('figure.button.add-motion')}\n      </button>\n    `\n  }\n\n  private setKind(kind: 'slide' | 'turn') {\n    this.motion = kind === 'turn' ? { ...this.motion, kind, min: -90, max: 90 } : { ...this.motion, kind, min: 0, max: 500 }\n  }\n\n  private command(action: V3AuthoringAction) {\n    this.dispatchEvent(new CustomEvent('v3-command', { detail: { action }, bubbles: true, composed: true }))\n  }\n}\n\n"]}
+{"version":3,"file":"figure-v3-links.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-links.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { V3_FACES } from '@hatiolab/figure-model'\nimport type { V3Asset, V3AuthoringAction, V3DimensionSource, V3Face } from '@hatiolab/figure-model'\n\nimport {\n  acceptsOf,\n  AXES,\n  canFasten,\n  canFollow,\n  choiceOf,\n  fastenedTo,\n  followOf,\n  hasInstanceSize,\n  holdsThings,\n  motionOf,\n  placeFacesOf,\n  placeIdFor,\n  placesOn,\n  positionsWorkedOut,\n  type Axis,\n  type Follow\n} from './v3-links.js'\n\nconst FACES = Object.keys(V3_FACES) as V3Face[]\n\n/**\n * What a part is tied to — its size response, what it is fastened to, how it moves (parity rows ④ ⑤ ⑥).\n *\n * 「Build Once, Fit Anywhere」 lives here: a dimension that follows the instance size or another part is what lets\n * a figure be placed at any size, and a part fastened to the face it rests on is what keeps it there when that\n * happens. The release gate refuses a figure that falls apart when resized, and tells the author to fasten the\n * parts that come away — this is where they do it. Motion is the V2 joint: a slide or a turn driven by a control.\n *\n * The V2 inspector has these as its dimensions, placement and joint sections, in that order; so does this. Every\n * change is one figure-model authoring command, sent as `v3-command` and run by the editor through the session — one\n * step of the undo history. Choices the command would refuse (a round body fastened, a size following an instance\n * size the figure does not declare) are not offered, so the author is not sent into a refusal.\n */\n@customElement('figure-v3-links')\nexport class FigureV3Links extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: grid;\n      gap: 10px;\n    }\n    h3 {\n      font-size: var(--ui-t-body, 13px);\n      margin: 12px 0 0;\n    }\n    div[row] {\n      display: grid;\n      grid-template-columns: 24px minmax(0, 1fr);\n      gap: 6px;\n      align-items: center;\n    }\n    div[form] {\n      display: grid;\n      grid-template-columns: 96px minmax(0, 1fr);\n      gap: 6px;\n      align-items: center;\n    }\n    div[pair] {\n      display: flex;\n      gap: 6px;\n    }\n    div[pair] > * {\n      flex: 1;\n      min-width: 0;\n    }\n    select,\n    input,\n    button {\n      font: inherit;\n      min-width: 0;\n    }\n    button[act] {\n      justify-self: start;\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      padding: 4px 10px;\n      border: none;\n      border-radius: 999em;\n      cursor: pointer;\n      color: var(--md-sys-color-on-secondary-container);\n      background: var(--md-sys-color-secondary-container);\n    }\n    button[act]:disabled {\n      opacity: 0.5;\n      cursor: default;\n    }\n    button[act] md-icon {\n      font-size: 16px;\n      width: 16px;\n      height: 16px;\n    }\n    small,\n    p[hint] {\n      margin: 0;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    b[bound] {\n      font-weight: 600;\n    }\n    label[toggle] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n  `\n\n  /** The asset being edited. */\n  @property({ attribute: false }) asset?: V3Asset\n  /** The selected part. */\n  @property() partId = ''\n  /** The part's own extent along its axes now, in mm — what a dimension is fixed at when it stops following. */\n  @property({ attribute: false }) dims?: [number, number, number]\n  @property({ type: Boolean }) locked = false\n\n  @state() private fasten = { face: 'bottom' as V3Face, toPlane: false, target: '', targetFace: 'top' as V3Face, facing: 'meet' as 'meet' | 'flush', gap: 0 }\n  @state() private motion = { kind: 'slide' as 'slide' | 'turn', axis: 'x' as Axis, id: '', min: 0, max: 500 }\n  @state() private place = { role: 'grip' as 'seat' | 'grip', face: 'top' as V3Face, label: '', accepts: '', capacity: 1 }\n\n  render() {\n    const asset = this.asset\n    if (!asset || !this.partId) return nothing\n    return html`\n      <h3>${i18next.t('figure.label.dimensions')}</h3>\n      ${canFollow(asset, this.partId) ? this.renderDimensions(asset) : html`<p hint>${i18next.t('figure.text.links-need-a-box')}</p>`}\n      <h3>${i18next.t('figure.label.placement')}</h3>\n      ${this.renderPositions(asset)}\n      ${canFasten(asset, this.partId) ? this.renderFastening(asset) : html`<p hint>${i18next.t('figure.text.links-need-a-box')}</p>`}\n      <h3>${i18next.t('figure.label.motion')}</h3>\n      ${this.renderMotion(asset)}\n      <h3>${i18next.t('figure.label.places')}</h3>\n      ${placeFacesOf(asset, this.partId).length ? this.renderPlaces(asset) : html`<p hint>${i18next.t('figure.text.places-need-a-box')}</p>`}\n    `\n  }\n\n  /** Where things are held on this part: a seat things rest on, or a grip things are held in (parity row ⑤). */\n  private renderPlaces(asset: V3Asset) {\n    const faces = placeFacesOf(asset, this.partId)\n    const p = this.place\n    const face = faces.includes(p.face) ? p.face : faces[0]!\n    const accepts = acceptsOf(p.accepts)\n    const capacityOk = Number.isSafeInteger(p.capacity) && p.capacity >= 1\n    const roleName = (role: string) => i18next.t('figure.label.place-' + role)\n    return html`\n      ${placesOn(asset, this.partId).map(\n        one => html`<div pair>\n          <span>\n            <b bound>${one.label}</b>\n            <small>${roleName(one.role)} · ${one.face ? i18next.t('figure.label.face-' + one.face) : ''} · ${one.accepts.join(', ')} · ${i18next.t('figure.label.place-holds', { count: one.capacity })}</small>\n          </span>\n          <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'remove-binding', id: one.id })}>\n            <md-icon>close</md-icon>${i18next.t('figure.button.remove-place')}\n          </button>\n        </div>`\n      )}\n      <p hint>${i18next.t('figure.text.place-explained')}</p>\n      ${holdsThings(asset)\n        ? nothing\n        : html`<p hint>${i18next.t('figure.text.place-needs-holding')}</p>\n            <button act ?disabled=${this.locked} @click=${() => this.declareHolding(asset)}>\n              <md-icon>inventory_2</md-icon>${i18next.t('figure.button.declare-holding')}\n            </button>`}\n      <div pair>\n        <select @change=${(e: Event) => (this.place = { ...p, role: (e.target as HTMLSelectElement).value as 'seat' | 'grip' })}>\n          <option value=\"grip\" ?selected=${p.role === 'grip'}>${roleName('grip')}</option>\n          <option value=\"seat\" ?selected=${p.role === 'seat'}>${roleName('seat')}</option>\n        </select>\n        <select @change=${(e: Event) => (this.place = { ...p, face: (e.target as HTMLSelectElement).value as V3Face })}>\n          ${faces.map(one => html`<option value=${one} ?selected=${one === face}>${i18next.t('figure.label.face-' + one)}</option>`)}\n        </select>\n      </div>\n      <div form>\n        <span>${i18next.t('figure.label.place-name')}</span>\n        <input .value=${p.label} placeholder=${roleName(p.role)} @change=${(e: Event) => (this.place = { ...p, label: (e.target as HTMLInputElement).value })} />\n        <span>${i18next.t('figure.label.place-accepts')}</span>\n        <input .value=${p.accepts} placeholder=\"BOX, TOTE\" @input=${(e: Event) => (this.place = { ...p, accepts: (e.target as HTMLInputElement).value })} />\n        <span>${i18next.t('figure.label.place-capacity')}</span>\n        <input type=\"number\" min=\"1\" step=\"1\" .value=${String(p.capacity)} @change=${(e: Event) => (this.place = { ...p, capacity: (e.target as HTMLInputElement).valueAsNumber })} />\n      </div>\n      ${accepts.length ? nothing : html`<small>${i18next.t('figure.text.place-accepts-needed')}</small>`}\n      <button\n        act\n        ?disabled=${this.locked || !accepts.length || !capacityOk}\n        @click=${() =>\n          this.command({\n            kind: 'add-binding',\n            id: placeIdFor(asset, this.partId, p.role),\n            label: p.label.trim() || roleName(p.role),\n            role: p.role,\n            part: this.partId,\n            face,\n            accepts,\n            capacity: p.capacity\n          })}\n      >\n        <md-icon>back_hand</md-icon>${i18next.t('figure.button.add-place')}\n      </button>\n    `\n  }\n\n  /** The figure holds things: `Capacity` and `Holdable`, the ladder's middle rung. One part edit, one undo step. */\n  private declareHolding(asset: V3Asset) {\n    const names = [...new Set([...(asset.document.capabilities.names ?? []), 'Capacity', 'Holdable'])]\n    this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit: { kind: 'set-capabilities', names } }, bubbles: true, composed: true }))\n  }\n\n  private renderDimensions(asset: V3Asset) {\n    const others = asset.appearance.map(look => look.target).filter(one => one !== this.partId && canFollow(asset, one))\n    return AXES.map(axis => {\n      const now = followOf(asset, this.partId, axis)\n      const value = choiceOf(now)\n      return html`<div row>\n        <b>${axis.toUpperCase()}</b>\n        <select ?disabled=${this.locked || now.of === 'expression'} @change=${(e: Event) => this.follow(axis, (e.target as HTMLSelectElement).value, now)}>\n          <option value=\"own\" ?selected=${value === 'own'}>${i18next.t('figure.label.follows-nothing')}</option>\n          ${AXES.filter(one => hasInstanceSize(asset, one)).map(\n            one => html`<option value=${`instance:${one}`} ?selected=${value === `instance:${one}`}>\n              ${i18next.t('figure.label.follows-instance')} · ${one.toUpperCase()}\n            </option>`\n          )}\n          ${others.flatMap(other =>\n            AXES.map(\n              one => html`<option value=${`part:${other}:${one}`} ?selected=${value === `part:${other}:${one}`}>${other} · ${one.toUpperCase()}</option>`\n            )\n          )}\n          ${now.of === 'expression' || now.of === 'input'\n            ? html`<option value=${value} selected>${now.of === 'input' ? now.input : i18next.t('figure.label.follows-expression')}</option>`\n            : nothing}\n        </select>\n      </div>`\n    })\n  }\n\n  private follow(axis: Axis, choice: string, now: Follow) {\n    const following = now.of !== 'own'\n    if (choice === 'own') {\n      if (!following) return\n      const mm = Math.max(1, Math.round(this.dims?.[AXES.indexOf(axis)] ?? 100))\n      this.command({ kind: 'unlink-dimension', part: this.partId, axis, mm })\n      return\n    }\n    const [of, a, b] = choice.split(':')\n    const source: V3DimensionSource = of === 'instance' ? { of: 'instance', axis: a as Axis } : { of: 'part', part: a!, axis: b as Axis }\n    this.command({ kind: 'link-dimension', part: this.partId, axis, source, replace: following })\n  }\n\n  /**\n   * Positions worked out from other values — V2's anchor rules, as the converter wrote them — each with the way to\n   * keep it where it is. This is the way out the release gate names when a resize leaves a part in the air.\n   */\n  private renderPositions(asset: V3Asset) {\n    return positionsWorkedOut(asset, this.partId).map(\n      axis => html`<div pair>\n        <span>${axis.toUpperCase()} · ${i18next.t('figure.label.position-worked-out')}</span>\n        <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'fix-position', part: this.partId, axis })}>\n          <md-icon>push_pin</md-icon>${i18next.t('figure.button.fix-position')}\n        </button>\n      </div>`\n    )\n  }\n\n  private renderFastening(asset: V3Asset) {\n    const to = fastenedTo(asset, this.partId)\n    const f = this.fasten\n    const targets = asset.appearance.map(look => look.target).filter(one => one !== this.partId && canFasten(asset, one))\n    return html`\n      ${to\n        ? html`<div pair>\n            <span>${i18next.t('figure.label.fastened-to')}: <b bound>${to}</b></span>\n            <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'detach', part: this.partId })}>\n              <md-icon>link_off</md-icon>${i18next.t('figure.button.detach')}\n            </button>\n          </div>`\n        : html`<p hint>${i18next.t('figure.text.fastening-explained')}</p>`}\n      <div form>\n        <span>${i18next.t('figure.label.my-face')}</span>\n        <select @change=${(e: Event) => (this.fasten = { ...f, face: (e.target as HTMLSelectElement).value as V3Face })}>\n          ${FACES.map(face => html`<option value=${face} ?selected=${face === f.face}>${i18next.t('figure.label.face-' + face)}</option>`)}\n        </select>\n      </div>\n      <label toggle>\n        <input type=\"checkbox\" .checked=${f.toPlane} @change=${(e: Event) => (this.fasten = { ...f, toPlane: (e.target as HTMLInputElement).checked })} />\n        ${i18next.t('figure.label.stands-on-plane')}\n      </label>\n      ${f.toPlane\n        ? nothing\n        : html`<div form>\n            <span>${i18next.t('figure.label.target-part')}</span>\n            <select @change=${(e: Event) => (this.fasten = { ...f, target: (e.target as HTMLSelectElement).value })}>\n              <option value=\"\" ?selected=${!f.target}>—</option>\n              ${targets.map(one => html`<option value=${one} ?selected=${one === f.target}>${one}</option>`)}\n            </select>\n            <span>${i18next.t('figure.label.target-face')}</span>\n            <select @change=${(e: Event) => (this.fasten = { ...f, targetFace: (e.target as HTMLSelectElement).value as V3Face })}>\n              ${FACES.map(face => html`<option value=${face} ?selected=${face === f.targetFace}>${i18next.t('figure.label.face-' + face)}</option>`)}\n            </select>\n            <span>${i18next.t('figure.label.facing-meet')}</span>\n            <select @change=${(e: Event) => (this.fasten = { ...f, facing: (e.target as HTMLSelectElement).value as 'meet' | 'flush' })}>\n              <option value=\"meet\" ?selected=${f.facing === 'meet'}>${i18next.t('figure.label.facing-meet')}</option>\n              <option value=\"flush\" ?selected=${f.facing === 'flush'}>${i18next.t('figure.label.facing-flush')}</option>\n            </select>\n          </div>`}\n      <div form>\n        <span>${i18next.t('figure.label.gap')}</span>\n        <input type=\"number\" step=\"any\" .value=${String(f.gap)} @change=${(e: Event) => (this.fasten = { ...f, gap: Number((e.target as HTMLInputElement).value) || 0 })} />\n      </div>\n      <button\n        act\n        ?disabled=${this.locked || (!f.toPlane && !f.target)}\n        @click=${() =>\n          this.command({\n            kind: 'attach',\n            part: this.partId,\n            face: f.face,\n            to: f.toPlane ? { plane: 'mounting-plane' } : { part: f.target, face: f.targetFace },\n            ...(f.toPlane ? {} : { facing: f.facing }),\n            ...(f.gap ? { gap: f.gap } : {}),\n            replace: !!to\n          } as V3AuthoringAction)}\n      >\n        <md-icon>link</md-icon>${i18next.t('figure.button.fasten')}\n      </button>\n    `\n  }\n\n  private renderMotion(asset: V3Asset) {\n    const now = motionOf(asset, this.partId)\n    if (now) {\n      return html`<div pair>\n        <span>\n          ${i18next.t('figure.label.motion-' + now.kind)} · ${String(now.axis).toUpperCase()}\n          ${now.control ? html`<small>${now.control.id} (${now.control.unit}) ${now.control.min} … ${now.control.max}</small>` : nothing}\n        </span>\n        <button act ?disabled=${this.locked} @click=${() => this.command({ kind: 'remove-motion', part: this.partId })}>\n          <md-icon>close</md-icon>${i18next.t('figure.button.remove-motion')}\n        </button>\n      </div>`\n    }\n    const m = this.motion\n    const unit = m.kind === 'turn' ? 'deg' : 'mm'\n    return html`\n      <p hint>${i18next.t('figure.text.motion-explained')}</p>\n      <div pair>\n        <select @change=${(e: Event) => this.setKind((e.target as HTMLSelectElement).value as 'slide' | 'turn')}>\n          <option value=\"slide\" ?selected=${m.kind === 'slide'}>${i18next.t('figure.label.motion-slide')}</option>\n          <option value=\"turn\" ?selected=${m.kind === 'turn'}>${i18next.t('figure.label.motion-turn')}</option>\n        </select>\n        <select @change=${(e: Event) => (this.motion = { ...m, axis: (e.target as HTMLSelectElement).value as Axis })}>\n          ${AXES.map(a => html`<option value=${a} ?selected=${a === m.axis}>${i18next.t('figure.label.motion-axis')} ${a.toUpperCase()}</option>`)}\n        </select>\n      </div>\n      <div form>\n        <span>${i18next.t('figure.label.control-id')}</span>\n        <input .value=${m.id} placeholder=${`${this.partId}-${m.kind}`} @change=${(e: Event) => (this.motion = { ...m, id: (e.target as HTMLInputElement).value.trim() })} />\n        <span>${i18next.t('figure.label.control-range')} (${unit})</span>\n        <div pair>\n          <input type=\"number\" step=\"any\" .value=${String(m.min)} @change=${(e: Event) => (this.motion = { ...m, min: Number((e.target as HTMLInputElement).value) })} />\n          <input type=\"number\" step=\"any\" .value=${String(m.max)} @change=${(e: Event) => (this.motion = { ...m, max: Number((e.target as HTMLInputElement).value) })} />\n        </div>\n      </div>\n      <button\n        act\n        ?disabled=${this.locked || !(m.max > m.min)}\n        @click=${() =>\n          this.command({\n            kind: 'add-motion',\n            part: this.partId,\n            motion: { kind: m.kind, axis: m.axis },\n            state: { id: m.id || `${this.partId}-${m.kind}`, unit, min: m.min, max: m.max, start: m.min }\n          })}\n      >\n        <md-icon>animation</md-icon>${i18next.t('figure.button.add-motion')}\n      </button>\n    `\n  }\n\n  private setKind(kind: 'slide' | 'turn') {\n    this.motion = kind === 'turn' ? { ...this.motion, kind, min: -90, max: 90 } : { ...this.motion, kind, min: 0, max: 500 }\n  }\n\n  private command(action: V3AuthoringAction) {\n    this.dispatchEvent(new CustomEvent('v3-command', { detail: { action }, bubbles: true, composed: true }))\n  }\n}\n\n"]}

package/dist-client/modeller/v3-editor.js

@@ -457,6 +457,7 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
       .dims=${dims}
       ?locked=${unavailable}
       @v3-command=${(e) => this.linkCommand(e.detail.action)}
+      @v3-part-edit=${(e) => this.run(() => this.session.edit(e.detail.edit))}
     ></figure-v3-links>`;
     }
     /** One command, one step of the history. A refusal a person can meet here is said in their words. */
@@ -568,8 +569,8 @@ let FigureV3Editor = class FigureV3Editor extends LitElement {
                 ></figure-v3-material>`
             : null}
           ${view.bindings.length
-            ? html `<h3>배치 연결점</h3>
-                  ${view.bindings.map(b => html `<p>${b.label} · ${b.role}</p>`)}`
+            ? html `<h3>${i18next.t('figure.label.places')}</h3>
+                  ${view.bindings.map(b => html `<p>${b.label} · ${i18next.t('figure.label.place-' + b.role)}</p>`)}`
             : null}
         </aside>
       </main>`;