@things-factory/figure-ui 10.1.75 → 10.1.77

package/test/resolve-ts-siblings.mjs

@@ -51,7 +51,7 @@ function tsSibling(specifier, parentURL, stripExtension) {
  * ── 패키지 이름 하나만 예외다: `@hatiolab/things-scene` (2026-09-24) ─────────────────────────
  * 이 패키지의 client 는 브라우저 코드이고, things-scene 은 판이 둘이다 — 브라우저용 `things-scene.mjs` 와
  * 서버 전송용 `things-scene-transfer.mjs`. Node 는 `exports` 의 `node` 조건으로 전송 판을 고르는데, 그 판에는
- * figure 가 없다(`buildV3Geometry` · `registerFigure` …). 모델러 소스를 Node 에서 시험하면 **브라우저가
+ * figure 가 없다(`buildFigureGeometry` · `registerFigure` …). 모델러 소스를 Node 에서 시험하면 **브라우저가
  * 받을 판**을 봐야 맞다. 그래서 이 이름만 브라우저 판으로 되짚는다. 다른 패키지 이름은 그대로 둔다.
  */
 const SCENE_BROWSER_BUNDLE = (() => {

package/test/{v3-scene-canvas.test.ts → scene-canvas.test.ts}

@@ -1,7 +1,7 @@
 /*
  * **편집 캔버스는 things-scene 편집 모드 위에 선다** (사용자 2026-09-24).
  *
- * 부품마다 `figure-v3-part` 컴포넌트로 판에 세우면 고르기 · 주황 테두리 · 기즈모와 스냅 · 박스 선택 · 카메라(감속 ·
+ * 부품마다 `figure-part` 컴포넌트로 판에 세우면 고르기 · 주황 테두리 · 기즈모와 스냅 · 박스 선택 · 카메라(감속 ·
  * 커서 쪽 확대 · 더블클릭 맞추기 · 시점 1~6) · 스튜디오 환경 · 좌표 바탕 · 조명과 그림자가 씬에서 온다. 여기서는 그
  * 배선과, 몸체 ↔ 컴포넌트의 대응이 왕복하는지를 잰다.
  */
@@ -10,11 +10,11 @@ import assert from 'node:assert/strict'
 import { readFileSync } from 'node:fs'
 import { fileURLToPath } from 'node:url'
 
-import { changedKeys, componentOf, gizmoResultOf } from '../client/modeller/v3-stage-model.ts'
-import type { V3RenderPart } from '../client/modeller/v3-renderer.ts'
+import { changedKeys, componentOf, gizmoResultOf } from '../client/modeller/stage-model.ts'
+import type { FigureRenderPart } from '../client/modeller/renderer.ts'
 
 const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
-const canvas = read('../client/modeller/v3-canvas.ts')
+const canvas = read('../client/modeller/canvas.ts')
 const board = { width: 2000, height: 2000 }
 
 const turned = (deg: number) => {
@@ -25,7 +25,7 @@ const turned = (deg: number) => {
     [-Math.sin(a), 0, Math.cos(a)]
   ]
 }
-const box = (t: number[], r = turned(0)): V3RenderPart => ({
+const box = (t: number[], r = turned(0)): FigureRenderPart => ({
   id: 'block',
   shape: { provider: 'box', dimensions: { width: 200, height: 100, depth: 60 } },
   pose: { r, t },
@@ -43,7 +43,7 @@ test('things-scene 의 판을 편집 모드로 세우고, 보기 설정은 판
 
 test('몸체는 자기 상자로 서고, 씬의 낱말(width·depth·height · left·top·zPos · 회전)로 적힌다', () => {
   const state = componentOf(box([100, 50, -30]), { 'palette.primary': '#123456' }, board)!
-  assert.equal(state.type, 'figure-v3-part')
+  assert.equal(state.type, 'figure-part')
   assert.equal(state.name, 'block')
   assert.deepEqual([state.width, state.depth, state.height], [200, 100, 60])
   assert.equal(state.left, 100 + 1000 - 100)

package/test/{v3-stage-model.test.ts → stage-model.test.ts}

@@ -6,14 +6,14 @@
 import { test } from 'node:test'
 import assert from 'node:assert/strict'
 
-import { addV3Box, compileV3Asset, createV3Asset } from '@hatiolab/figure-model'
+import { addFigureBox, compileFigureAsset, createFigureAsset } from '@hatiolab/figure-model'
 
-import { drawableV3Parts } from '../client/modeller/v3-renderer.ts'
-import { boardFor } from '../client/modeller/v3-stage-model.ts'
+import { drawableFigureParts } from '../client/modeller/renderer.ts'
+import { boardFor } from '../client/modeller/stage-model.ts'
 
 const partsOf = (height: number) =>
-  drawableV3Parts(
-    compileV3Asset(addV3Box(createV3Asset('Probe'), { id: 'post', size: { x: 100, y: height, z: 100 }, position: { x: 0, y: height / 2, z: 0 } }))
+  drawableFigureParts(
+    compileFigureAsset(addFigureBox(createFigureAsset('Probe'), { id: 'post', size: { x: 100, y: height, z: 100 }, position: { x: 0, y: height / 2, z: 0 } }))
       .evaluate().geometry
   )
 

package/test/{v3-theme.test.ts → theme.test.ts}

@@ -1,7 +1,7 @@
 /*
  * **모델러는 테마를 따른다** (2026-09-24).
  *
- * V3 캔버스와 편집기는 색을 박아 두었다. 어두운 테마에서 가운데만 밝은 판이 떴고, 경계선과 눌린 단추 · 오류 칸도
+ * 캔버스와 편집기는 색을 박아 두었다. 어두운 테마에서 가운데만 밝은 판이 떴고, 경계선과 눌린 단추 · 오류 칸도
  * 밝은 색 그대로였다. 색은 셸의 토큰에서 온다(UX 결정 — 바탕은 surface-container, 눌림은 secondary-container,
  * 오류는 error-container).
  */
@@ -11,8 +11,8 @@ import { readFileSync } from 'node:fs'
 import { fileURLToPath } from 'node:url'
 
 const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
-const canvas = read('../client/modeller/v3-canvas.ts')
-const editor = read('../client/modeller/v3-editor.ts')
+const canvas = read('../client/modeller/canvas.ts')
+const editor = read('../client/modeller/editor.ts')
 
 /** Hex colours that are not a `var(--token, #fallback)` fallback. */
 const fixed = (text: string) =>
@@ -21,7 +21,7 @@ const fixed = (text: string) =>
     .match(/#[0-9a-fA-F]{6}\b|#[0-9a-fA-F]{3}\b(?![\w-])/g) ?? []
 
 test('편집기에 박힌 색이 없다 — 토큰의 대체값만 남는다', () => {
-  assert.deepEqual(fixed(editor), [], 'v3-editor.ts')
+  assert.deepEqual(fixed(editor), [], 'editor.ts')
 })
 
 test('캔버스 바탕은 작업대 회색 — 판의 하늘색이라 환경 탭에서 바꾼다', () => {

package/test/{v3-thumbnail.test.ts → thumbnail.test.ts}

@@ -13,17 +13,17 @@ import { fileURLToPath } from 'node:url'
 const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
 
 test('the save takes the card picture from a view-only canvas, through the scene’s 3D snapshot', () => {
-  const shooter = read('../client/modeller/v3-thumbnail.ts')
+  const shooter = read('../client/modeller/thumbnail.ts')
   assert.ok(shooter.includes('shooter.viewOnly = true'))
   assert.ok(shooter.includes('return shooter.snapshot ? await shooter.snapshot(WIDTH, HEIGHT) : undefined'))
   assert.ok(!shooter.includes('thumbnail?.()'), 'no call to a method the canvas does not have')
 
-  const canvas = read('../client/modeller/v3-canvas.ts')
+  const canvas = read('../client/modeller/canvas.ts')
   assert.ok(canvas.includes('async snapshot(width = 480, height = 360)'))
   assert.ok(canvas.includes("await layer.snapshot3d(width, height, 'image/webp', 0.85)"), 'the 3D view, not the 2D sheet')
   const watch = canvas.slice(canvas.indexOf('  private watchScene()'), canvas.indexOf('  private showSelected()'))
   assert.ok(watch.includes('|| this.viewOnly) return'), 'a view-only canvas tells the editor nothing')
 
-  const editor = read('../client/modeller/v3-editor.ts')
-  assert.ok(editor.includes('const thumbnail = await captureV3Thumbnail('), 'the save asks for it')
+  const editor = read('../client/modeller/editor.ts')
+  assert.ok(editor.includes('const thumbnail = await captureFigureThumbnail('), 'the save asks for it')
 })

package/test/{v3-verdict.test.ts → verdict.test.ts}

@@ -12,32 +12,32 @@ import assert from 'node:assert/strict'
 import { readFileSync } from 'node:fs'
 import { fileURLToPath } from 'node:url'
 
-import { addV3Box, createV3Asset, v3CostOf } from '@hatiolab/figure-model'
+import { addFigureBox, createFigureAsset, figureCostOf } from '@hatiolab/figure-model'
 
 import { capacityFrom, SCENE_BUDGET } from '../client/modeller/scene-budget.ts'
 
 const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
-const verdict = read('../client/modeller/figure-v3-verdict.ts')
-const page = read('../client/pages/figure-v3-modeller-page.ts')
+const verdict = read('../client/modeller/figure-verdict.ts')
+const page = read('../client/pages/figure-modeller-page.ts')
 const graphql = read('../client/graphql/index.ts')
 
-test('개수는 목록 카드와 같은 셈이다 — V3 원가를 같은 capacityFrom 에 넣는다', () => {
-  let asset = createV3Asset('Probe')
-  asset = addV3Box(asset, { id: 'a', size: { x: 100, y: 100, z: 100 }, position: { x: 0, y: 50, z: 0 } })
-  asset = addV3Box(asset, { id: 'b', size: { x: 100, y: 100, z: 100 }, position: { x: 200, y: 50, z: 0 } })
-  const cost = v3CostOf(asset)
+test('개수는 목록 카드와 같은 셈이다 — 원가를 같은 capacityFrom 에 넣는다', () => {
+  let asset = createFigureAsset('Probe')
+  asset = addFigureBox(asset, { id: 'a', size: { x: 100, y: 100, z: 100 }, position: { x: 0, y: 50, z: 0 } })
+  asset = addFigureBox(asset, { id: 'b', size: { x: 100, y: 100, z: 100 }, position: { x: 200, y: 50, z: 0 } })
+  const cost = figureCostOf(asset)
 
   assert.equal(cost.groups, 2, '전제: 그려지는 부품 둘이 묶음 둘')
   assert.equal(capacityFrom(cost.groups, cost.triangles)?.instances, Math.floor(SCENE_BUDGET.groupsOnScreen / 2))
-  const maturity = read('../client/modeller/v3-maturity.ts')
+  const maturity = read('../client/modeller/maturity.ts')
   assert.ok(/capacityFrom\(cost\.groups, cost\.triangles\)/.test(maturity), '판정 탭이 카드와 같은 함수로 센다')
-  assert.ok(/report = asset \? v3ReportOf\(asset\) : undefined/.test(verdict), '탭은 그 셈을 부르고 보여 줄 뿐이다')
+  assert.ok(/report = asset \? figureReportOf\(asset\) : undefined/.test(verdict), '탭은 그 셈을 부르고 보여 줄 뿐이다')
   assert.ok(/instances: report\?\.capacity\.instances/.test(verdict), '탭 이름표의 개수도 같은 셈에서 온다')
 })
 
 test('판정은 발행 패널과 같은 서버 문에서 온다 — 화면이 따로 판정하지 않는다', () => {
   assert.ok(verdict.includes('inspectFigureDraft(source, this.figureId)'), '편집 중인 원본을 보낸다')
-  assert.ok(!/inspectV3Asset/.test(verdict), '화면이 제 판정을 가지면 발행 패널과 다른 말을 한다')
+  assert.ok(!/inspectFigureAsset/.test(verdict), '화면이 제 판정을 가지면 발행 패널과 다른 말을 한다')
 
   const fields = (name: string) => {
     const start = graphql.indexOf(`${name}(`, graphql.indexOf(`query ${name[0].toUpperCase()}${name.slice(1)}`))
@@ -55,21 +55,21 @@ test('판정 탭은 발행 패널과 같은 두 판정에 「부품에 맞추기
   const panel = read('../client/modeller/figure-history-panel.ts')
   const codes = (text: string) => [...text.matchAll(/'(part-outside-occupancy|occupancy-undeclared)'/g)].map(m => m[1]).sort()
   assert.deepEqual(codes(verdict), codes(panel.slice(panel.indexOf('private offersFit'))))
-  assert.ok(/<figure-v3-verdict[\s\S]*?@fit-base-to-parts=\$\{this\.fitToParts\}/.test(page), '누르면 공간 선언으로 이어진다')
+  assert.ok(/<figure-verdict[\s\S]*?@fit-base-to-parts=\$\{this\.fitToParts\}/.test(page), '누르면 공간 선언으로 이어진다')
 })
 
 test('판정과 이력은 편집기의 탭에 서고, 감추되 떼지 않는다', () => {
-  const editor = read('../client/modeller/v3-editor.ts')
-  assert.ok(/<figure-v3-verdict[\s\S]*?\.source=\$\{this\.draftSource\(\)\}/.test(page), '편집 중인 원본을 넘긴다')
-  assert.ok(/<figure-v3-verdict[\s\S]*?\.figureType=/.test(page), '타입을 바꾸면 다시 판정한다')
-  assert.ok(/<figure-v3-verdict\s+slot="verdict"/.test(page) && /<figure-history-panel\s+slot="history"/.test(page))
+  const editor = read('../client/modeller/editor.ts')
+  assert.ok(/<figure-verdict[\s\S]*?\.source=\$\{this\.draftSource\(\)\}/.test(page), '편집 중인 원본을 넘긴다')
+  assert.ok(/<figure-verdict[\s\S]*?\.figureType=/.test(page), '타입을 바꾸면 다시 판정한다')
+  assert.ok(/<figure-verdict\s+slot="verdict"/.test(page) && /<figure-history-panel\s+slot="history"/.test(page))
   assert.ok(editor.includes(`<div panel flush ?off=\${tab !== 'verdict'}><slot name="verdict"></slot></div>`), '고르지 않은 탭은 감춘다 — 판정은 마지막 답을 지킨다')
   assert.ok(/@capacity-changed=/.test(page) && page.includes('.instances=${this.instances}'), '개수를 편집기에 넘긴다')
   assert.ok(editor.includes("this.renderTab('verdict', 'insights', i18next.t('figure.label.maturity'), this.instances)"), '개수가 탭 이름표에 남는다')
 })
 
 test('판정 탭의 말은 다섯 말 모두에 있다 — 없으면 키가 그대로 찍힌다', () => {
-  const maturity = read('../client/modeller/v3-maturity.ts')
+  const maturity = read('../client/modeller/maturity.ts')
   const keys = [...(verdict + maturity).matchAll(/'(figure\.[a-z.-]*[a-z])'/g)].map(m => m[1])
   assert.ok(keys.includes('figure.text.verdict-asking'), '전제: 삼항 안의 키도 센다')
   for (const lang of ['ko', 'en', 'ja', 'zh', 'ms']) {

package/test/{v3-view.test.ts → view.test.ts}

@@ -10,9 +10,9 @@ import { fileURLToPath } from 'node:url'
 const read = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
 
 test('환경 탭 — 설정은 판의 상태 이름이고, 도형이 아니라 브라우저에 둔다', () => {
-  const editor = read('../client/modeller/v3-editor.ts')
+  const editor = read('../client/modeller/editor.ts')
   assert.ok(editor.includes('<figure-settings .view=${this.view} @update-view=${(e: CustomEvent) => this.setView(e.detail.view)}></figure-settings>'))
-  assert.ok(editor.includes("localStorage.setItem('figure-v3-view'"))
+  assert.ok(editor.includes("localStorage.setItem('figure-view'"))
   assert.doesNotMatch(editor.slice(editor.indexOf('private setView'), editor.indexOf('private setView') + 400), /session/, '설정은 세션(도형)에 닿지 않는다')
   const view = read('../client/modeller/figure-view.ts')
   assert.ok(view.includes("'studio',") && view.includes("'rainy'"), '환경 여덟')

package/things-factory.config.js

@@ -5,9 +5,8 @@ export default {
   route,
   routes: [
     { tagname: 'figure-list-page', page: 'figure-list' },
-    /* One modeller since ADR-0087 step 5; the old V3 address is an alias. The shell builds the DOM from this table. */
-    { tagname: 'figure-v3-modeller-page', page: 'figure-modeller' },
-    { tagname: 'figure-v3-modeller-page', page: 'figure-v3-modeller' }
+    /* The shell builds the DOM from this table. */
+    { tagname: 'figure-modeller-page', page: 'figure-modeller' }
   ],
   bootstrap
 }

package/translations/en.json

@@ -311,7 +311,7 @@
   "figure.text.bound-by-triangles": "triangles reach the limit first ({per} per instance, {budget} per drawing).",
   "figure.text.budget-measured-on": "Measured on {gpu}, {on}. A figure standing still costs nothing — only what is on screen and redrawn counts.",
   "figure.text.budget-not-measured-yet": "this target has not been measured yet.",
-  "figure.text.budgets-not-in-v3": "off-palette surfaces are not in the V3 format, so they are not shown. the part-count limit shows once a detail level is set.",
+  "figure.text.budgets-not-in": "off-palette surfaces are not in the format, so they are not shown. the part-count limit shows once a detail level is set.",
   "figure.text.trend-chart-title": "drawing cost by instance count",
   "figure.text.trend-chart-lead": "flat lines stay the same as instances grow. instances of the same size share them.",
   "figure.text.trend-at-count": "at {n}",
@@ -377,7 +377,7 @@
   "figure.text.joint-value-beyond-limits": "outside the joint limits.",
   "figure.text.limit-comes-from-level": "the detail level sets this limit.",
   "figure.text.maturity-blocked-no-binding": "state display is not measured yet.",
-  "figure.text.maturity-blocked-no-detail-level": "the V3 format has no detail level. the budgets and placement scale above take its place.",
+  "figure.text.maturity-blocked-no-detail-level": "the format has no detail level. the budgets and placement scale above take its place.",
   "figure.text.maturity-blocked-no-parts": "nothing to measure — there are no parts.",
   "figure.text.maturity-consistency-because": "checks texture use, recommended segment counts and the number of materials.",
   "figure.text.maturity-consistency-clean": "no issues",

package/translations/ja.json

@@ -311,7 +311,7 @@
   "figure.text.bound-by-triangles": "三角形が先に上限に達します (1 個あたり {per}、図面あたり {budget})。",
   "figure.text.budget-measured-on": "{gpu} で {on} に測定した値です。静止している図形は負荷になりません — 画面に見えて再描画されるものだけを数えます。",
   "figure.text.budget-not-measured-yet": "this target has not been measured yet.",
-  "figure.text.budgets-not-in-v3": "パレット外の表面は V3 形式にない項目のため表示しません。部品数の上限は詳細度を決めると表示されます。",
+  "figure.text.budgets-not-in": "パレット外の表面は 形式にない項目のため表示しません。部品数の上限は詳細度を決めると表示されます。",
   "figure.text.trend-chart-title": "インスタンス数による描画コスト",
   "figure.text.trend-chart-lead": "平らな線はインスタンスが増えても変わらない値です。同じサイズのインスタンスが共有します。",
   "figure.text.trend-at-count": "{n}個のとき",
@@ -377,7 +377,7 @@
   "figure.text.joint-value-beyond-limits": "関節の可動範囲外です。",
   "figure.text.limit-comes-from-level": "the detail level sets this limit.",
   "figure.text.maturity-blocked-no-binding": "状態表現はまだ測定していません。",
-  "figure.text.maturity-blocked-no-detail-level": "V3 形式には詳細等級がありません。上の上限と配置規模で判断します。",
+  "figure.text.maturity-blocked-no-detail-level": "形式には詳細等級がありません。上の上限と配置規模で判断します。",
   "figure.text.maturity-blocked-no-parts": "nothing to measure — there are no parts.",
   "figure.text.maturity-consistency-because": "テクスチャの使用、推奨分割数の遵守、材質の種類数を確認します。",
   "figure.text.maturity-consistency-clean": "no issues",

package/translations/ko.json

@@ -311,7 +311,7 @@
   "figure.text.bound-by-triangles": "삼각형이 먼저 한도에 도달합니다 (1개당 {per}, 도면당 {budget}).",
   "figure.text.budget-measured-on": "{gpu} 에서 {on} 에 잰 값입니다. 가만히 서 있는 도형은 값을 치르지 않습니다 — 화면에 보이고 다시 그려지는 것만 셉니다.",
   "figure.text.budget-not-measured-yet": "아직 실측 전 목표치입니다.",
-  "figure.text.budgets-not-in-v3": "팔레트 외 표면 한도는 V3 형식에 없는 항목이라 표시하지 않습니다. 부품 수 한도는 디테일 등급을 정하면 보입니다.",
+  "figure.text.budgets-not-in": "팔레트 외 표면 한도는 형식에 없는 항목이라 표시하지 않습니다. 부품 수 한도는 디테일 등급을 정하면 보입니다.",
   "figure.text.trend-chart-title": "인스턴스 수에 따른 그리는 비용",
   "figure.text.trend-chart-lead": "평평한 선은 인스턴스가 늘어도 그대로인 값입니다. 같은 크기의 인스턴스가 공유합니다.",
   "figure.text.trend-at-count": "{n}개일 때",
@@ -377,7 +377,7 @@
   "figure.text.joint-value-beyond-limits": "관절의 가동 범위 밖입니다.",
   "figure.text.limit-comes-from-level": "이 한도는 디테일 등급이 정합니다.",
   "figure.text.maturity-blocked-no-binding": "상태 표현은 아직 측정하지 않습니다.",
-  "figure.text.maturity-blocked-no-detail-level": "V3 형식에는 디테일 등급이 없습니다. 위의 한도와 배치 규모로 판단합니다.",
+  "figure.text.maturity-blocked-no-detail-level": "형식에는 디테일 등급이 없습니다. 위의 한도와 배치 규모로 판단합니다.",
   "figure.text.maturity-blocked-no-parts": "부품이 없어 측정할 것이 없습니다.",
   "figure.text.maturity-consistency-because": "텍스처 사용 여부, 권장 분할 수 준수, 재질 종류 수를 확인합니다.",
   "figure.text.maturity-consistency-clean": "문제 없음",

package/translations/ms.json

@@ -311,7 +311,7 @@
   "figure.text.bound-by-triangles": "segi tiga mencapai had dahulu ({per} setiap satu, {budget} setiap lukisan).",
   "figure.text.budget-measured-on": "Diukur pada {gpu}, {on}. Figura yang diam tidak menelan kos — hanya yang kelihatan dan dilukis semula dikira.",
   "figure.text.budget-not-measured-yet": "this target has not been measured yet.",
-  "figure.text.budgets-not-in-v3": "permukaan luar palet tiada dalam format V3, jadi tidak dipaparkan. had bilangan bahagian dipaparkan apabila tahap perincian ditetapkan.",
+  "figure.text.budgets-not-in": "permukaan luar palet tiada dalam format ini, jadi tidak dipaparkan. had bilangan bahagian dipaparkan apabila tahap perincian ditetapkan.",
   "figure.text.trend-chart-title": "kos lukisan mengikut bilangan instans",
   "figure.text.trend-chart-lead": "garis mendatar kekal sama apabila instans bertambah. instans yang sama saiz berkongsinya.",
   "figure.text.trend-at-count": "pada {n}",
@@ -377,7 +377,7 @@
   "figure.text.joint-value-beyond-limits": "di luar had sendi.",
   "figure.text.limit-comes-from-level": "the detail level sets this limit.",
   "figure.text.maturity-blocked-no-binding": "paparan keadaan belum diukur.",
-  "figure.text.maturity-blocked-no-detail-level": "format V3 tiada tahap perincian. had dan skala penempatan di atas menggantikannya.",
+  "figure.text.maturity-blocked-no-detail-level": "format tiada tahap perincian. had dan skala penempatan di atas menggantikannya.",
   "figure.text.maturity-blocked-no-parts": "nothing to measure — there are no parts.",
   "figure.text.maturity-consistency-because": "menyemak penggunaan tekstur, bilangan segmen yang disyorkan dan bilangan bahan.",
   "figure.text.maturity-consistency-clean": "no issues",

package/translations/zh.json

@@ -311,7 +311,7 @@
   "figure.text.bound-by-triangles": "三角形先达到上限 (每个 {per},每个图面 {budget})。",
   "figure.text.budget-measured-on": "于 {on} 在 {gpu} 上实测。静止的图形不产生开销 — 只计算屏幕上被重绘的部分。",
   "figure.text.budget-not-measured-yet": "this target has not been measured yet.",
-  "figure.text.budgets-not-in-v3": "调色板外表面不属于 V3 格式，因此不显示。设置细节等级后会显示部件数限额。",
+  "figure.text.budgets-not-in": "调色板外表面不属于 格式，因此不显示。设置细节等级后会显示部件数限额。",
   "figure.text.trend-chart-title": "按实例数的绘制成本",
   "figure.text.trend-chart-lead": "平线表示实例增加时保持不变的值，同尺寸的实例共享这些值。",
   "figure.text.trend-at-count": "{n} 个时",
@@ -377,7 +377,7 @@
   "figure.text.joint-value-beyond-limits": "超出关节的活动范围。",
   "figure.text.limit-comes-from-level": "the detail level sets this limit.",
   "figure.text.maturity-blocked-no-binding": "状态表现尚未测量。",
-  "figure.text.maturity-blocked-no-detail-level": "V3 格式没有细节等级。以上方的限额和布置规模进行判断。",
+  "figure.text.maturity-blocked-no-detail-level": "格式没有细节等级。以上方的限额和布置规模进行判断。",
   "figure.text.maturity-blocked-no-parts": "nothing to measure — there are no parts.",
   "figure.text.maturity-consistency-because": "检查纹理使用、推荐分段数以及材质种类数量。",
   "figure.text.maturity-consistency-clean": "no issues",

package/dist-client/graphql/v3-store.d.ts

@@ -1,3 +0,0 @@
-import type { V3ProductStore } from '../modeller/v3-product-session.js';
-/** V3 source is sent intact. No conversion into the old parts/base authoring representation. */
-export declare const v3ProductStore: V3ProductStore;

package/dist-client/graphql/v3-store.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"v3-store.js","sourceRoot":"","sources":["../../client/graphql/v3-store.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAGxC,gGAAgG;AAChG,MAAM,CAAC,MAAM,cAAc,GAAmB;IAC5C,KAAK,CAAC,IAAI,CAAC,EAAE;QACX,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,EAAE,CAAC,CAAA;QACpC,IAAI,CAAC,MAAM,EAAE,MAAM;YAAE,MAAM,KAAK,CAAC,kBAAkB,CAAC,CAAA;QACpD,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAA;IACjD,CAAC;IACD,KAAK,CAAC,IAAI,CAAC,OAAO;QAChB,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;OAcZ;YACD,SAAS,EAAE,OAAO;SACnB,CAAC,CAAA;QACF,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM;YAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QACxF,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,EAAE,YAA2C,CAAA;QACzE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;YAAE,MAAM,KAAK,CAAC,wBAAwB,CAAC,CAAA;QACxE,OAAO,MAAM,CAAA;IACf,CAAC;CACF,CAAA","sourcesContent":["import gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport { fetchFigure } from './index.js'\nimport type { V3ProductStore, V3ProductRecord } from '../modeller/v3-product-session.js'\n\n/** V3 source is sent intact. No conversion into the old parts/base authoring representation. */\nexport const v3ProductStore: V3ProductStore = {\n  async load(id) {\n    const record = await fetchFigure(id)\n    if (!record?.source) throw Error('Figure 정본이 없습니다.')\n    return { id: record.id, source: record.source }\n  },\n  async save(request) {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation SaveFigureV3($source: String!, $id: String, $expectedSource: String, $creationId: String, $thumbnail: String, $type: String) {\n          saveFigureV3(\n            source: $source\n            id: $id\n            expectedSource: $expectedSource\n            creationId: $creationId\n            thumbnail: $thumbnail\n            type: $type\n          ) {\n            id\n            source\n          }\n        }\n      `,\n      variables: request\n    })\n    if (response.errors?.length) throw Error(response.errors.map(e => e.message).join('\\n'))\n    const result = response.data?.saveFigureV3 as V3ProductRecord | undefined\n    if (!result?.id || !result.source) throw Error('서버가 저장 결과를 돌려주지 않았습니다.')\n    return result\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"figure-v3-capability.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-capability.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { v3BindingsOf } from '@hatiolab/figure-model'\nimport type { FigureCapability, V3Asset } from '@hatiolab/figure-model'\nimport { SidePanelStyles } from './side-panel-styles.js'\n\n/*\n  One rung per set of the format's capability names. Typed as the format's names, so a misspelt rung does not pass\n  (ADR-0051 ④).\n*/\ntype Rung = 'none' | 'hold' | 'flow'\nconst RUNGS: Readonly<Record<Rung, readonly FigureCapability[]>> = Object.freeze({\n  none: [],\n  hold: ['Capacity', 'Holdable'],\n  flow: ['FlowNode']\n})\n\n/** Which rung a set of names is, or null when it is none of them -- not invented. */\nexport function rungOf(names: readonly string[] | undefined): Rung | null {\n  const has = new Set(names ?? [])\n  if (has.size === 0) return 'none'\n  for (const [rung, wanted] of Object.entries(RUNGS) as [Rung, readonly FigureCapability[]][])\n    if (wanted.length === has.size && wanted.every(name => has.has(name))) return rung\n  return null\n}\n\n/**\n * 자리·능력 — what the figure does on a board: the ladder from drawing only, to\n * holding things, to passing them on, and every place things are held, whatever part it is on. A place is not drawn,\n * so the list is the only way to find one; choosing a row selects its part, where the place is edited.\n */\n@customElement('figure-v3-capability')\nexport class FigureV3Capability extends localize(i18next)(LitElement) {\n  static styles = [SidePanelStyles, css`\n    :host {\n      display: block;\n    }\n    label[rung] {\n      display: flex;\n      gap: 8px;\n      align-items: flex-start;\n      padding: 8px;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n      cursor: pointer;\n    }\n    label[rung][on] {\n      border-color: var(--md-sys-color-primary);\n      background: var(--md-sys-color-secondary-container);\n      color: var(--md-sys-color-on-secondary-container);\n    }\n    label[rung] span {\n      display: grid;\n      gap: 2px;\n    }\n    label[rung] em,\n    p[hint],\n    small {\n      font-style: normal;\n      margin: 0;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    button[place] {\n      display: grid;\n      gap: 2px;\n      text-align: left;\n      padding: 6px 8px;\n      font: inherit;\n      color: inherit;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n      background: none;\n      cursor: pointer;\n    }\n    button[place][on] {\n      border-color: var(--md-sys-color-primary);\n    }\n    code {\n      font-size: 0.9em;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n  `]\n\n  @property({ attribute: false }) asset?: V3Asset\n  /** The selected part, whose places are marked. */\n  @property() selected = ''\n  @property({ type: Boolean }) locked = false\n\n  render() {\n    const asset = this.asset\n    if (!asset) return nothing\n    const names = asset.document.capabilities.names ?? []\n    const rung = rungOf(names)\n    const places = v3BindingsOf(asset)\n    return html`<section>\n      <h3>${i18next.t('figure.label.what-this-does')}</h3>\n      ${(['none', 'hold', 'flow'] as const).map(\n        which => html`<label rung ?on=${rung === which}>\n          <input type=\"radio\" name=\"rung\" .checked=${live(rung === which)} ?disabled=${this.locked} @change=${() => this.setRung(which)} />\n          <span>\n            <strong>${i18next.t(`figure.label.rung-${which}`)}</strong>\n            <em>${i18next.t(`figure.text.rung-${which}-note`)}</em>\n          </span>\n        </label>`\n      )}\n      ${rung === null ? html`<p hint>${i18next.t('figure.text.capability-hand-written')}</p>` : nothing}\n      ${names.length ? html`<code>${names.join(' · ')}</code>` : nothing}\n      </section>\n      <section>\n      <h3>${i18next.t('figure.label.places')}</h3>\n      ${places.length\n        ? places.map(\n            one => html`<button place ?on=${one.part === this.selected} @click=${() => one.part && this.pick(one.part)}>\n              <strong>${one.label}</strong>\n              <small>\n                ${i18next.t('figure.label.place-' + one.role)} · ${one.part ?? '?'}${one.face ? ' · ' + i18next.t('figure.label.face-' + one.face) : ''} ·\n                ${one.accepts.join(', ')} · ${i18next.t('figure.label.place-holds', { count: one.capacity })}\n              </small>\n            </button>`\n          )\n        : html`<p hint>${i18next.t('figure.text.no-places')}</p>`}\n      ${places.length && rung === 'none' ? html`<p hint>${i18next.t('figure.text.place-needs-holding')}</p>` : nothing}\n      </section>\n    `\n  }\n\n  private setRung(which: Rung) {\n    this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit: { kind: 'set-capabilities', names: [...RUNGS[which]] } }, bubbles: true, composed: true }))\n  }\n\n  private pick(part: string) {\n    this.dispatchEvent(new CustomEvent('select-part', { detail: { id: part }, bubbles: true, composed: true }))\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"figure-v3-clips.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-clips.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 type { V3Asset } from '@hatiolab/figure-model'\n\nimport { clipsOf, poseAt, trackEdit, undrivenOf, withKey, withoutKey, type Clip, type ClipTrack } from './v3-clips.js'\nimport { SidePanelStyles } from './side-panel-styles.js'\nimport { HelpToggles } from './v3-help.js'\n\n/**\n * 클립 — controls played by keys over time. A clip is one clock; each track plays one\n * control. Scrubbing a clip shows its pose at that moment (one batch of input changes, not saved as the default); a key\n * is added at the scrubbed moment with the control's value there, so a pose is made with the controls' sliders and\n * then kept as a key. Every change is one part edit.\n */\n@customElement('figure-v3-clips')\nexport class FigureV3Clips extends localize(i18next)(LitElement) {\n  private readonly help = new HelpToggles(this)\n  static styles = [SidePanelStyles, css`\n    :host {\n      display: block;\n    }\n    section[clip] {\n      display: grid;\n      gap: 8px;\n      padding: 8px;\n      border: 1px solid var(--md-sys-color-outline-variant);\n      border-radius: 8px;\n    }\n    div[row] {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 72px;\n      gap: 6px;\n      align-items: center;\n    }\n    div[track] {\n      display: grid;\n      gap: 4px;\n      padding-top: 6px;\n      border-top: 1px dashed var(--md-sys-color-outline-variant);\n    }\n    /*\n      The track's name on its own line, then how it repeats and the button that removes it. A flex row let the shared\n      full-width select and button squeeze the name to one letter a line (user, 2026-09-24).\n    */\n    div[track-head] {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 30px;\n      gap: 4px 6px;\n      align-items: center;\n    }\n    div[track-head] strong {\n      grid-column: 1 / -1;\n      min-width: 0;\n      overflow-wrap: anywhere;\n    }\n    div[track-head] button[act] {\n      width: 30px;\n      min-height: var(--figure-control-height);\n      margin: 0;\n      padding: 0;\n    }\n    div[keys] {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n    }\n    span[key] {\n      display: inline-flex;\n      align-items: center;\n      gap: 2px;\n      padding: 0 2px 0 8px;\n      border-radius: 999em;\n      background: var(--md-sys-color-surface-container);\n      font-variant-numeric: tabular-nums;\n    }\n    span[key] button {\n      width: 22px;\n      height: 22px;\n      padding: 0;\n      border: none;\n      background: none;\n    }\n    md-icon {\n      font-size: 16px;\n      width: 16px;\n      height: 16px;\n    }\n  `]\n\n  @property({ attribute: false }) asset?: V3Asset\n  /** The values the editor holds now, by input id -- what a new key takes. */\n  @property({ attribute: false }) values: Record<string, number> = {}\n  @property({ type: Boolean }) locked = false\n\n  /** Where each clip is scrubbed to, in seconds. */\n  @state() private at: Record<string, number> = {}\n  @state() private adding = { state: '', clip: '', name: '', duration: 2 }\n\n  render() {\n    const asset = this.asset\n    if (!asset) return nothing\n    const clips = clipsOf(asset)\n    return html`\n      <section>\n        <h3>${i18next.t('figure.label.clips')}${this.help.button('figure.text.clips-explained')}</h3>\n        ${this.help.hint('figure.text.clips-explained')}\n        ${clips.map(clip => this.renderClip(clip))}\n      </section>\n      ${this.renderAdd(asset, clips)}\n    `\n  }\n\n  private renderClip(clip: Clip) {\n    const at = Math.min(this.at[clip.name] ?? 0, clip.duration)\n    const number = (e: Event) => (e.target as HTMLInputElement).valueAsNumber\n    return html`<section clip>\n      <div form>\n        <span>${i18next.t('figure.label.clip-name')}</span>\n        <input .value=${clip.name} ?disabled=${this.locked} @change=${(e: Event) => this.edit({ kind: 'set-clip', clip: clip.name, name: (e.target as HTMLInputElement).value })} />\n        <span>${i18next.t('figure.label.clip-duration')}</span>\n        <input type=\"number\" min=\"0.1\" step=\"any\" .value=${String(clip.duration)} ?disabled=${this.locked} @change=${(e: Event) => this.edit({ kind: 'set-clip', clip: clip.name, duration: number(e) })} />\n      </div>\n      <div row>\n        <input\n          type=\"range\"\n          min=\"0\"\n          max=${clip.duration}\n          step=${clip.duration / 100}\n          .value=${String(at)}\n          ?disabled=${this.locked}\n          aria-label=${i18next.t('figure.label.clip-time')}\n          @input=${(e: Event) => this.scrub(clip, number(e), true)}\n          @change=${(e: Event) => this.scrub(clip, number(e))}\n        />\n        <small>${at.toFixed(2)} s</small>\n      </div>\n      ${clip.tracks.map(track => this.renderTrack(clip, track, at))}\n    </section>`\n  }\n\n  private renderTrack(clip: Clip, track: ClipTrack, at: number) {\n    const current = this.values[track.state]\n    return html`<div track>\n      <div track-head>\n        <strong>${track.label} <small>(${track.unit})</small></strong>\n        <select\n          aria-label=${i18next.t('figure.label.clip-loop')}\n          ?disabled=${this.locked}\n          @change=${(e: Event) => this.edit(trackEdit(clip, track, { loop: (e.target as HTMLSelectElement).value as 'wrap' | 'hold' }))}\n        >\n          <option value=\"wrap\" ?selected=${track.loop === 'wrap'}>${i18next.t('figure.label.clip-loop-wrap')}</option>\n          <option value=\"hold\" ?selected=${track.loop === 'hold'}>${i18next.t('figure.label.clip-loop-hold')}</option>\n        </select>\n        <button act ?disabled=${this.locked} title=${i18next.t('figure.button.remove-track')} @click=${() => this.edit({ kind: 'remove-driver', state: track.state })}>\n          <md-icon>close</md-icon>\n        </button>\n      </div>\n      <div keys>\n        ${track.keys.map(\n          (key, i) => html`<span key\n            >${key.seconds}s → ${key.value}\n            <button\n              ?disabled=${this.locked || !withoutKey(track.keys, i)}\n              title=${i18next.t('figure.button.remove-key')}\n              aria-label=${i18next.t('figure.button.remove-key')}\n              @click=${() => this.edit(trackEdit(clip, track, { keys: withoutKey(track.keys, i)! }))}\n            >\n              <md-icon>close</md-icon>\n            </button></span\n          >`\n        )}\n      </div>\n      <button\n        act\n        ?disabled=${this.locked || current === undefined}\n        @click=${() => this.edit(trackEdit(clip, track, { keys: withKey(track.keys, { seconds: Math.round(at * 1000) / 1000, value: current! }) }))}\n      >\n        <md-icon>add</md-icon>${i18next.t('figure.button.add-key-here', { seconds: at.toFixed(2), value: current ?? '' })}\n      </button>\n    </div>`\n  }\n\n  private renderAdd(asset: V3Asset, clips: Clip[]) {\n    const free = undrivenOf(asset)\n    if (!free.length) return clips.length ? nothing : html`<p hint>${i18next.t('figure.text.no-controls')}</p>`\n    const a = this.adding\n    const stateId = free.includes(a.state) ? a.state : free[0]!\n    const joining = clips.find(c => c.name === a.clip)\n    const name = joining ? joining.name : a.name.trim()\n    const input = asset.document.model.inputs.find(i => i.id === stateId)!\n    const duration = joining ? joining.duration : a.duration\n    const ready = !!name && duration > 0\n    return html`<section><h3>${i18next.t('figure.label.add-track')}</h3>\n      <div form>\n        <span>${i18next.t('figure.label.controls')}</span>\n        <select @change=${(e: Event) => (this.adding = { ...a, state: (e.target as HTMLSelectElement).value })}>\n          ${free.map(id => html`<option value=${id} ?selected=${id === stateId}>${asset.stateInputs?.[id]?.label ?? id}</option>`)}\n        </select>\n        <span>${i18next.t('figure.label.clip')}</span>\n        <select @change=${(e: Event) => (this.adding = { ...a, clip: (e.target as HTMLSelectElement).value })}>\n          <option value=\"\" ?selected=${!joining}>${i18next.t('figure.label.new-clip')}</option>\n          ${clips.map(c => html`<option value=${c.name} ?selected=${c === joining}>${c.name}</option>`)}\n        </select>\n        ${joining\n          ? nothing\n          : html`<span>${i18next.t('figure.label.clip-name')}</span>\n              <input .value=${a.name} placeholder=\"cycle\" @input=${(e: Event) => (this.adding = { ...a, name: (e.target as HTMLInputElement).value })} />\n              <span>${i18next.t('figure.label.clip-duration')}</span>\n              <input type=\"number\" min=\"0.1\" step=\"any\" .value=${String(a.duration)} @change=${(e: Event) => (this.adding = { ...a, duration: (e.target as HTMLInputElement).valueAsNumber })} />`}\n      </div>\n      <button\n        act\n        ?disabled=${this.locked || !ready}\n        @click=${() =>\n          this.edit({\n            kind: 'set-driver',\n            state: stateId,\n            clip: name,\n            ...(joining ? {} : { duration }),\n            keys: [\n              { seconds: 0, value: input.min },\n              { seconds: duration, value: input.max }\n            ]\n          })}\n      >\n        <md-icon>add</md-icon>${i18next.t('figure.button.add-track')}\n      </button></section>`\n  }\n\n  /** Show the clip's pose at a moment: one batch of input changes, not saved as the default. */\n  /** Show the clip's pose at a moment. While the bar is dragged the pose is live (drawn, not recorded); the release\n   * applies it as one batch of input changes. */\n  private scrub(clip: Clip, seconds: number, live = false) {\n    if (!this.asset || !Number.isFinite(seconds)) return\n    this.at = { ...this.at, [clip.name]: seconds }\n    const changes = poseAt(this.asset, clip.name, seconds)\n    if (!changes.length) return\n    if (live) {\n      const values = Object.fromEntries(changes.map(c => [c.input, c.value]))\n      this.dispatchEvent(new CustomEvent('v3-states-live', { detail: { values }, bubbles: true, composed: true }))\n      return\n    }\n    this.dispatchEvent(new CustomEvent('v3-states', { detail: { changes }, bubbles: true, composed: true }))\n  }\n\n  private edit(edit: unknown) {\n    this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit }, bubbles: true, composed: true }))\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"figure-v3-controls.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-controls.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 type { V3Asset } from '@hatiolab/figure-model'\n\nimport { controlsOf, poseAsDefault, poseDiffers, type Control } from './v3-controls.js'\nimport { dialShape } from './angle-dial.js'\nimport { SidePanelStyles } from './side-panel-styles.js'\n\n/**\n * The figure's controls and its pose tools: each value a board sets to pose the figure,\n * with a slider to try it, its name, range and travel time, and a button that keeps the pose being looked at as the\n * pose it stands in when placed.\n *\n * Trying a value is an input change (`v3-state`, not saved as the default); naming, the range and the travel time are\n * one `set-state-input` part edit each; keeping the pose is one `set-state-defaults` edit. A control is made with\n * a motion on a part (「움직임」), which is where it gets its meaning.\n */\n@customElement('figure-v3-controls')\nexport class FigureV3Controls extends localize(i18next)(LitElement) {\n  static styles = [SidePanelStyles, css`\n    :host {\n      display: block;\n    }\n    /* One control, one line: its name, a dial for an angle, a thin slider, the value. */\n    div[control] {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 18px minmax(64px, 1.2fr) 58px 22px;\n      align-items: center;\n      gap: 6px;\n      min-height: 28px;\n    }\n    div[control] > span[name] {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n    div[control] > span[name] em {\n      font-style: normal;\n      font-size: 0.64rem;\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    div[control] input[type='number'] {\n      min-height: 24px;\n      padding: 2px 5px;\n      font-family: var(--mono-font, monospace);\n      text-align: right;\n    }\n    svg[dial] {\n      width: 18px;\n      height: 18px;\n    }\n    svg[dial] path {\n      fill: var(--md-sys-color-surface-container-high);\n    }\n    svg[dial] circle {\n      fill: none;\n      stroke: var(--md-sys-color-outline-variant);\n    }\n    svg[dial] line {\n      stroke: var(--md-sys-color-primary);\n      stroke-width: 2;\n      stroke-linecap: round;\n    }\n    button[more] {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 22px;\n      height: 22px;\n      padding: 0;\n      border: none;\n      border-radius: 4px;\n      background: none;\n      color: var(--md-sys-color-on-surface-variant);\n      cursor: pointer;\n    }\n    button[more][aria-expanded='true'] {\n      color: var(--md-sys-color-primary);\n      background: var(--md-sys-color-surface-container);\n    }\n    button[more] md-icon {\n      font-size: 16px;\n      width: 16px;\n      height: 16px;\n    }\n    /* The rarely changed: the name, the range, the travel time -- opened per control. */\n    div[settings] {\n      margin: 2px 0 8px;\n      padding: 6px 0 6px 8px;\n      border-left: 2px solid var(--md-sys-color-outline-variant);\n    }\n  `]\n\n  /** The asset being edited. */\n  @property({ attribute: false }) asset?: V3Asset\n  /** The values the editor holds now, by input id. */\n  @property({ attribute: false }) values: Record<string, number> = {}\n  @property({ type: Boolean }) locked = false\n\n  /** Which control's settings are open. */\n  @state() private open = ''\n  /** Values in hand while a slider is dragged: the dial and the number follow them before the release commits. */\n  @state() private live: Record<string, number> = {}\n\n  render() {\n    if (!this.asset) return nothing\n    const controls = controlsOf(this.asset, this.values)\n    return html`<section>\n      <h3>${i18next.t('figure.label.controls')}</h3>\n      ${controls.length\n        ? html`${controls.map(control => this.renderControl(control))}\n            <button act ?disabled=${this.locked || !poseDiffers(controls)} @click=${() => this.edit(poseAsDefault(controls))}>\n              <md-icon>push_pin</md-icon>${i18next.t('figure.button.keep-pose')}\n            </button>`\n        : html`<p hint>${i18next.t('figure.text.no-controls')}</p>`}\n    </section>`\n  }\n\n  private renderControl(control: Control) {\n    const number = (e: Event) => (e.target as HTMLInputElement).valueAsNumber\n    const c = this.live[control.id] === undefined ? control : { ...control, value: this.live[control.id]! }\n    const open = this.open === c.id\n    return html`<div control>\n        <span name title=${c.id}>${c.label} <em>${c.unit}</em></span>\n        ${c.unit === 'deg' ? this.renderDial(c) : html`<span></span>`}\n        <input\n          type=\"range\"\n          min=${c.min}\n          max=${c.max}\n          step=${c.step}\n          .value=${String(c.value)}\n          ?disabled=${this.locked}\n          aria-label=${c.label}\n          @input=${(e: Event) => this.drag(c, number(e))}\n          @change=${(e: Event) => this.try(c, number(e))}\n        />\n        <input type=\"number\" step=\"any\" .value=${String(Math.round(c.value * 100) / 100)} ?disabled=${this.locked} aria-label=${c.label} @change=${(e: Event) => this.try(c, number(e))} />\n        <button\n          more\n          aria-expanded=${String(open)}\n          title=${i18next.t('figure.button.control-settings')}\n          aria-label=${i18next.t('figure.button.control-settings')}\n          @click=${() => (this.open = open ? '' : c.id)}\n        >\n          <md-icon>tune</md-icon>\n        </button>\n      </div>\n      ${open ? this.renderSettings(c) : nothing}`\n  }\n\n  private renderDial(c: Control) {\n    const dial = dialShape(c.min, c.max, c.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 renderSettings(c: Control) {\n    const policy = (patch: Partial<{ label: string; sweep: number; min: number; max: number }>) =>\n      this.edit({\n        kind: 'set-state-input',\n        input: c.id,\n        label: patch.label ?? (c.named ? c.label : undefined),\n        sweep: patch.sweep ?? c.sweep,\n        ...(patch.min !== undefined ? { min: patch.min } : {}),\n        ...(patch.max !== undefined ? { max: patch.max } : {})\n      })\n    const number = (e: Event) => (e.target as HTMLInputElement).valueAsNumber\n    return html`<div settings>\n      <div form>\n        <span>${i18next.t('figure.label.control-name')}</span>\n        <input .value=${c.named ? c.label : ''} placeholder=${c.id} ?disabled=${this.locked} @change=${(e: Event) => policy({ label: (e.target as HTMLInputElement).value })} />\n        <span>${i18next.t('figure.label.control-range')} (${c.unit})</span>\n        <div pair>\n          <input type=\"number\" step=\"any\" .value=${String(c.min)} ?disabled=${this.locked} @change=${(e: Event) => policy({ min: number(e) })} />\n          <input type=\"number\" step=\"any\" .value=${String(c.max)} ?disabled=${this.locked} @change=${(e: Event) => policy({ max: number(e) })} />\n        </div>\n        <span>${i18next.t('figure.label.control-sweep')}</span>\n        <input type=\"number\" min=\"0\" step=\"any\" .value=${String(c.sweep)} ?disabled=${this.locked} @change=${(e: Event) => policy({ sweep: number(e) })} />\n      </div>\n      <small>${i18next.t('figure.text.control-starts-at', { value: c.start, unit: c.unit })}</small>\n    </div>`\n  }\n\n  /** While dragging: the value is told as live -- the editor draws that pose at once and records nothing. */\n  private drag(c: Control, value: number) {\n    if (!Number.isFinite(value)) return\n    this.live = { ...this.live, [c.id]: value }\n    this.dispatchEvent(new CustomEvent('v3-state-live', { detail: { input: c.id, value }, bubbles: true, composed: true }))\n  }\n\n  /** Try a value: the pose being looked at, clamped to the range. Not saved as the default. The slider sends it on\n   * release, so one drag is one step of the undo history rather than one per pixel. */\n  private try(c: Control, value: number) {\n    if (!Number.isFinite(value)) return\n    const clamped = Math.min(Math.max(value, c.min), c.max)\n    const { [c.id]: _released, ...rest } = this.live\n    this.live = rest\n    this.dispatchEvent(new CustomEvent('v3-state', { detail: { input: c.id, unit: c.unit, value: clamped }, bubbles: true, composed: true }))\n  }\n\n  private edit(edit: unknown) {\n    this.dispatchEvent(new CustomEvent('v3-part-edit', { detail: { edit }, bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist-client/modeller/figure-v3-first-save.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"figure-v3-first-save.js","sourceRoot":"","sources":["../../client/modeller/figure-v3-first-save.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport '@operato/popup/ox-popup-actions.js'\nimport { CommonPopupStyles, FormFieldStyles } from '@operato/styles'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\n\nimport { firstSaveRefusalOf, releasableType, typeOf, type FirstSave } from './v3-first-save.js'\n\n/**\n * The first save of a new figure: its type and its name, asked once, in the suite's popup look.\n * Closes with the answer, or with nothing when cancelled -- then nothing is saved.\n */\n@customElement('figure-v3-first-save')\nexport class FigureV3FirstSave extends LitElement {\n  static styles = [\n    FormFieldStyles,\n    CommonPopupStyles,\n    css`\n      /* The popup's height is a share of the window (small is 40%): on a low window the buttons must still be reached. */\n      :host {\n        overflow-y: auto;\n      }\n      div[field] {\n        display: grid;\n        gap: 4px;\n      }\n      div[field] label {\n        font-size: var(--popup-font-size-small);\n        color: var(--md-sys-color-on-surface-variant);\n      }\n      div[field] input {\n        box-sizing: border-box;\n        width: 100%;\n      }\n      input[type-field] {\n        font-family: var(--mono-font, monospace);\n      }\n    `\n  ]\n\n  /** The type the figure has so far -- empty for a temporary one, which is not offered. */\n  @property() type = ''\n  @property() name = ''\n  /** Type names already used in this domain. */\n  @property({ attribute: false }) taken: string[] = []\n  @state() private refusal: { key: string; type?: string } | null = null\n\n  render() {\n    return html`\n      <div class=\"what\">${i18next.t('figure.text.save-new-figure-desc')}</div>\n      <div field>\n        <label for=\"type\">${i18next.t('figure.label.figure-type')}</label>\n        <input\n          id=\"type\"\n          type-field\n          autofocus\n          .value=${this.type}\n          placeholder=${i18next.t('figure.text.figure-type-example')}\n          @input=${(e: Event) => {\n            this.type = typeOf((e.target as HTMLInputElement).value)\n            ;(e.target as HTMLInputElement).value = this.type\n            this.refusal = null\n          }}\n          @keydown=${this.onKey}\n        />\n        ${this.type && !releasableType(this.type) ? html`<div class=\"note\">${i18next.t('figure.text.type-name-will-not-release')}</div>` : nothing}\n      </div>\n      <div field>\n        <label for=\"name\">${i18next.t('figure.label.name')}</label>\n        <input\n          id=\"name\"\n          .value=${this.name}\n          placeholder=${i18next.t('figure.text.figure-name-example')}\n          @input=${(e: Event) => (this.name = (e.target as HTMLInputElement).value)}\n          @keydown=${this.onKey}\n        />\n      </div>\n      ${this.refusal ? html`<div class=\"failure\" role=\"alert\">${i18next.t(this.refusal.key, { type: this.refusal.type })}</div>` : nothing}\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => closePopup(this)}>${i18next.t('figure.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${!this.type} @click=${this.confirm}>${i18next.t('figure.button.save')}</md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n\n  private onKey = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' && !e.isComposing) this.confirm()\n  }\n\n  private confirm = () => {\n    this.refusal = firstSaveRefusalOf(this.type, this.taken)\n    if (this.refusal) return\n    closePopup(this, { type: this.type, name: this.name.trim() || this.type } satisfies FirstSave)\n  }\n}\n"]}