@things-factory/figure-ui 10.1.76 → 10.1.78

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/figure-ui",
-  "version": "10.1.76",
+  "version": "10.1.78",
   "publishConfig": {
     "access": "public",
     "@things-factory:registry": "https://registry.npmjs.org"
@@ -44,5 +44,5 @@
     "@things-factory/figure-service": "^10.1.76",
     "three": "^0.185.1"
   },
-  "gitHead": "66a70458dfea95fe8c835067f0fd857b38736203"
+  "gitHead": "88661a25f49880139a5e05554861acdd691e44e5"
 }

package/test/browser/modeller.check.mjs

@@ -432,6 +432,11 @@ describe('a figure made in the modeller is given its size from its parts (user 2
     assert.ok(await width.evaluate(s => !!s), 'the width can follow the figure size')
     await width.select('instance:x')
     await sleep(600)
+    /* Refusals and notices go to the app's notification: heard here as the event it is. */
+    await page().evaluate(() => {
+      window.__told = []
+      document.addEventListener('notify', e => window.__told.push(e.detail))
+    })
     const plus = await handle('input')
     assert.ok(await plus.evaluate(i => !!i), 'a following width offers its difference')
     await plus.evaluate(i => i.scrollIntoView({ block: 'center' }))
@@ -441,15 +446,15 @@ describe('a figure made in the modeller is given its size from its parts (user 2
     await sleep(600)
     /* The declared sizes start at 1 mm: less 50 the box would be gone below 50, so the link is refused -- with the way on. */
     assert.match((await state()).error, /figure.text.link-needs-smaller-range/, 'refused, said in words')
-    const narrow = await page().evaluateHandle(() => {
-      const deep = (root = document) => [...root.querySelectorAll('button')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
-      return deep().find(b => b.textContent.includes('figure.button.narrow-range-from')) ?? null
+    const told = await read(() => {
+      const last = window.__told.at(-1)
+      return last && { level: last.level, message: last.message, label: last.option?.action?.label }
     })
-    assert.ok(await narrow.evaluate(b => !!b), 'the same link is offered with the sizes narrowed')
-    await click(await narrow.evaluate(b => {
-      const r = b.getBoundingClientRect()
-      return { x: r.left + r.width / 2, y: r.top + r.height / 2 }
-    }))
+    assert.equal(told?.level, 'error', 'said in the app\'s notification')
+    assert.match(told?.message ?? '', /figure.text.link-needs-smaller-range/)
+    assert.match(told?.label ?? '', /figure.button.narrow-range-from/, 'the same link is offered with the sizes narrowed')
+    await read(() => window.__told.at(-1).option.action.callback())
+    await sleep(600)
     assert.equal((await state()).error, '', 'taken')
     assert.equal((await body('box')).dimensions.width, 350, 'the figure\'s 400 less 50')
   })
@@ -658,16 +663,17 @@ describe('a part follows the figure size in one step (follow-size, 2026-09-26)',
       return { x: r.left + r.width / 2, y: r.top + r.height / 2 }
     })
     assert.ok(at, 'the button is offered for a box that follows nothing')
+    await page().evaluate(() => {
+      window.__told = []
+      document.addEventListener('notify', e => window.__told.push(e.detail))
+    })
     const start = await state()
     await click(at)
     const after = await state()
     assert.equal(after.error, '', 'not refused')
     assert.equal(after.revision, start.revision + 1, 'one step')
     assert.deepEqual(await read(() => probe.fields('size.')), { 'size.x': 400, 'size.y': 400, 'size.z': 400 }, 'the size is the box as it stands')
-    const notice = await page().evaluate(() => {
-      const deep = (root = document) => [...root.querySelectorAll('.notice')].concat(...[...root.querySelectorAll('*')].filter(e => e.shadowRoot).map(e => deep(e.shadowRoot)))
-      return deep()[0]?.textContent?.trim() ?? null
-    })
+    const notice = await read(() => (window.__told ?? []).filter(n => n.level === 'info').at(-1)?.message ?? null)
     assert.ok(notice?.includes('figure.text.size-declared-to-follow'), `a line says so: ${notice}`)
     const grown = await read(() => {
       const editor = document.querySelector('figure-editor')

package/test/links.test.ts

@@ -614,7 +614,7 @@ test('치수 칸 — 「도형 크기를 따라감」 단추는 follow-size 한
   assert.ok(dims.includes("followOf(asset, this.partId, axis).of === 'instance'"), '다 따르면 단추가 없다')
   const editor = read('../client/modeller/editor.ts')
   assert.ok(editor.includes("if (action.kind === 'follow-size' && !hadSize)"), '크기를 대신 정했을 때만')
-  assert.ok(editor.includes('<div role="status" class="notice">'))
+  assert.ok(editor.includes("notify({ level: 'info', message: this.notice })"), '그 한 줄은 앱의 알림으로')
   const ko = JSON.parse(read('../translations/ko.json'))
   assert.match(ko['figure.text.size-declared-to-follow'], /\{x\} × \{y\} × \{z\} mm/)
 })

package/test/parts-wiring.test.ts

@@ -72,3 +72,16 @@ test('부품 이름은 figure-model 의 rename-part 로 바꾸고, 거절은 까
     for (const key of ['figure.text.part-name-taken', 'figure.text.part-name-invalid']) assert.ok(table[key]?.includes('{name}'), `${lang}: ${key}`)
   }
 })
+
+test('거절은 앱의 알림(notify)이나 확인 창(OxPrompt)으로 — 모델러가 따로 그리는 띠는 없다 (2026-09-27)', () => {
+  assert.doesNotMatch(editor, /role="alert" class="error"/, '따로 그리던 빨간 띠가 없다')
+  assert.doesNotMatch(editor, /class="notice"/, '따로 그리던 알림 줄이 없다')
+  const tell = editor.slice(editor.indexOf('  private tell('), editor.indexOf('  protected willUpdate('))
+  assert.match(tell, /else notify\(\{ level: 'error', message: this\.error \}\)/, '길이 없는 거절은 error 알림 — 닫을 때까지 남는다')
+  assert.match(tell, /if \(retry\) this\.ask\(this\.error, retry\)/, '이어 할 길이 있으면 묻는다')
+  const ask = editor.slice(editor.indexOf('  private async ask('), editor.indexOf('  protected willUpdate('))
+  assert.match(ask, /OxPrompt\.open\(\{[\s\S]*confirmButton: \{ text: retry\.label \}/, '앱의 확인 창에서, 그 길의 이름으로')
+  assert.match(ask, /if \(!agreed\) return[\s\S]*retry\.run\(\)/, '확인하면 바로 진행한다')
+  assert.match(tell, /notify\(\{ level: 'info', message: this\.notice \}\)/, '지우며 풀어 준 것은 info 로')
+  assert.match(editor, /updated\(changed: PropertyValues<this>\) \{\s*super\.updated\?\.\(changed\)\s*this\.tell\(changed\)/)
+})

package/test/refusals.test.ts

@@ -98,7 +98,7 @@ test('지우기는 매단 것 · 따라 움직이는 것을 풀어 남기고 그
   assert.doesNotMatch(unknown, /something in English/)
 })
 
-test('공간 선언에 든 부품 — 지우고 공간을 남은 부품에 맞추는 길을 한 번에 권한다(차단기의 떠도는 상자, 09-25)', async () => {
+test('공간 선언에 든 부품 — 한 번 눌러 지우고, 공간은 남은 부품에 다시 맞추며 그렇다고 한 줄 말한다(묻지 않는다, 2026-09-27)', async () => {
   const { inDeclaredRoom } = await import('../client/modeller/refusals.ts')
   const fm = await import('@hatiolab/figure-model')
   let a = fm.addFigureBox(fm.createFigureAsset('Gate'), { id: 'housing', size: { x: 300, y: 1000, z: 300 }, position: { x: 0, y: 0, z: 0 } })
@@ -118,8 +118,11 @@ test('공간 선언에 든 부품 — 지우고 공간을 남은 부품에 맞
   assert.equal(after.document.model.nodes.some(n => n.id === 'stray'), false)
   assert.ok(after.occupancy?.bounds, '공간은 남은 부품으로 다시 선언된다')
   const editor = readFileSync(fileURLToPath(new URL('../client/modeller/editor.ts', import.meta.url)), 'utf8')
-  assert.ok(editor.includes("if (!refitRoom && inDeclaredRoom(error)) this.retry = { label: i18next.t('figure.button.remove-and-refit-room', { part: id }), run: () => this.removePart(id, true) }"))
-  assert.ok(ko['figure.button.remove-and-refit-room'].includes('{part}'))
+  const remove = editor.slice(editor.indexOf('  private removePart('), editor.indexOf('  private toggleHiddenPart('))
+  assert.match(remove, /if \(!refitRoom && inDeclaredRoom\(error\)\) \{\s*this\.removePart\(id, true\)/, '거절 없이 곧바로 다시 맞춰 지운다')
+  assert.match(remove, /figure\.text\.removal-space-refitted/, '그렇다고 한 줄')
+  assert.doesNotMatch(remove, /this\.retry = \{/, '묻거나 권하지 않는다')
+  assert.ok(ko['figure.text.removal-space-refitted'])
 })
 
 test('배치를 바꿀 수 없는 까닭 — 평면에 붙은 부품과 새 평면이 받는 면을 말한다(벽 배치, 09-25)', async () => {

package/test/theme.test.ts

@@ -30,14 +30,12 @@ test('캔버스 바탕은 작업대 회색 — 판의 하늘색이라 환경 탭
   assert.match(read('../client/modeller/figure-view.ts'), /skyColor: WORKBENCH/)
 })
 
-test('눌린 단추와 오류 칸은 셸이 두 테마 대비를 맞춘 칸을 쓴다', () => {
+test('눌린 단추는 셸이 두 테마 대비를 맞춘 칸을 쓴다 — 오류는 앱의 알림이 그린다 (2026-09-27)', () => {
   const pressed = editor.slice(editor.indexOf("button[aria-pressed='true']"), editor.indexOf('}', editor.indexOf("button[aria-pressed='true']")))
   assert.match(pressed, /--md-sys-color-secondary-container\)/)
   assert.match(pressed, /--md-sys-color-on-secondary-container\)/)
   assert.match(pressed, /border-color: var\(--md-sys-color-primary\)/)
-  const error = editor.slice(editor.indexOf('.error {'), editor.indexOf('}', editor.indexOf('.error {')))
-  assert.match(error, /--md-sys-color-error-container\)/)
-  assert.match(error, /--md-sys-color-on-error-container\)/)
+  assert.equal(editor.includes('.error {'), false, '모델러가 따로 칠하는 오류 칸이 없다')
 })
 
 test('편집기는 창이 아니라 자기 폭으로 접는다 — 레일이 폭을 먼저 가져간다', () => {

package/translations/en.json

@@ -640,7 +640,6 @@
   "figure.text.proportion-to-follow": "{count} lengths still have their own number. made to follow, they grow by the figure's ratio.",
   "figure.button.follow-size-in-proportion": "make every part follow",
   "figure.text.proportion-kept": "keeps its own number: {what}",
-  "figure.button.remove-and-refit-room": "delete {part} and fit the space to the parts left",
   "figure.text.preview-clamped": "{axis} {asked} → {used}",
   "figure.label.placement-wall": "wall (wall)",
   "figure.text.placement-plane-refused": "{parts} cannot go on a {placement} by the face fastened to the mounting plane. detach it or fasten it by its {faces} first.",
@@ -663,5 +662,6 @@
   "figure.text.removal-mounting-face": "The mounting face is released.",
   "figure.text.edit-refused": "This edit cannot be made. ({code})",
   "figure.text.edit-refused-node-limit": "The figure is too large to add more. It holds up to {max} nodes.",
-  "figure.text.recipe-step-refused": "Stopped at step {step} of the recipe. {why} ({code})"
+  "figure.text.recipe-step-refused": "Stopped at step {step} of the recipe. {why} ({code})",
+  "figure.text.removal-space-refitted": "The space is fitted to the parts left."
 }

package/translations/ja.json

@@ -640,7 +640,6 @@
   "figure.text.proportion-to-follow": "長さ {count} 個がまだ固有の数値です。追従させると図形と同じ比率で大きくなります。",
   "figure.button.follow-size-in-proportion": "すべての部品を追従させる",
   "figure.text.proportion-kept": "固有の数値のまま: {what}",
-  "figure.button.remove-and-refit-room": "「{part}」を削除し、空間を残りの部品に合わせる",
   "figure.text.preview-clamped": "{axis} {asked} → {used}",
   "figure.label.placement-wall": "壁基準 (wall)",
   "figure.text.placement-plane-refused": "{parts} は取付平面に付いている面では {placement} に付けられません。外すか {faces} 面で付け直してから変更してください。",
@@ -663,5 +662,6 @@
   "figure.text.removal-mounting-face": "取付面が外れました。",
   "figure.text.edit-refused": "この編集はできません。({code})",
   "figure.text.edit-refused-node-limit": "図形が大きいためこれ以上追加できません。ノードは {max} 個までです。",
-  "figure.text.recipe-step-refused": "レシピの {step} 番目の手順で止まりました。{why} ({code})"
+  "figure.text.recipe-step-refused": "レシピの {step} 番目の手順で止まりました。{why} ({code})",
+  "figure.text.removal-space-refitted": "空間を残りの部品に合わせ直しました。"
 }

package/translations/ko.json

@@ -640,7 +640,6 @@
   "figure.text.proportion-to-follow": "길이 {count}개가 아직 자기 숫자입니다. 따라가게 하면 도형과 같은 비율로 커집니다.",
   "figure.button.follow-size-in-proportion": "모든 부품이 따라가게",
   "figure.text.proportion-kept": "자기 숫자로 남는 것: {what}",
-  "figure.button.remove-and-refit-room": "'{part}' 지우고 공간을 남은 부품에 맞추기",
   "figure.text.preview-clamped": "{axis} {asked} → {used}",
   "figure.label.placement-wall": "벽 기반 (wall)",
   "figure.text.placement-plane-refused": "{parts} 가 장착 평면에 붙은 면으로는 {placement} 에 붙일 수 없습니다. 떼거나 {faces} 면으로 다시 붙인 뒤 바꾸세요.",
@@ -663,5 +662,6 @@
   "figure.text.removal-mounting-face": "장착면이 풀렸습니다.",
   "figure.text.edit-refused": "이 편집은 할 수 없습니다. ({code})",
   "figure.text.edit-refused-node-limit": "도형이 커서 더 넣을 수 없습니다. 노드는 {max} 개까지입니다.",
-  "figure.text.recipe-step-refused": "레시피의 {step} 번째 단계에서 막혔습니다. {why} ({code})"
+  "figure.text.recipe-step-refused": "레시피의 {step} 번째 단계에서 막혔습니다. {why} ({code})",
+  "figure.text.removal-space-refitted": "공간을 남은 부품에 다시 맞췄습니다."
 }

package/translations/ms.json

@@ -640,7 +640,6 @@
   "figure.text.proportion-to-follow": "{count} panjang masih mempunyai nombor sendiri. apabila dijadikan mengikut, ia membesar mengikut nisbah rajah.",
   "figure.button.follow-size-in-proportion": "jadikan semua bahagian mengikut",
   "figure.text.proportion-kept": "kekal dengan nombor sendiri: {what}",
-  "figure.button.remove-and-refit-room": "padam '{part}' dan muatkan ruang pada bahagian yang tinggal",
   "figure.text.preview-clamped": "{axis} {asked} → {used}",
   "figure.label.placement-wall": "dinding (wall)",
   "figure.text.placement-plane-refused": "{parts} tidak boleh dipasang pada {placement} dengan muka yang dipasang pada satah pemasangan. tanggalkan atau pasang semula dengan muka {faces} dahulu.",
@@ -663,5 +662,6 @@
   "figure.text.removal-mounting-face": "Muka pemasangan dilepaskan.",
   "figure.text.edit-refused": "Suntingan ini tidak boleh dibuat. ({code})",
   "figure.text.edit-refused-node-limit": "Rajah terlalu besar untuk ditambah. Ia memuatkan sehingga {max} nod.",
-  "figure.text.recipe-step-refused": "Terhenti pada langkah {step} resipi. {why} ({code})"
+  "figure.text.recipe-step-refused": "Terhenti pada langkah {step} resipi. {why} ({code})",
+  "figure.text.removal-space-refitted": "Ruang dipadankan semula dengan bahagian yang tinggal."
 }

package/translations/zh.json

@@ -640,7 +640,6 @@
   "figure.text.proportion-to-follow": "还有 {count} 个长度是自身数值。设为跟随后，将按图形的同一比例变大。",
   "figure.button.follow-size-in-proportion": "让所有部件跟随",
   "figure.text.proportion-kept": "保留自身数值: {what}",
-  "figure.button.remove-and-refit-room": "删除 '{part}' 并使空间适配剩余部件",
   "figure.text.preview-clamped": "{axis} {asked} → {used}",
   "figure.label.placement-wall": "墙面基准 (wall)",
   "figure.text.placement-plane-refused": "{parts} 贴在安装平面上的面不能用于 {placement}。请先拆下或改用 {faces} 面贴合后再更改。",
@@ -663,5 +662,6 @@
   "figure.text.removal-mounting-face": "安装面已解除。",
   "figure.text.edit-refused": "无法进行此编辑。({code})",
   "figure.text.edit-refused-node-limit": "图形过大，无法再添加。节点上限为 {max} 个。",
-  "figure.text.recipe-step-refused": "配方在第 {step} 步停止。{why} ({code})"
+  "figure.text.recipe-step-refused": "配方在第 {step} 步停止。{why} ({code})",
+  "figure.text.removal-space-refitted": "空间已重新贴合剩余部件。"
 }

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

@@ -1,39 +0,0 @@
-import gql from 'graphql-tag';
-import { client } from '@operato/graphql';
-import { fetchFigure } from './index.js';
-/** V3 source is sent intact. No conversion into the old parts/base authoring representation. */
-export const v3ProductStore = {
-    async load(id) {
-        const record = await fetchFigure(id);
-        if (!record?.source)
-            throw Error('Figure 정본이 없습니다.');
-        return { id: record.id, source: record.source };
-    },
-    async save(request) {
-        const response = await client.mutate({
-            mutation: gql `
-        mutation SaveFigureV3($source: String!, $id: String, $expectedSource: String, $creationId: String, $thumbnail: String, $type: String) {
-          saveFigureV3(
-            source: $source
-            id: $id
-            expectedSource: $expectedSource
-            creationId: $creationId
-            thumbnail: $thumbnail
-            type: $type
-          ) {
-            id
-            source
-          }
-        }
-      `,
-            variables: request
-        });
-        if (response.errors?.length)
-            throw Error(response.errors.map(e => e.message).join('\n'));
-        const result = response.data?.saveFigureV3;
-        if (!result?.id || !result.source)
-            throw Error('서버가 저장 결과를 돌려주지 않았습니다.');
-        return result;
-    }
-};
-//# sourceMappingURL=v3-store.js.map

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.d.ts

@@ -1,22 +0,0 @@
-import { LitElement, nothing } from 'lit';
-import type { V3Asset } from '@hatiolab/figure-model';
-type Rung = 'none' | 'hold' | 'flow';
-/** Which rung a set of names is, or null when it is none of them -- not invented. */
-export declare function rungOf(names: readonly string[] | undefined): Rung | null;
-declare const FigureV3Capability_base: (new (...args: any[]) => LitElement) & typeof LitElement;
-/**
- * 자리·능력 — what the figure does on a board: the ladder from drawing only, to
- * holding things, to passing them on, and every place things are held, whatever part it is on. A place is not drawn,
- * so the list is the only way to find one; choosing a row selects its part, where the place is edited.
- */
-export declare class FigureV3Capability extends FigureV3Capability_base {
-    static styles: import("lit").CSSResult[];
-    asset?: V3Asset;
-    /** The selected part, whose places are marked. */
-    selected: string;
-    locked: boolean;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
-    private setRung;
-    private pick;
-}
-export {};

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

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

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.d.ts

@@ -1,31 +0,0 @@
-import '@material/web/icon/icon.js';
-import { LitElement, nothing } from 'lit';
-import type { V3Asset } from '@hatiolab/figure-model';
-declare const FigureV3Clips_base: (new (...args: any[]) => LitElement) & typeof LitElement;
-/**
- * 클립 — controls played by keys over time. A clip is one clock; each track plays one
- * control. Scrubbing a clip shows its pose at that moment (one batch of input changes, not saved as the default); a key
- * is added at the scrubbed moment with the control's value there, so a pose is made with the controls' sliders and
- * then kept as a key. Every change is one part edit.
- */
-export declare class FigureV3Clips extends FigureV3Clips_base {
-    private readonly help;
-    static styles: import("lit").CSSResult[];
-    asset?: V3Asset;
-    /** The values the editor holds now, by input id -- what a new key takes. */
-    values: Record<string, number>;
-    locked: boolean;
-    /** Where each clip is scrubbed to, in seconds. */
-    private at;
-    private adding;
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
-    private renderClip;
-    private renderTrack;
-    private renderAdd;
-    /** Show the clip's pose at a moment: one batch of input changes, not saved as the default. */
-    /** Show the clip's pose at a moment. While the bar is dragged the pose is live (drawn, not recorded); the release
-     * applies it as one batch of input changes. */
-    private scrub;
-    private edit;
-}
-export {};