@things-factory/figure-ui 10.1.161 → 10.1.162

package/client/modeller/data-interface.ts

@@ -108,3 +108,20 @@ export function dataSampleOf(asset: FigureAsset, values: Record<string, FigureDa
   const issues = validateFigureDataValues(plan, values)
   return issues.length ? { issues } : { result: evaluateFigureDataInterface(plan, values) }
 }
+
+/**
+ * Which fields of each motion group the data interface writes: its clip (a lookup to `motion-clip`), its speed
+ * (`motion-speed`). The data always writes them -- from a live value, a saved one, or the property's default -- and
+ * wins over a group's own setting for that field (detail design §5.1), so a control for such a field moves nothing.
+ */
+export function motionWrittenByData(asset: FigureAsset): Record<string, { clip: boolean; speed: boolean }> {
+  const out: Record<string, { clip: boolean; speed: boolean }> = {}
+  for (const c of asset.dataInterface?.connections ?? []) {
+    if (c.target.kind !== 'motion-clip' && c.target.kind !== 'motion-speed') continue
+    const one = (out[c.target.group] ??= { clip: false, speed: false })
+    if (c.target.kind === 'motion-clip') one.clip = true
+    else one.speed = true
+  }
+  return out
+}
+

package/client/modeller/figure-preview.ts

@@ -3,11 +3,12 @@ import { customElement, property, query, state } from 'lit/decorators.js'
 
 import { i18next, localize } from '@operato/i18n'
 import { compileFigureAsset } from '@hatiolab/figure-model'
-import type { FigureAsset } from '@hatiolab/figure-model'
+import type { FigureAsset, FigureDataProperty, FigureDataValue } from '@hatiolab/figure-model'
 import { create, registerFigure, unregisterFigure } from '@hatiolab/things-scene'
 
 import { DEFAULT_VIEW, previewBoardDepth, sceneLook, WORKBENCH, type ViewSettings } from '@things-factory/figure-viewer/dist-client/figure-view.js'
 import { dialShape } from './angle-dial.js'
+import { domainOf, motionWrittenByData, sampleValueOf } from './data-interface.js'
 import { derivedOf, type FigureRevision } from './revision.js'
 import { authoredSizeOf, PREVIEW_FACTOR, PREVIEW_WAYS, previewClampsOf, previewInstances, previewTypeOf, setupPartOf } from '@things-factory/figure-viewer/dist-client/preview-model.js'
 
@@ -208,6 +209,8 @@ export class FigurePreview extends localize(i18next)(LitElement) {
   @state() private giving: Record<string, number> = {}
   /** Per motion group, the clip played here and how fast (ADR-0051 §3.2) -- the preview's, as a board's \`motion\`. */
   @state() private moving: Record<string, { clip: string; speed: number }> = {}
+  /** Data values given here, as a board's saved `figureValues`: what moves a group whose clip or speed the data writes. */
+  @state() private valuing: Record<string, FigureDataValue> = {}
   /** Data values tried in the data tab: the preview's figures run on them as a live snapshot; null when none are. */
   @property({ attribute: false }) sample: Record<string, unknown> | null = null
   /** The part chosen in the editor. The size help starts on it, so the help speaks of the part the author was working on. */
@@ -261,7 +264,7 @@ export class FigurePreview extends localize(i18next)(LitElement) {
               </select>
               <button @click=${() => this.dispatchEvent(new CustomEvent('configure-size', { detail: { part: setupPart }, bubbles: true, composed: true }))}>${i18next.t('figure.button.configure-size')}</button>
             </div>` : nothing}
-            ${controls.length + clips.length + (asset?.motionGroups?.length ?? 0) ? this.renderDrivers(asset!, controls, clips) : nothing}</div>`}`
+            ${controls.length + clips.length + (asset?.motionGroups?.length ?? 0) + (asset?.dataInterface?.properties.length ?? 0) ? this.renderDrivers(asset!, controls, clips) : nothing}</div>`}`
   }
 
   private renderDrivers(asset: FigureAsset, controls: FigureAsset['document']['model']['inputs'], clips: string[]) {
@@ -303,24 +306,56 @@ export class FigurePreview extends localize(i18next)(LitElement) {
           <output>${value.toFixed(2)}</output>
         </label>`
       })}
+      ${(asset.dataInterface?.properties ?? []).map(property => this.renderDataValue(property))}
       ${(asset.motionGroups ?? []).map(group => {
         const playing = this.moving[group.id] ?? { clip: group.defaultClip, speed: 0 }
-        return html`<label>
-            <span>${group.label} <span drive>${i18next.t('figure.label.clip')}</span></span>
-            <select aria-label=${group.label} @change=${(e: Event) => this.move(group.id, { ...playing, clip: (e.target as HTMLSelectElement).value })}>
-              ${group.clips.map(c => html`<option value=${c} ?selected=${c === playing.clip}>${c}</option>`)}
-            </select>
-          </label>
-          <label>
-            <span>${group.label} <span drive>${i18next.t('figure.label.playback-speed')}</span></span>
-            <span></span>
-            <input type="range" min="0" max="3" step="0.05" .value=${String(playing.speed)} @input=${(e: Event) => this.move(group.id, { ...playing, speed: Number((e.target as HTMLInputElement).value) })} />
-            <output>${playing.speed.toFixed(2)}</output>
-          </label>`
+        /* A field the data writes wins over the group's own setting, here as on a board: it is moved by the data values above. */
+        const byData = motionWrittenByData(asset)[group.id] ?? { clip: false, speed: false }
+        return html`${byData.clip
+            ? nothing
+            : html`<label>
+                <span>${group.label} <span drive>${i18next.t('figure.label.clip')}</span></span>
+                <select aria-label=${group.label} @change=${(e: Event) => this.move(group.id, { ...playing, clip: (e.target as HTMLSelectElement).value })}>
+                  ${group.clips.map(c => html`<option value=${c} ?selected=${c === playing.clip}>${c}</option>`)}
+                </select>
+              </label>`}
+          ${byData.speed
+            ? nothing
+            : html`<label>
+                <span>${group.label} <span drive>${i18next.t('figure.label.playback-speed')}</span></span>
+                <span></span>
+                <input type="range" min="0" max="3" step="0.05" .value=${String(playing.speed)} @input=${(e: Event) => this.move(group.id, { ...playing, speed: Number((e.target as HTMLInputElement).value) })} />
+                <output>${playing.speed.toFixed(2)}</output>
+              </label>`}`
       })}
     </div>`
   }
 
+  /** A data property's value, as the board's data values give it: a number on a slider, a boolean or an enum chosen. */
+  private renderDataValue(property: FigureDataProperty) {
+    const value = this.valuing[property.id] ?? property.default
+    if (property.kind === 'number') {
+      const step = Math.max((property.max - property.min) / 100, 0.01)
+      return html`<label>
+        <span>${property.label} <span drive>${property.unit}</span></span>
+        <span></span>
+        <input type="range" min=${property.min} max=${property.max} step=${step} .value=${String(value)} @input=${(e: Event) => this.value(property, (e.target as HTMLInputElement).value)} />
+        <output>${Number(value).toFixed(2)}</output>
+      </label>`
+    }
+    return html`<label>
+      <span>${property.label}</span>
+      <select aria-label=${property.label} @change=${(e: Event) => this.value(property, (e.target as HTMLSelectElement).value)}>
+        ${domainOf(property).map(v => html`<option value=${String(v)} ?selected=${v === value}>${typeof v === 'boolean' ? i18next.t(v ? 'figure.label.data-true' : 'figure.label.data-false') : v}</option>`)}
+      </select>
+    </label>`
+  }
+
+  private value(property: FigureDataProperty, typed: string) {
+    this.valuing = { ...this.valuing, [property.id]: sampleValueOf(property, typed) }
+    this.tellInstances('figureValues', this.valuing)
+  }
+
   private move(group: string, playing: { clip: string; speed: number }) {
     this.moving = { ...this.moving, [group]: playing }
     this.tellInstances('motion', Object.fromEntries(Object.entries(this.moving).map(([id, m]) => [id, { ...m, paused: false }])))
@@ -352,7 +387,7 @@ export class FigurePreview extends localize(i18next)(LitElement) {
     this.giving = {}
   }
 
-  private tellInstances(key: 'clips' | 'parameters' | 'motion' | 'figureData', values: Record<string, unknown> | null) {
+  private tellInstances(key: 'clips' | 'parameters' | 'motion' | 'figureData' | 'figureValues', values: Record<string, unknown> | null) {
     for (const component of this.scene?.root?.components ?? []) {
       const value = values === null ? null : { ...values }
       /* A live snapshot is transient on the figure (its \`figureData\` accessor), never written into the saved model. */
@@ -436,6 +471,7 @@ export class FigurePreview extends localize(i18next)(LitElement) {
       if (!again) this.teardown()
       this.driving = {}
       this.moving = {}
+      this.valuing = {}
       registerFigure(type, asset)
       this.registered = type
       const { components, board } = previewInstances(type, size)

package/dist-client/modeller/data-interface.d.ts

@@ -40,3 +40,12 @@ export declare function dataSampleOf(asset: FigureAsset, values: Record<string,
 } | {
     issues: FigureDataValueIssue[];
 };
+/**
+ * Which fields of each motion group the data interface writes: its clip (a lookup to `motion-clip`), its speed
+ * (`motion-speed`). The data always writes them -- from a live value, a saved one, or the property's default -- and
+ * wins over a group's own setting for that field (detail design §5.1), so a control for such a field moves nothing.
+ */
+export declare function motionWrittenByData(asset: FigureAsset): Record<string, {
+    clip: boolean;
+    speed: boolean;
+}>;

package/dist-client/modeller/data-interface.js

@@ -92,4 +92,22 @@ export function dataSampleOf(asset, values) {
     const issues = validateFigureDataValues(plan, values);
     return issues.length ? { issues } : { result: evaluateFigureDataInterface(plan, values) };
 }
+/**
+ * Which fields of each motion group the data interface writes: its clip (a lookup to `motion-clip`), its speed
+ * (`motion-speed`). The data always writes them -- from a live value, a saved one, or the property's default -- and
+ * wins over a group's own setting for that field (detail design §5.1), so a control for such a field moves nothing.
+ */
+export function motionWrittenByData(asset) {
+    const out = {};
+    for (const c of asset.dataInterface?.connections ?? []) {
+        if (c.target.kind !== 'motion-clip' && c.target.kind !== 'motion-speed')
+            continue;
+        const one = (out[c.target.group] ??= { clip: false, speed: false });
+        if (c.target.kind === 'motion-clip')
+            one.clip = true;
+        else
+            one.speed = true;
+    }
+    return out;
+}
 //# sourceMappingURL=data-interface.js.map

package/dist-client/modeller/data-interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-interface.js","sourceRoot":"","sources":["../../client/modeller/data-interface.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * The figure's public data properties and what each moves (ADR-0051 §2.2): what the data tab offers and shows. Every\n * rule is figure-model's -- which transform a property may take, whether a connection holds, what a sample moves; this\n * only lists what there is to choose and drafts a first connection the kernel then checks. Kept apart from the element so\n * it is tested without a browser.\n */\nimport { compileFigureDataInterface, evaluateFigureDataInterface, validateFigureDataValues, FIGURE_PART_ID } from '@hatiolab/figure-model'\nimport type { FigureAsset, FigureDataConnection, FigureDataProperty, FigureDataResult, FigureDataTarget, FigureDataValue, FigureDataValueIssue } from '@hatiolab/figure-model'\n\n/** Something a connection can write, with what the screen shows of it. */\nexport interface DataTargetChoice {\n  /** One string per target, for a select's value. */\n  key: string\n  target: FigureDataTarget\n  /** The control's label, the colour token, or the group's label. */\n  name: string\n  unit?: string\n  min?: number\n  max?: number\n}\n\nexport const targetKeyOf = (t: FigureDataTarget): string =>\n  t.kind === 'state' ? `state:${t.input}` : t.kind === 'palette' ? `palette:${t.token}` : `${t.kind}:${t.group}`\n\n/**\n * What a property of this kind can be connected to: a number moves a control or a group's speed; an enum or a boolean\n * moves a control, a colour or which clip of a group plays (through a case per value). A control is offered observed: a\n * value read from the machine applies as it comes.\n */\nexport function dataTargetsOf(asset: FigureAsset, kind: FigureDataProperty['kind']): DataTargetChoice[] {\n  const out: DataTargetChoice[] = []\n  for (const input of asset.document.model.inputs) {\n    if (input.role !== 'state') continue\n    const target: FigureDataTarget = { kind: 'state', input: input.id, sourceMode: 'observed' }\n    out.push({ key: targetKeyOf(target), target, name: asset.stateInputs?.[input.id]?.label ?? input.id, unit: input.unit, min: input.min, max: input.max })\n  }\n  if (kind !== 'number')\n    for (const token of Object.keys(asset.palette)) {\n      const target: FigureDataTarget = { kind: 'palette', token }\n      out.push({ key: targetKeyOf(target), target, name: token })\n    }\n  for (const group of asset.motionGroups ?? []) {\n    const target: FigureDataTarget = kind === 'number' ? { kind: 'motion-speed', group: group.id } : { kind: 'motion-clip', group: group.id }\n    out.push({ key: targetKeyOf(target), target, name: group.label })\n  }\n  return out\n}\n\n/** The values a lookup has a case for: an enum's values, or both booleans. Nothing for a number. */\nexport const domainOf = (property: FigureDataProperty): FigureDataValue[] =>\n  property.kind === 'enum' ? [...property.values] : property.kind === 'boolean' ? [false, true] : []\n\n/** An id not taken among `taken`: `base`, then `base-2`, `base-3`, … made into the kernel's id shape. */\nexport function freeDataIdOf(taken: Iterable<string>, base: string): string {\n  const used = new Set(taken)\n  const cleaned = base.replace(/[^a-zA-Z0-9_-]+/g, '-').replace(/^[^a-zA-Z]+/, '').replace(/-+$/, '') || 'data'\n  const id = FIGURE_PART_ID.test(cleaned) ? cleaned : 'data'\n  if (!used.has(id)) return id\n  let n = 2\n  while (used.has(`${id}-${n}`)) n++\n  return `${id}-${n}`\n}\n\n/**\n * A first connection of a property to a target, for the author to adjust: a number as it is in the control's own unit,\n * or scaled from another; an enum or a boolean case by case, each case at what the target shows now -- the control's\n * rest value, the colour, the group's first clip. The kernel says whether it holds.\n */\nexport function connectionDraftOf(asset: FigureAsset, property: FigureDataProperty, choice: DataTargetChoice): FigureDataConnection {\n  const taken = (asset.dataInterface?.connections ?? []).map(c => c.id)\n  const id = freeDataIdOf(taken, `${property.id}-${choice.target.kind === 'state' ? choice.target.input : choice.target.kind === 'palette' ? 'colour' : choice.target.group}`)\n  const target = choice.target\n  if (property.kind === 'number') {\n    const same = target.kind === 'motion-speed' || (target.kind === 'state' && choice.unit === property.unit)\n    return { id, property: property.id, transform: same ? { kind: 'identity' } : { kind: 'affine', scale: 1, offset: 0 }, target }\n  }\n  const now: FigureDataValue =\n    target.kind === 'state'\n      ? (asset.stateDefaults[target.input] ?? 0)\n      : target.kind === 'palette'\n        ? (asset.palette[target.token] ?? '#000000')\n        : ((asset.motionGroups ?? []).find(g => g.id === target.group)?.defaultClip ?? '')\n  return { id, property: property.id, transform: { kind: 'lookup', cases: domainOf(property).map(when => ({ when, value: now })) }, target }\n}\n\n/** What a property looks like when first made: a number 0 to 1, a boolean off, an enum of two values. */\nexport function propertyDraftOf(asset: FigureAsset, label: string, kind: FigureDataProperty['kind']): FigureDataProperty {\n  const id = freeDataIdOf((asset.dataInterface?.properties ?? []).map(p => p.id), label)\n  if (kind === 'number') return { id, label, kind, unit: 'ratio', min: 0, max: 1, default: 0 }\n  if (kind === 'boolean') return { id, label, kind, default: false }\n  return { id, label, kind, values: ['off', 'on'], default: 'off' }\n}\n\n/** A value typed in a sample field, as the property takes it: a number, true or false, or the enum value. */\nexport function sampleValueOf(property: FigureDataProperty, typed: string): FigureDataValue {\n  if (property.kind === 'number') return typed.trim() === '' ? Number.NaN : Number(typed)\n  if (property.kind === 'boolean') return typed === 'true'\n  return typed\n}\n\n/**\n * What a sample of values would move, as the figure would run it: the kernel's check and evaluation of the interface.\n * Refused whole when one value cannot be taken, with each one's reason, as a live snapshot is.\n */\nexport function dataSampleOf(asset: FigureAsset, values: Record<string, FigureDataValue>): { result: FigureDataResult } | { issues: FigureDataValueIssue[] } {\n  const plan = compileFigureDataInterface(asset)\n  if (!plan) return { issues: [] }\n  const issues = validateFigureDataValues(plan, values)\n  return issues.length ? { issues } : { result: evaluateFigureDataInterface(plan, values) }\n}\n"]}
+{"version":3,"file":"data-interface.js","sourceRoot":"","sources":["../../client/modeller/data-interface.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * The figure's public data properties and what each moves (ADR-0051 §2.2): what the data tab offers and shows. Every\n * rule is figure-model's -- which transform a property may take, whether a connection holds, what a sample moves; this\n * only lists what there is to choose and drafts a first connection the kernel then checks. Kept apart from the element so\n * it is tested without a browser.\n */\nimport { compileFigureDataInterface, evaluateFigureDataInterface, validateFigureDataValues, FIGURE_PART_ID } from '@hatiolab/figure-model'\nimport type { FigureAsset, FigureDataConnection, FigureDataProperty, FigureDataResult, FigureDataTarget, FigureDataValue, FigureDataValueIssue } from '@hatiolab/figure-model'\n\n/** Something a connection can write, with what the screen shows of it. */\nexport interface DataTargetChoice {\n  /** One string per target, for a select's value. */\n  key: string\n  target: FigureDataTarget\n  /** The control's label, the colour token, or the group's label. */\n  name: string\n  unit?: string\n  min?: number\n  max?: number\n}\n\nexport const targetKeyOf = (t: FigureDataTarget): string =>\n  t.kind === 'state' ? `state:${t.input}` : t.kind === 'palette' ? `palette:${t.token}` : `${t.kind}:${t.group}`\n\n/**\n * What a property of this kind can be connected to: a number moves a control or a group's speed; an enum or a boolean\n * moves a control, a colour or which clip of a group plays (through a case per value). A control is offered observed: a\n * value read from the machine applies as it comes.\n */\nexport function dataTargetsOf(asset: FigureAsset, kind: FigureDataProperty['kind']): DataTargetChoice[] {\n  const out: DataTargetChoice[] = []\n  for (const input of asset.document.model.inputs) {\n    if (input.role !== 'state') continue\n    const target: FigureDataTarget = { kind: 'state', input: input.id, sourceMode: 'observed' }\n    out.push({ key: targetKeyOf(target), target, name: asset.stateInputs?.[input.id]?.label ?? input.id, unit: input.unit, min: input.min, max: input.max })\n  }\n  if (kind !== 'number')\n    for (const token of Object.keys(asset.palette)) {\n      const target: FigureDataTarget = { kind: 'palette', token }\n      out.push({ key: targetKeyOf(target), target, name: token })\n    }\n  for (const group of asset.motionGroups ?? []) {\n    const target: FigureDataTarget = kind === 'number' ? { kind: 'motion-speed', group: group.id } : { kind: 'motion-clip', group: group.id }\n    out.push({ key: targetKeyOf(target), target, name: group.label })\n  }\n  return out\n}\n\n/** The values a lookup has a case for: an enum's values, or both booleans. Nothing for a number. */\nexport const domainOf = (property: FigureDataProperty): FigureDataValue[] =>\n  property.kind === 'enum' ? [...property.values] : property.kind === 'boolean' ? [false, true] : []\n\n/** An id not taken among `taken`: `base`, then `base-2`, `base-3`, … made into the kernel's id shape. */\nexport function freeDataIdOf(taken: Iterable<string>, base: string): string {\n  const used = new Set(taken)\n  const cleaned = base.replace(/[^a-zA-Z0-9_-]+/g, '-').replace(/^[^a-zA-Z]+/, '').replace(/-+$/, '') || 'data'\n  const id = FIGURE_PART_ID.test(cleaned) ? cleaned : 'data'\n  if (!used.has(id)) return id\n  let n = 2\n  while (used.has(`${id}-${n}`)) n++\n  return `${id}-${n}`\n}\n\n/**\n * A first connection of a property to a target, for the author to adjust: a number as it is in the control's own unit,\n * or scaled from another; an enum or a boolean case by case, each case at what the target shows now -- the control's\n * rest value, the colour, the group's first clip. The kernel says whether it holds.\n */\nexport function connectionDraftOf(asset: FigureAsset, property: FigureDataProperty, choice: DataTargetChoice): FigureDataConnection {\n  const taken = (asset.dataInterface?.connections ?? []).map(c => c.id)\n  const id = freeDataIdOf(taken, `${property.id}-${choice.target.kind === 'state' ? choice.target.input : choice.target.kind === 'palette' ? 'colour' : choice.target.group}`)\n  const target = choice.target\n  if (property.kind === 'number') {\n    const same = target.kind === 'motion-speed' || (target.kind === 'state' && choice.unit === property.unit)\n    return { id, property: property.id, transform: same ? { kind: 'identity' } : { kind: 'affine', scale: 1, offset: 0 }, target }\n  }\n  const now: FigureDataValue =\n    target.kind === 'state'\n      ? (asset.stateDefaults[target.input] ?? 0)\n      : target.kind === 'palette'\n        ? (asset.palette[target.token] ?? '#000000')\n        : ((asset.motionGroups ?? []).find(g => g.id === target.group)?.defaultClip ?? '')\n  return { id, property: property.id, transform: { kind: 'lookup', cases: domainOf(property).map(when => ({ when, value: now })) }, target }\n}\n\n/** What a property looks like when first made: a number 0 to 1, a boolean off, an enum of two values. */\nexport function propertyDraftOf(asset: FigureAsset, label: string, kind: FigureDataProperty['kind']): FigureDataProperty {\n  const id = freeDataIdOf((asset.dataInterface?.properties ?? []).map(p => p.id), label)\n  if (kind === 'number') return { id, label, kind, unit: 'ratio', min: 0, max: 1, default: 0 }\n  if (kind === 'boolean') return { id, label, kind, default: false }\n  return { id, label, kind, values: ['off', 'on'], default: 'off' }\n}\n\n/** A value typed in a sample field, as the property takes it: a number, true or false, or the enum value. */\nexport function sampleValueOf(property: FigureDataProperty, typed: string): FigureDataValue {\n  if (property.kind === 'number') return typed.trim() === '' ? Number.NaN : Number(typed)\n  if (property.kind === 'boolean') return typed === 'true'\n  return typed\n}\n\n/**\n * What a sample of values would move, as the figure would run it: the kernel's check and evaluation of the interface.\n * Refused whole when one value cannot be taken, with each one's reason, as a live snapshot is.\n */\nexport function dataSampleOf(asset: FigureAsset, values: Record<string, FigureDataValue>): { result: FigureDataResult } | { issues: FigureDataValueIssue[] } {\n  const plan = compileFigureDataInterface(asset)\n  if (!plan) return { issues: [] }\n  const issues = validateFigureDataValues(plan, values)\n  return issues.length ? { issues } : { result: evaluateFigureDataInterface(plan, values) }\n}\n\n/**\n * Which fields of each motion group the data interface writes: its clip (a lookup to `motion-clip`), its speed\n * (`motion-speed`). The data always writes them -- from a live value, a saved one, or the property's default -- and\n * wins over a group's own setting for that field (detail design §5.1), so a control for such a field moves nothing.\n */\nexport function motionWrittenByData(asset: FigureAsset): Record<string, { clip: boolean; speed: boolean }> {\n  const out: Record<string, { clip: boolean; speed: boolean }> = {}\n  for (const c of asset.dataInterface?.connections ?? []) {\n    if (c.target.kind !== 'motion-clip' && c.target.kind !== 'motion-speed') continue\n    const one = (out[c.target.group] ??= { clip: false, speed: false })\n    if (c.target.kind === 'motion-clip') one.clip = true\n    else one.speed = true\n  }\n  return out\n}\n\n"]}

package/dist-client/modeller/figure-preview.d.ts

@@ -26,6 +26,8 @@ export declare class FigurePreview extends FigurePreview_base {
     private giving;
     /** Per motion group, the clip played here and how fast (ADR-0051 §3.2) -- the preview's, as a board's \`motion\`. */
     private moving;
+    /** Data values given here, as a board's saved `figureValues`: what moves a group whose clip or speed the data writes. */
+    private valuing;
     /** Data values tried in the data tab: the preview's figures run on them as a live snapshot; null when none are. */
     sample: Record<string, unknown> | null;
     /** The part chosen in the editor. The size help starts on it, so the help speaks of the part the author was working on. */
@@ -42,6 +44,9 @@ export declare class FigurePreview extends FigurePreview_base {
     private watcher?;
     render(): import("lit-html").TemplateResult<1>;
     private renderDrivers;
+    /** A data property's value, as the board's data values give it: a number on a slider, a boolean or an enum chosen. */
+    private renderDataValue;
+    private value;
     private move;
     private renderDial;
     private drive;

package/dist-client/modeller/figure-preview.js

@@ -6,6 +6,7 @@ import { compileFigureAsset } from '@hatiolab/figure-model';
 import { create, registerFigure, unregisterFigure } from '@hatiolab/things-scene';
 import { DEFAULT_VIEW, previewBoardDepth, sceneLook, WORKBENCH } from '@things-factory/figure-viewer/dist-client/figure-view.js';
 import { dialShape } from './angle-dial.js';
+import { domainOf, motionWrittenByData, sampleValueOf } from './data-interface.js';
 import { derivedOf } from './revision.js';
 import { authoredSizeOf, PREVIEW_FACTOR, PREVIEW_WAYS, previewClampsOf, previewInstances, previewTypeOf, setupPartOf } from '@things-factory/figure-viewer/dist-client/preview-model.js';
 let FigurePreview = class FigurePreview extends localize(i18next)(LitElement) {
@@ -27,6 +28,8 @@ let FigurePreview = class FigurePreview extends localize(i18next)(LitElement) {
         this.giving = {};
         /** Per motion group, the clip played here and how fast (ADR-0051 §3.2) -- the preview's, as a board's \`motion\`. */
         this.moving = {};
+        /** Data values given here, as a board's saved `figureValues`: what moves a group whose clip or speed the data writes. */
+        this.valuing = {};
         /** Data values tried in the data tab: the preview's figures run on them as a live snapshot; null when none are. */
         this.sample = null;
         /** The part chosen in the editor. The size help starts on it, so the help speaks of the part the author was working on. */
@@ -223,7 +226,7 @@ let FigurePreview = class FigurePreview extends localize(i18next)(LitElement) {
               </select>
               <button @click=${() => this.dispatchEvent(new CustomEvent('configure-size', { detail: { part: setupPart }, bubbles: true, composed: true }))}>${i18next.t('figure.button.configure-size')}</button>
             </div>` : nothing}
-            ${controls.length + clips.length + (asset?.motionGroups?.length ?? 0) ? this.renderDrivers(asset, controls, clips) : nothing}</div>`}`;
+            ${controls.length + clips.length + (asset?.motionGroups?.length ?? 0) + (asset?.dataInterface?.properties.length ?? 0) ? this.renderDrivers(asset, controls, clips) : nothing}</div>`}`;
     }
     renderDrivers(asset, controls, clips) {
         const changed = controls.filter(c => this.giving[c.id] !== undefined && this.giving[c.id] !== asset.stateDefaults[c.id]);
@@ -264,23 +267,53 @@ let FigurePreview = class FigurePreview extends localize(i18next)(LitElement) {
           <output>${value.toFixed(2)}</output>
         </label>`;
         })}
+      ${(asset.dataInterface?.properties ?? []).map(property => this.renderDataValue(property))}
       ${(asset.motionGroups ?? []).map(group => {
             const playing = this.moving[group.id] ?? { clip: group.defaultClip, speed: 0 };
-            return html `<label>
-            <span>${group.label} <span drive>${i18next.t('figure.label.clip')}</span></span>
-            <select aria-label=${group.label} @change=${(e) => this.move(group.id, { ...playing, clip: e.target.value })}>
-              ${group.clips.map(c => html `<option value=${c} ?selected=${c === playing.clip}>${c}</option>`)}
-            </select>
-          </label>
-          <label>
-            <span>${group.label} <span drive>${i18next.t('figure.label.playback-speed')}</span></span>
-            <span></span>
-            <input type="range" min="0" max="3" step="0.05" .value=${String(playing.speed)} @input=${(e) => this.move(group.id, { ...playing, speed: Number(e.target.value) })} />
-            <output>${playing.speed.toFixed(2)}</output>
-          </label>`;
+            /* A field the data writes wins over the group's own setting, here as on a board: it is moved by the data values above. */
+            const byData = motionWrittenByData(asset)[group.id] ?? { clip: false, speed: false };
+            return html `${byData.clip
+                ? nothing
+                : html `<label>
+                <span>${group.label} <span drive>${i18next.t('figure.label.clip')}</span></span>
+                <select aria-label=${group.label} @change=${(e) => this.move(group.id, { ...playing, clip: e.target.value })}>
+                  ${group.clips.map(c => html `<option value=${c} ?selected=${c === playing.clip}>${c}</option>`)}
+                </select>
+              </label>`}
+          ${byData.speed
+                ? nothing
+                : html `<label>
+                <span>${group.label} <span drive>${i18next.t('figure.label.playback-speed')}</span></span>
+                <span></span>
+                <input type="range" min="0" max="3" step="0.05" .value=${String(playing.speed)} @input=${(e) => this.move(group.id, { ...playing, speed: Number(e.target.value) })} />
+                <output>${playing.speed.toFixed(2)}</output>
+              </label>`}`;
         })}
     </div>`;
     }
+    /** A data property's value, as the board's data values give it: a number on a slider, a boolean or an enum chosen. */
+    renderDataValue(property) {
+        const value = this.valuing[property.id] ?? property.default;
+        if (property.kind === 'number') {
+            const step = Math.max((property.max - property.min) / 100, 0.01);
+            return html `<label>
+        <span>${property.label} <span drive>${property.unit}</span></span>
+        <span></span>
+        <input type="range" min=${property.min} max=${property.max} step=${step} .value=${String(value)} @input=${(e) => this.value(property, e.target.value)} />
+        <output>${Number(value).toFixed(2)}</output>
+      </label>`;
+        }
+        return html `<label>
+      <span>${property.label}</span>
+      <select aria-label=${property.label} @change=${(e) => this.value(property, e.target.value)}>
+        ${domainOf(property).map(v => html `<option value=${String(v)} ?selected=${v === value}>${typeof v === 'boolean' ? i18next.t(v ? 'figure.label.data-true' : 'figure.label.data-false') : v}</option>`)}
+      </select>
+    </label>`;
+    }
+    value(property, typed) {
+        this.valuing = { ...this.valuing, [property.id]: sampleValueOf(property, typed) };
+        this.tellInstances('figureValues', this.valuing);
+    }
     move(group, playing) {
         this.moving = { ...this.moving, [group]: playing };
         this.tellInstances('motion', Object.fromEntries(Object.entries(this.moving).map(([id, m]) => [id, { ...m, paused: false }])));
@@ -398,6 +431,7 @@ let FigurePreview = class FigurePreview extends localize(i18next)(LitElement) {
                 this.teardown();
             this.driving = {};
             this.moving = {};
+            this.valuing = {};
             registerFigure(type, asset);
             this.registered = type;
             const { components, board } = previewInstances(type, size);
@@ -489,6 +523,10 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], FigurePreview.prototype, "moving", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], FigurePreview.prototype, "valuing", void 0);
 __decorate([
     property({ attribute: false }),
     __metadata("design:type", Object)

package/dist-client/modeller/figure-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"figure-preview.js","sourceRoot":"","sources":["../../client/modeller/figure-preview.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, nothing, unsafeCSS } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { compileFigureAsset } from '@hatiolab/figure-model'\nimport type { FigureAsset } from '@hatiolab/figure-model'\nimport { create, registerFigure, unregisterFigure } from '@hatiolab/things-scene'\n\nimport { DEFAULT_VIEW, previewBoardDepth, sceneLook, WORKBENCH, type ViewSettings } from '@things-factory/figure-viewer/dist-client/figure-view.js'\nimport { dialShape } from './angle-dial.js'\nimport { derivedOf, type FigureRevision } from './revision.js'\nimport { authoredSizeOf, PREVIEW_FACTOR, PREVIEW_WAYS, previewClampsOf, previewInstances, previewTypeOf, setupPartOf } from '@things-factory/figure-viewer/dist-client/preview-model.js'\n\n/**\n * The figure placed on a board.\n *\n * The editing canvas shows the figure at the size it was made. Half of what a figure is lies in how it answers a\n * different size, so here the figure being authored is registered as a board registers it and placed as\n * `FigureInstance`s: the size it was made, and each of the seven ways of growing one, two or three axes twice as\n * large, side by side at one scale, four to a row. The board draws them as it will on a real board --\n * placement, lights, environment, the same renderer.\n *\n * The controls: each value that poses the figure with a slider (and a dial for an angle), each clip's\n * speed, and 「이 자세를 기본으로」 to keep the pose as the one it stands in. Nothing here is edited; the canvas edits.\n */\n\ninterface SceneHandle {\n  dispose?: () => void\n  resize?: () => void\n  fit?: (type?: string) => void\n  /** The scene's container: it can make the content again while keeping the 3D renderer and the camera (undo and redo use it). */\n  rootContainer?: { rebuildContentModel?: (model: unknown, options?: { preserveThreeD?: boolean }) => void }\n  root?: {\n    set?: (patch: Record<string, unknown>) => void\n    fitCameraToModel?: () => void\n    components?: { set?: (property: string, value: unknown) => void }[]\n  }\n}\n\n@customElement('figure-preview')\nexport class FigurePreview extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      position: relative;\n      display: flex;\n      min-width: 0;\n      min-height: 0;\n      overflow: hidden;\n      background-color: ${unsafeCSS(WORKBENCH)};\n      font-size: 0.76rem;\n    }\n    div[stage] {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n    }\n    /*\n      The size help and the posing controls share the stage's bottom edge. Each stood in its own corner, so on a narrow\n      stage (the 1024 width, both side panels open) the controls lay over the help's button. One row that wraps keeps both\n      whole: side by side when there is room, the controls above the help when there is not.\n    */\n    div[foot] {\n      position: absolute;\n      left: 8px;\n      right: 8px;\n      bottom: 8px;\n      display: flex;\n      flex-wrap: wrap-reverse;\n      justify-content: space-between;\n      align-items: flex-end;\n      gap: 8px;\n      pointer-events: none;\n    }\n    div[foot] > * { pointer-events: auto; }\n    div[setup] { max-width: min(320px, 100%); padding: 12px; border-radius: 8px; background: rgba(28,28,30,.9); color: #fff; display: grid; gap: 8px; }\n    div[setup] p { margin: 0; line-height: 1.5; }\n    div[setup] select, div[setup] button { font: inherit; padding: 8px; min-width: 0; }\n    /* Which is which: side by side means nothing without a legend. */\n    div[legend] {\n      position: absolute;\n      top: 8px;\n      left: 8px;\n      display: flex;\n      gap: 6px;\n      padding: 4px 8px;\n      color: rgba(255, 255, 255, 0.9);\n      background-color: rgba(28, 28, 30, 0.6);\n      border-radius: 6px;\n      font-size: 0.72rem;\n      flex-wrap: wrap;\n      max-width: calc(100% - 16px);\n    }\n    /* A variant drawn at another size than it asks: the figure does not declare that size. */\n    div[legend] small[clamp] {\n      margin-left: 4px;\n      color: #ffcc80;\n    }\n    div[clips] {\n      margin-left: auto;\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 8px 10px;\n      color: rgba(255, 255, 255, 0.92);\n      background-color: rgba(28, 28, 30, 0.72);\n      border-radius: 8px;\n      font-size: 0.72rem;\n    }\n    div[clips] label {\n      display: grid;\n      grid-template-columns: auto 20px 96px 34px;\n      align-items: center;\n      gap: 8px;\n    }\n    /* A motion group's clip: as wide as the dial, slider and value together, so its name reads. */\n    div[clips] select {\n      grid-column: 2 / -1;\n      min-width: 0;\n      font: inherit;\n      color: inherit;\n      background-color: rgba(255, 255, 255, 0.14);\n      border: 1px solid rgba(255, 255, 255, 0.22);\n      border-radius: 5px;\n    }\n    div[clips] svg[dial] {\n      width: 20px;\n      height: 20px;\n    }\n    div[clips] svg[dial] path {\n      fill: rgba(255, 255, 255, 0.22);\n    }\n    div[clips] svg[dial] line {\n      stroke: var(--md-sys-color-primary, #7cc6ff);\n      stroke-width: 2;\n      stroke-linecap: round;\n    }\n    div[clips] svg[dial] circle {\n      fill: none;\n      stroke: rgba(255, 255, 255, 0.35);\n    }\n    div[clips] button[pose] {\n      align-self: stretch;\n      padding: 4px 8px;\n      font: inherit;\n      font-size: 0.7rem;\n      color: rgba(255, 255, 255, 0.92);\n      background-color: rgba(255, 255, 255, 0.14);\n      border: 1px solid rgba(255, 255, 255, 0.22);\n      border-radius: 5px;\n      cursor: pointer;\n    }\n    div[clips] button[pose]:hover {\n      background-color: rgba(255, 255, 255, 0.24);\n    }\n    div[clips] span[drive] {\n      opacity: 0.6;\n      font-size: 0.66rem;\n    }\n    div[clips] input {\n      width: 96px;\n      accent-color: var(--md-sys-color-primary);\n    }\n    div[clips] output {\n      font-variant-numeric: tabular-nums;\n      text-align: right;\n      opacity: 0.85;\n    }\n    div[cannot] {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 12px;\n      text-align: center;\n      line-height: 1.6;\n      color: #f4f4f4;\n      background-color: ${unsafeCSS(WORKBENCH)};\n    }\n  `\n\n  /** The figure being authored, as the editor holds it now. */\n  @property({ attribute: false }) revision?: FigureRevision\n  private get asset(): FigureAsset | undefined {\n    return this.revision?.asset\n  }\n  /** The size the figure was made at, once per version: without a declared size it is measured by evaluating the figure. */\n  private authoredSize(): { x: number; y: number; z: number } {\n    const shown = this.revision!\n    return derivedOf(shown, 'authored-size', () => authoredSizeOf(shown.asset))\n  }\n  /** Which figure: the type it is registered under here is this one's own, never a real type a board uses. */\n  @property() context = ''\n  /**\n   * In front. Once made, the preview stays standing behind the edit canvas, so coming back to it is not a new 3D scene\n   * (about 300 ms): out of sight it does not follow the figure, and when it is shown again it makes its content again\n   * inside the scene that stands if the figure changed meanwhile.\n   */\n  @property({ type: Boolean }) active = true\n  private stale = false\n  @property({ attribute: false }) view: ViewSettings = DEFAULT_VIEW\n\n  @query('div[stage]') private stage!: HTMLDivElement\n  @state() private cannot = ''\n  /** Clip speeds and control values given here -- the preview's, not the figure's. */\n  @state() private driving: Record<string, number> = {}\n  @state() private giving: Record<string, number> = {}\n  /** Per motion group, the clip played here and how fast (ADR-0051 §3.2) -- the preview's, as a board's \\`motion\\`. */\n  @state() private moving: Record<string, { clip: string; speed: number }> = {}\n  /** Data values tried in the data tab: the preview's figures run on them as a live snapshot; null when none are. */\n  @property({ attribute: false }) sample: Record<string, unknown> | null = null\n  /** The part chosen in the editor. The size help starts on it, so the help speaks of the part the author was working on. */\n  @property() selected = ''\n  @state() private setupPart = ''\n\n  /** What is being tried here now -- clip speeds and control values -- for the AI dock to hear with a request; none when nothing is. */\n  tried(): { clips?: Record<string, number>; controls?: Record<string, number> } | undefined {\n    const clips = Object.keys(this.driving).length ? { ...this.driving } : undefined\n    const controls = Object.keys(this.giving).length ? { ...this.giving } : undefined\n    return clips || controls ? { ...(clips ? { clips } : {}), ...(controls ? { controls } : {}) } : undefined\n  }\n\n  private scene?: SceneHandle\n  private standing?: string\n  private registered?: string\n  private watcher?: ResizeObserver\n\n  render() {\n    const asset = this.asset\n    const controls = asset ? asset.document.model.inputs.filter(i => i.role === 'state') : []\n    /* Clips in a motion group are played by the group's choice of clip, not each by its own speed. */\n    const grouped = new Set((asset?.motionGroups ?? []).flatMap(g => g.clips))\n    const clips = asset ? [...new Set((asset.drivers ?? []).map(d => d.clip))].filter(c => !grouped.has(c)) : []\n    let clampsByWay: ReturnType<typeof previewClampsOf> = {}\n    try {\n      clampsByWay = asset ? previewClampsOf(asset, this.authoredSize()) : {}\n    } catch {\n      clampsByWay = {}\n    }\n    /* The part the help speaks of: the one picked in it, else the one chosen in the editor, else the first. */\n    const setupPart = setupPartOf(this.setupPart, this.selected, asset?.appearance.map(p => p.target) ?? [])\n    return html`<div stage></div>\n      ${this.cannot\n        ? html`<div cannot>${this.cannot}</div>`\n        : html`<div legend>\n              ${PREVIEW_WAYS.map(way => {\n                const clamps = clampsByWay[way.name] ?? []\n                return html`<span>\n                  ${way.axes.length ? way.name : i18next.t('figure.label.preview-base')}\n                  ${clamps.length\n                    ? html`<small clamp>${clamps.map(c => i18next.t('figure.text.preview-clamped', { axis: c.axis.toUpperCase(), asked: c.asked.toLocaleString(), used: c.used.toLocaleString() })).join(' · ')}</small>`\n                    : nothing}\n                </span>`\n              })}\n            </div>\n            <div foot>${asset?.appearance.length ? html`<div setup>\n              <p>${i18next.t('figure.text.preview-setup')}</p>\n              <select aria-label=${i18next.t('figure.label.resize-part')} @change=${(e: Event) => this.setupPart = (e.target as HTMLSelectElement).value}>\n                ${asset.appearance.map(p => html`<option value=${p.target} ?selected=${p.target === setupPart}>${p.target}</option>`)}\n              </select>\n              <button @click=${() => this.dispatchEvent(new CustomEvent('configure-size', { detail: { part: setupPart }, bubbles: true, composed: true }))}>${i18next.t('figure.button.configure-size')}</button>\n            </div>` : nothing}\n            ${controls.length + clips.length + (asset?.motionGroups?.length ?? 0) ? this.renderDrivers(asset!, controls, clips) : nothing}</div>`}`\n  }\n\n  private renderDrivers(asset: FigureAsset, controls: FigureAsset['document']['model']['inputs'], clips: string[]) {\n    const changed = controls.filter(c => this.giving[c.id] !== undefined && this.giving[c.id] !== asset.stateDefaults[c.id])\n    return html`<div clips>\n      ${changed.length\n        ? html`<button pose title=${i18next.t('figure.text.pose-as-default-explained')} @click=${() => this.poseAsDefault()}>\n            ${i18next.t('figure.button.pose-as-default')}\n          </button>`\n        : nothing}\n      ${controls.map(control => {\n        const value = this.giving[control.id] ?? asset.stateDefaults[control.id] ?? control.min\n        const step = Math.max((control.max - control.min) / 100, 0.01)\n        const label = asset.stateInputs?.[control.id]?.label ?? control.id\n        return html`<label>\n          <span>${label} <span drive>${control.unit}</span></span>\n          ${this.renderDial(control, value)}\n          <input\n            type=\"range\"\n            min=${control.min}\n            max=${control.max}\n            step=${step}\n            .value=${String(value)}\n            @input=${(e: Event) => this.give(control.id, Number((e.target as HTMLInputElement).value))}\n          />\n          <output>${Math.round(value)}</output>\n        </label>`\n      })}\n      ${clips.map(clip => {\n        /*\n          A clip nothing has driven stands still, here as on a board: the instances get a speed only from `drive`. The\n          slider showed 1.00 over rollers that did not turn (2026-10-03). It shows what plays -- 0 until moved.\n        */\n        const value = this.driving[clip] ?? 0\n        return html`<label>\n          <span>${clip} <span drive>${i18next.t('figure.label.playback-speed')}</span></span>\n          <span></span>\n          <input type=\"range\" min=\"0\" max=\"3\" step=\"0.05\" .value=${String(value)} @input=${(e: Event) => this.drive(clip, Number((e.target as HTMLInputElement).value))} />\n          <output>${value.toFixed(2)}</output>\n        </label>`\n      })}\n      ${(asset.motionGroups ?? []).map(group => {\n        const playing = this.moving[group.id] ?? { clip: group.defaultClip, speed: 0 }\n        return html`<label>\n            <span>${group.label} <span drive>${i18next.t('figure.label.clip')}</span></span>\n            <select aria-label=${group.label} @change=${(e: Event) => this.move(group.id, { ...playing, clip: (e.target as HTMLSelectElement).value })}>\n              ${group.clips.map(c => html`<option value=${c} ?selected=${c === playing.clip}>${c}</option>`)}\n            </select>\n          </label>\n          <label>\n            <span>${group.label} <span drive>${i18next.t('figure.label.playback-speed')}</span></span>\n            <span></span>\n            <input type=\"range\" min=\"0\" max=\"3\" step=\"0.05\" .value=${String(playing.speed)} @input=${(e: Event) => this.move(group.id, { ...playing, speed: Number((e.target as HTMLInputElement).value) })} />\n            <output>${playing.speed.toFixed(2)}</output>\n          </label>`\n      })}\n    </div>`\n  }\n\n  private move(group: string, playing: { clip: string; speed: number }) {\n    this.moving = { ...this.moving, [group]: playing }\n    this.tellInstances('motion', Object.fromEntries(Object.entries(this.moving).map(([id, m]) => [id, { ...m, paused: false }])))\n  }\n\n  private renderDial(control: { unit: string; min: number; max: number }, value: number) {\n    if (control.unit !== 'deg') return html`<span></span>`\n    const dial = dialShape(control.min, control.max, value)\n    const span = dial.radius * 2 + 2\n    return html`<svg dial viewBox=\"0 0 ${span} ${span}\" aria-hidden=\"true\">\n      <path d=${dial.sector}></path>\n      <circle cx=${dial.centre.x} cy=${dial.centre.y} r=${dial.radius}></circle>\n      <line x1=${dial.centre.x} y1=${dial.centre.y} x2=${dial.needle.x} y2=${dial.needle.y}></line>\n    </svg>`\n  }\n\n  private drive(clip: string, value: number) {\n    this.driving = { ...this.driving, [clip]: value }\n    this.tellInstances('clips', this.driving)\n  }\n\n  private give(id: string, value: number) {\n    this.giving = { ...this.giving, [id]: value }\n    this.tellInstances('parameters', this.giving)\n  }\n\n  private poseAsDefault() {\n    this.dispatchEvent(new CustomEvent('part-edit', { detail: { edit: { kind: 'set-state-defaults', values: { ...this.giving } } }, bubbles: true, composed: true }))\n    this.giving = {}\n  }\n\n  private tellInstances(key: 'clips' | 'parameters' | 'motion' | 'figureData', values: Record<string, unknown> | null) {\n    for (const component of this.scene?.root?.components ?? []) {\n      const value = values === null ? null : { ...values }\n      /* A live snapshot is transient on the figure (its \\`figureData\\` accessor), never written into the saved model. */\n      if (key === 'figureData') (component as { figureData?: unknown }).figureData = value\n      else component.set?.(key, value)\n    }\n  }\n\n\n  /** The data sample to the figures standing now: a live snapshot, transient on each, never saved with the board. */\n  private tellSample() {\n    if (this.sample) this.tellInstances('figureData', { ...this.sample })\n  }\n\n  willUpdate(changed: Map<string, unknown>) {\n    if (changed.has('sample') && this.scene) this.tellInstances('figureData', this.sample ? { ...this.sample } : null)\n    if (!this.hasUpdated) return\n    if (!this.active) {\n      this.stale = true\n      return\n    }\n    if (this.stale || changed.has('active')) {\n      this.stale = false\n      this.standUp()\n      return\n    }\n    if (changed.has('revision') || changed.has('context')) {\n      this.standUp()\n      return\n    }\n    if (!changed.has('view')) return\n    const before = changed.get('view') as ViewSettings | undefined\n    const now = this.view ?? DEFAULT_VIEW\n    if (before?.placement !== now.placement || before?.ceilingHeight !== now.ceilingHeight) this.standUp()\n    else this.scene?.root?.set?.(sceneLook(now))\n  }\n\n  firstUpdated() {\n    this.standUp()\n    this.watcher = new ResizeObserver(() => {\n      if (this.active) this.scene?.resize?.()\n    })\n    this.watcher.observe(this)\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this.watcher?.disconnect()\n    this.watcher = undefined\n    this.teardown()\n  }\n\n  private standUp() {\n    const asset = this.asset\n    const view = this.view ?? DEFAULT_VIEW\n    if (!asset || !asset.appearance.length) {\n      this.cannot = i18next.t('figure.text.preview-needs-a-part')\n      this.teardown()\n      return\n    }\n    const signature = JSON.stringify([asset, view.placement, view.ceilingHeight])\n    if (this.scene && this.standing === signature) return\n    try {\n      compileFigureAsset(asset)\n    } catch {\n      this.cannot = i18next.t('figure.text.preview-blocked-by-errors')\n      this.teardown()\n      return\n    }\n    try {\n      /* Registered as a board registers it, under a type of this preview's own: a real type's drawings stay as they are. */\n      const type = previewTypeOf(this.context)\n      const size = this.authoredSize()\n      /*\n        The figure changed under a scene that is standing: the same type is registered again and the content made again\n        inside the same 3D scene. Making a scene anew costs about a third of a second and its first drawing compiles the\n        shaders again -- a value typed beside the preview held the screen for seconds. The scene is made anew only when\n        there is none, for another figure, or when the content cannot be made again in place.\n      */\n      const again = this.scene?.rootContainer?.rebuildContentModel && this.registered === type\n      if (!again) this.teardown()\n      this.driving = {}\n      this.moving = {}\n      registerFigure(type, asset)\n      this.registered = type\n      const { components, board } = previewInstances(type, size)\n      const model = {\n        type: 'model-layer',\n        width: board.width,\n        height: board.height,\n        depth: previewBoardDepth({ placement: asset.placement, base: { y: size.y } }, view.ceilingHeight, PREVIEW_FACTOR),\n        threed: true,\n        sky: 'color',\n        ...sceneLook(view),\n        placement: view.placement,\n        heights: { floor: 0, ceiling: view.ceilingHeight },\n        pixelRatio: Math.min(3, (window.devicePixelRatio || 1) * 2),\n        components\n      }\n      if (again) {\n        try {\n          this.scene!.rootContainer!.rebuildContentModel!(model, { preserveThreeD: true })\n          this.standing = signature\n          this.cannot = ''\n          this.tellSample()\n          return\n        } catch {\n          this.teardown()\n          registerFigure(type, asset)\n          this.registered = type\n        }\n      }\n      this.scene = create({\n        target: this.stage,\n        model,\n        mode: 0\n      }) as SceneHandle\n      this.standing = signature\n      this.scene.resize?.()\n      this.scene.fit?.('ratio')\n      this.scene.root?.fitCameraToModel?.()\n      this.cannot = ''\n      this.tellSample()\n    } catch (error) {\n      this.cannot = (error as Error).message\n    }\n  }\n\n  private teardown() {\n    this.scene?.dispose?.()\n    this.scene = undefined\n    this.standing = undefined\n    if (this.registered) unregisterFigure(this.registered)\n    this.registered = undefined\n  }\n}\n"]}
+{"version":3,"file":"figure-preview.js","sourceRoot":"","sources":["../../client/modeller/figure-preview.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, nothing, unsafeCSS } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { compileFigureAsset } from '@hatiolab/figure-model'\nimport type { FigureAsset, FigureDataProperty, FigureDataValue } from '@hatiolab/figure-model'\nimport { create, registerFigure, unregisterFigure } from '@hatiolab/things-scene'\n\nimport { DEFAULT_VIEW, previewBoardDepth, sceneLook, WORKBENCH, type ViewSettings } from '@things-factory/figure-viewer/dist-client/figure-view.js'\nimport { dialShape } from './angle-dial.js'\nimport { domainOf, motionWrittenByData, sampleValueOf } from './data-interface.js'\nimport { derivedOf, type FigureRevision } from './revision.js'\nimport { authoredSizeOf, PREVIEW_FACTOR, PREVIEW_WAYS, previewClampsOf, previewInstances, previewTypeOf, setupPartOf } from '@things-factory/figure-viewer/dist-client/preview-model.js'\n\n/**\n * The figure placed on a board.\n *\n * The editing canvas shows the figure at the size it was made. Half of what a figure is lies in how it answers a\n * different size, so here the figure being authored is registered as a board registers it and placed as\n * `FigureInstance`s: the size it was made, and each of the seven ways of growing one, two or three axes twice as\n * large, side by side at one scale, four to a row. The board draws them as it will on a real board --\n * placement, lights, environment, the same renderer.\n *\n * The controls: each value that poses the figure with a slider (and a dial for an angle), each clip's\n * speed, and 「이 자세를 기본으로」 to keep the pose as the one it stands in. Nothing here is edited; the canvas edits.\n */\n\ninterface SceneHandle {\n  dispose?: () => void\n  resize?: () => void\n  fit?: (type?: string) => void\n  /** The scene's container: it can make the content again while keeping the 3D renderer and the camera (undo and redo use it). */\n  rootContainer?: { rebuildContentModel?: (model: unknown, options?: { preserveThreeD?: boolean }) => void }\n  root?: {\n    set?: (patch: Record<string, unknown>) => void\n    fitCameraToModel?: () => void\n    components?: { set?: (property: string, value: unknown) => void }[]\n  }\n}\n\n@customElement('figure-preview')\nexport class FigurePreview extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      position: relative;\n      display: flex;\n      min-width: 0;\n      min-height: 0;\n      overflow: hidden;\n      background-color: ${unsafeCSS(WORKBENCH)};\n      font-size: 0.76rem;\n    }\n    div[stage] {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n    }\n    /*\n      The size help and the posing controls share the stage's bottom edge. Each stood in its own corner, so on a narrow\n      stage (the 1024 width, both side panels open) the controls lay over the help's button. One row that wraps keeps both\n      whole: side by side when there is room, the controls above the help when there is not.\n    */\n    div[foot] {\n      position: absolute;\n      left: 8px;\n      right: 8px;\n      bottom: 8px;\n      display: flex;\n      flex-wrap: wrap-reverse;\n      justify-content: space-between;\n      align-items: flex-end;\n      gap: 8px;\n      pointer-events: none;\n    }\n    div[foot] > * { pointer-events: auto; }\n    div[setup] { max-width: min(320px, 100%); padding: 12px; border-radius: 8px; background: rgba(28,28,30,.9); color: #fff; display: grid; gap: 8px; }\n    div[setup] p { margin: 0; line-height: 1.5; }\n    div[setup] select, div[setup] button { font: inherit; padding: 8px; min-width: 0; }\n    /* Which is which: side by side means nothing without a legend. */\n    div[legend] {\n      position: absolute;\n      top: 8px;\n      left: 8px;\n      display: flex;\n      gap: 6px;\n      padding: 4px 8px;\n      color: rgba(255, 255, 255, 0.9);\n      background-color: rgba(28, 28, 30, 0.6);\n      border-radius: 6px;\n      font-size: 0.72rem;\n      flex-wrap: wrap;\n      max-width: calc(100% - 16px);\n    }\n    /* A variant drawn at another size than it asks: the figure does not declare that size. */\n    div[legend] small[clamp] {\n      margin-left: 4px;\n      color: #ffcc80;\n    }\n    div[clips] {\n      margin-left: auto;\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 8px 10px;\n      color: rgba(255, 255, 255, 0.92);\n      background-color: rgba(28, 28, 30, 0.72);\n      border-radius: 8px;\n      font-size: 0.72rem;\n    }\n    div[clips] label {\n      display: grid;\n      grid-template-columns: auto 20px 96px 34px;\n      align-items: center;\n      gap: 8px;\n    }\n    /* A motion group's clip: as wide as the dial, slider and value together, so its name reads. */\n    div[clips] select {\n      grid-column: 2 / -1;\n      min-width: 0;\n      font: inherit;\n      color: inherit;\n      background-color: rgba(255, 255, 255, 0.14);\n      border: 1px solid rgba(255, 255, 255, 0.22);\n      border-radius: 5px;\n    }\n    div[clips] svg[dial] {\n      width: 20px;\n      height: 20px;\n    }\n    div[clips] svg[dial] path {\n      fill: rgba(255, 255, 255, 0.22);\n    }\n    div[clips] svg[dial] line {\n      stroke: var(--md-sys-color-primary, #7cc6ff);\n      stroke-width: 2;\n      stroke-linecap: round;\n    }\n    div[clips] svg[dial] circle {\n      fill: none;\n      stroke: rgba(255, 255, 255, 0.35);\n    }\n    div[clips] button[pose] {\n      align-self: stretch;\n      padding: 4px 8px;\n      font: inherit;\n      font-size: 0.7rem;\n      color: rgba(255, 255, 255, 0.92);\n      background-color: rgba(255, 255, 255, 0.14);\n      border: 1px solid rgba(255, 255, 255, 0.22);\n      border-radius: 5px;\n      cursor: pointer;\n    }\n    div[clips] button[pose]:hover {\n      background-color: rgba(255, 255, 255, 0.24);\n    }\n    div[clips] span[drive] {\n      opacity: 0.6;\n      font-size: 0.66rem;\n    }\n    div[clips] input {\n      width: 96px;\n      accent-color: var(--md-sys-color-primary);\n    }\n    div[clips] output {\n      font-variant-numeric: tabular-nums;\n      text-align: right;\n      opacity: 0.85;\n    }\n    div[cannot] {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 12px;\n      text-align: center;\n      line-height: 1.6;\n      color: #f4f4f4;\n      background-color: ${unsafeCSS(WORKBENCH)};\n    }\n  `\n\n  /** The figure being authored, as the editor holds it now. */\n  @property({ attribute: false }) revision?: FigureRevision\n  private get asset(): FigureAsset | undefined {\n    return this.revision?.asset\n  }\n  /** The size the figure was made at, once per version: without a declared size it is measured by evaluating the figure. */\n  private authoredSize(): { x: number; y: number; z: number } {\n    const shown = this.revision!\n    return derivedOf(shown, 'authored-size', () => authoredSizeOf(shown.asset))\n  }\n  /** Which figure: the type it is registered under here is this one's own, never a real type a board uses. */\n  @property() context = ''\n  /**\n   * In front. Once made, the preview stays standing behind the edit canvas, so coming back to it is not a new 3D scene\n   * (about 300 ms): out of sight it does not follow the figure, and when it is shown again it makes its content again\n   * inside the scene that stands if the figure changed meanwhile.\n   */\n  @property({ type: Boolean }) active = true\n  private stale = false\n  @property({ attribute: false }) view: ViewSettings = DEFAULT_VIEW\n\n  @query('div[stage]') private stage!: HTMLDivElement\n  @state() private cannot = ''\n  /** Clip speeds and control values given here -- the preview's, not the figure's. */\n  @state() private driving: Record<string, number> = {}\n  @state() private giving: Record<string, number> = {}\n  /** Per motion group, the clip played here and how fast (ADR-0051 §3.2) -- the preview's, as a board's \\`motion\\`. */\n  @state() private moving: Record<string, { clip: string; speed: number }> = {}\n  /** Data values given here, as a board's saved `figureValues`: what moves a group whose clip or speed the data writes. */\n  @state() private valuing: Record<string, FigureDataValue> = {}\n  /** Data values tried in the data tab: the preview's figures run on them as a live snapshot; null when none are. */\n  @property({ attribute: false }) sample: Record<string, unknown> | null = null\n  /** The part chosen in the editor. The size help starts on it, so the help speaks of the part the author was working on. */\n  @property() selected = ''\n  @state() private setupPart = ''\n\n  /** What is being tried here now -- clip speeds and control values -- for the AI dock to hear with a request; none when nothing is. */\n  tried(): { clips?: Record<string, number>; controls?: Record<string, number> } | undefined {\n    const clips = Object.keys(this.driving).length ? { ...this.driving } : undefined\n    const controls = Object.keys(this.giving).length ? { ...this.giving } : undefined\n    return clips || controls ? { ...(clips ? { clips } : {}), ...(controls ? { controls } : {}) } : undefined\n  }\n\n  private scene?: SceneHandle\n  private standing?: string\n  private registered?: string\n  private watcher?: ResizeObserver\n\n  render() {\n    const asset = this.asset\n    const controls = asset ? asset.document.model.inputs.filter(i => i.role === 'state') : []\n    /* Clips in a motion group are played by the group's choice of clip, not each by its own speed. */\n    const grouped = new Set((asset?.motionGroups ?? []).flatMap(g => g.clips))\n    const clips = asset ? [...new Set((asset.drivers ?? []).map(d => d.clip))].filter(c => !grouped.has(c)) : []\n    let clampsByWay: ReturnType<typeof previewClampsOf> = {}\n    try {\n      clampsByWay = asset ? previewClampsOf(asset, this.authoredSize()) : {}\n    } catch {\n      clampsByWay = {}\n    }\n    /* The part the help speaks of: the one picked in it, else the one chosen in the editor, else the first. */\n    const setupPart = setupPartOf(this.setupPart, this.selected, asset?.appearance.map(p => p.target) ?? [])\n    return html`<div stage></div>\n      ${this.cannot\n        ? html`<div cannot>${this.cannot}</div>`\n        : html`<div legend>\n              ${PREVIEW_WAYS.map(way => {\n                const clamps = clampsByWay[way.name] ?? []\n                return html`<span>\n                  ${way.axes.length ? way.name : i18next.t('figure.label.preview-base')}\n                  ${clamps.length\n                    ? html`<small clamp>${clamps.map(c => i18next.t('figure.text.preview-clamped', { axis: c.axis.toUpperCase(), asked: c.asked.toLocaleString(), used: c.used.toLocaleString() })).join(' · ')}</small>`\n                    : nothing}\n                </span>`\n              })}\n            </div>\n            <div foot>${asset?.appearance.length ? html`<div setup>\n              <p>${i18next.t('figure.text.preview-setup')}</p>\n              <select aria-label=${i18next.t('figure.label.resize-part')} @change=${(e: Event) => this.setupPart = (e.target as HTMLSelectElement).value}>\n                ${asset.appearance.map(p => html`<option value=${p.target} ?selected=${p.target === setupPart}>${p.target}</option>`)}\n              </select>\n              <button @click=${() => this.dispatchEvent(new CustomEvent('configure-size', { detail: { part: setupPart }, bubbles: true, composed: true }))}>${i18next.t('figure.button.configure-size')}</button>\n            </div>` : nothing}\n            ${controls.length + clips.length + (asset?.motionGroups?.length ?? 0) + (asset?.dataInterface?.properties.length ?? 0) ? this.renderDrivers(asset!, controls, clips) : nothing}</div>`}`\n  }\n\n  private renderDrivers(asset: FigureAsset, controls: FigureAsset['document']['model']['inputs'], clips: string[]) {\n    const changed = controls.filter(c => this.giving[c.id] !== undefined && this.giving[c.id] !== asset.stateDefaults[c.id])\n    return html`<div clips>\n      ${changed.length\n        ? html`<button pose title=${i18next.t('figure.text.pose-as-default-explained')} @click=${() => this.poseAsDefault()}>\n            ${i18next.t('figure.button.pose-as-default')}\n          </button>`\n        : nothing}\n      ${controls.map(control => {\n        const value = this.giving[control.id] ?? asset.stateDefaults[control.id] ?? control.min\n        const step = Math.max((control.max - control.min) / 100, 0.01)\n        const label = asset.stateInputs?.[control.id]?.label ?? control.id\n        return html`<label>\n          <span>${label} <span drive>${control.unit}</span></span>\n          ${this.renderDial(control, value)}\n          <input\n            type=\"range\"\n            min=${control.min}\n            max=${control.max}\n            step=${step}\n            .value=${String(value)}\n            @input=${(e: Event) => this.give(control.id, Number((e.target as HTMLInputElement).value))}\n          />\n          <output>${Math.round(value)}</output>\n        </label>`\n      })}\n      ${clips.map(clip => {\n        /*\n          A clip nothing has driven stands still, here as on a board: the instances get a speed only from `drive`. The\n          slider showed 1.00 over rollers that did not turn (2026-10-03). It shows what plays -- 0 until moved.\n        */\n        const value = this.driving[clip] ?? 0\n        return html`<label>\n          <span>${clip} <span drive>${i18next.t('figure.label.playback-speed')}</span></span>\n          <span></span>\n          <input type=\"range\" min=\"0\" max=\"3\" step=\"0.05\" .value=${String(value)} @input=${(e: Event) => this.drive(clip, Number((e.target as HTMLInputElement).value))} />\n          <output>${value.toFixed(2)}</output>\n        </label>`\n      })}\n      ${(asset.dataInterface?.properties ?? []).map(property => this.renderDataValue(property))}\n      ${(asset.motionGroups ?? []).map(group => {\n        const playing = this.moving[group.id] ?? { clip: group.defaultClip, speed: 0 }\n        /* A field the data writes wins over the group's own setting, here as on a board: it is moved by the data values above. */\n        const byData = motionWrittenByData(asset)[group.id] ?? { clip: false, speed: false }\n        return html`${byData.clip\n            ? nothing\n            : html`<label>\n                <span>${group.label} <span drive>${i18next.t('figure.label.clip')}</span></span>\n                <select aria-label=${group.label} @change=${(e: Event) => this.move(group.id, { ...playing, clip: (e.target as HTMLSelectElement).value })}>\n                  ${group.clips.map(c => html`<option value=${c} ?selected=${c === playing.clip}>${c}</option>`)}\n                </select>\n              </label>`}\n          ${byData.speed\n            ? nothing\n            : html`<label>\n                <span>${group.label} <span drive>${i18next.t('figure.label.playback-speed')}</span></span>\n                <span></span>\n                <input type=\"range\" min=\"0\" max=\"3\" step=\"0.05\" .value=${String(playing.speed)} @input=${(e: Event) => this.move(group.id, { ...playing, speed: Number((e.target as HTMLInputElement).value) })} />\n                <output>${playing.speed.toFixed(2)}</output>\n              </label>`}`\n      })}\n    </div>`\n  }\n\n  /** A data property's value, as the board's data values give it: a number on a slider, a boolean or an enum chosen. */\n  private renderDataValue(property: FigureDataProperty) {\n    const value = this.valuing[property.id] ?? property.default\n    if (property.kind === 'number') {\n      const step = Math.max((property.max - property.min) / 100, 0.01)\n      return html`<label>\n        <span>${property.label} <span drive>${property.unit}</span></span>\n        <span></span>\n        <input type=\"range\" min=${property.min} max=${property.max} step=${step} .value=${String(value)} @input=${(e: Event) => this.value(property, (e.target as HTMLInputElement).value)} />\n        <output>${Number(value).toFixed(2)}</output>\n      </label>`\n    }\n    return html`<label>\n      <span>${property.label}</span>\n      <select aria-label=${property.label} @change=${(e: Event) => this.value(property, (e.target as HTMLSelectElement).value)}>\n        ${domainOf(property).map(v => html`<option value=${String(v)} ?selected=${v === value}>${typeof v === 'boolean' ? i18next.t(v ? 'figure.label.data-true' : 'figure.label.data-false') : v}</option>`)}\n      </select>\n    </label>`\n  }\n\n  private value(property: FigureDataProperty, typed: string) {\n    this.valuing = { ...this.valuing, [property.id]: sampleValueOf(property, typed) }\n    this.tellInstances('figureValues', this.valuing)\n  }\n\n  private move(group: string, playing: { clip: string; speed: number }) {\n    this.moving = { ...this.moving, [group]: playing }\n    this.tellInstances('motion', Object.fromEntries(Object.entries(this.moving).map(([id, m]) => [id, { ...m, paused: false }])))\n  }\n\n  private renderDial(control: { unit: string; min: number; max: number }, value: number) {\n    if (control.unit !== 'deg') return html`<span></span>`\n    const dial = dialShape(control.min, control.max, value)\n    const span = dial.radius * 2 + 2\n    return html`<svg dial viewBox=\"0 0 ${span} ${span}\" aria-hidden=\"true\">\n      <path d=${dial.sector}></path>\n      <circle cx=${dial.centre.x} cy=${dial.centre.y} r=${dial.radius}></circle>\n      <line x1=${dial.centre.x} y1=${dial.centre.y} x2=${dial.needle.x} y2=${dial.needle.y}></line>\n    </svg>`\n  }\n\n  private drive(clip: string, value: number) {\n    this.driving = { ...this.driving, [clip]: value }\n    this.tellInstances('clips', this.driving)\n  }\n\n  private give(id: string, value: number) {\n    this.giving = { ...this.giving, [id]: value }\n    this.tellInstances('parameters', this.giving)\n  }\n\n  private poseAsDefault() {\n    this.dispatchEvent(new CustomEvent('part-edit', { detail: { edit: { kind: 'set-state-defaults', values: { ...this.giving } } }, bubbles: true, composed: true }))\n    this.giving = {}\n  }\n\n  private tellInstances(key: 'clips' | 'parameters' | 'motion' | 'figureData' | 'figureValues', values: Record<string, unknown> | null) {\n    for (const component of this.scene?.root?.components ?? []) {\n      const value = values === null ? null : { ...values }\n      /* A live snapshot is transient on the figure (its \\`figureData\\` accessor), never written into the saved model. */\n      if (key === 'figureData') (component as { figureData?: unknown }).figureData = value\n      else component.set?.(key, value)\n    }\n  }\n\n\n  /** The data sample to the figures standing now: a live snapshot, transient on each, never saved with the board. */\n  private tellSample() {\n    if (this.sample) this.tellInstances('figureData', { ...this.sample })\n  }\n\n  willUpdate(changed: Map<string, unknown>) {\n    if (changed.has('sample') && this.scene) this.tellInstances('figureData', this.sample ? { ...this.sample } : null)\n    if (!this.hasUpdated) return\n    if (!this.active) {\n      this.stale = true\n      return\n    }\n    if (this.stale || changed.has('active')) {\n      this.stale = false\n      this.standUp()\n      return\n    }\n    if (changed.has('revision') || changed.has('context')) {\n      this.standUp()\n      return\n    }\n    if (!changed.has('view')) return\n    const before = changed.get('view') as ViewSettings | undefined\n    const now = this.view ?? DEFAULT_VIEW\n    if (before?.placement !== now.placement || before?.ceilingHeight !== now.ceilingHeight) this.standUp()\n    else this.scene?.root?.set?.(sceneLook(now))\n  }\n\n  firstUpdated() {\n    this.standUp()\n    this.watcher = new ResizeObserver(() => {\n      if (this.active) this.scene?.resize?.()\n    })\n    this.watcher.observe(this)\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this.watcher?.disconnect()\n    this.watcher = undefined\n    this.teardown()\n  }\n\n  private standUp() {\n    const asset = this.asset\n    const view = this.view ?? DEFAULT_VIEW\n    if (!asset || !asset.appearance.length) {\n      this.cannot = i18next.t('figure.text.preview-needs-a-part')\n      this.teardown()\n      return\n    }\n    const signature = JSON.stringify([asset, view.placement, view.ceilingHeight])\n    if (this.scene && this.standing === signature) return\n    try {\n      compileFigureAsset(asset)\n    } catch {\n      this.cannot = i18next.t('figure.text.preview-blocked-by-errors')\n      this.teardown()\n      return\n    }\n    try {\n      /* Registered as a board registers it, under a type of this preview's own: a real type's drawings stay as they are. */\n      const type = previewTypeOf(this.context)\n      const size = this.authoredSize()\n      /*\n        The figure changed under a scene that is standing: the same type is registered again and the content made again\n        inside the same 3D scene. Making a scene anew costs about a third of a second and its first drawing compiles the\n        shaders again -- a value typed beside the preview held the screen for seconds. The scene is made anew only when\n        there is none, for another figure, or when the content cannot be made again in place.\n      */\n      const again = this.scene?.rootContainer?.rebuildContentModel && this.registered === type\n      if (!again) this.teardown()\n      this.driving = {}\n      this.moving = {}\n      this.valuing = {}\n      registerFigure(type, asset)\n      this.registered = type\n      const { components, board } = previewInstances(type, size)\n      const model = {\n        type: 'model-layer',\n        width: board.width,\n        height: board.height,\n        depth: previewBoardDepth({ placement: asset.placement, base: { y: size.y } }, view.ceilingHeight, PREVIEW_FACTOR),\n        threed: true,\n        sky: 'color',\n        ...sceneLook(view),\n        placement: view.placement,\n        heights: { floor: 0, ceiling: view.ceilingHeight },\n        pixelRatio: Math.min(3, (window.devicePixelRatio || 1) * 2),\n        components\n      }\n      if (again) {\n        try {\n          this.scene!.rootContainer!.rebuildContentModel!(model, { preserveThreeD: true })\n          this.standing = signature\n          this.cannot = ''\n          this.tellSample()\n          return\n        } catch {\n          this.teardown()\n          registerFigure(type, asset)\n          this.registered = type\n        }\n      }\n      this.scene = create({\n        target: this.stage,\n        model,\n        mode: 0\n      }) as SceneHandle\n      this.standing = signature\n      this.scene.resize?.()\n      this.scene.fit?.('ratio')\n      this.scene.root?.fitCameraToModel?.()\n      this.cannot = ''\n      this.tellSample()\n    } catch (error) {\n      this.cannot = (error as Error).message\n    }\n  }\n\n  private teardown() {\n    this.scene?.dispose?.()\n    this.scene = undefined\n    this.standing = undefined\n    if (this.registered) unregisterFigure(this.registered)\n    this.registered = undefined\n  }\n}\n"]}