@things-factory/figure-ui 10.1.174 → 10.1.175

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/figure-ui",
-  "version": "10.1.174",
+  "version": "10.1.175",
   "publishConfig": {
     "access": "public",
     "@things-factory:registry": "https://registry.npmjs.org"
@@ -43,9 +43,9 @@
     "@operato/utils": "^10.0.0",
     "@things-factory/ai-assistant": "^10.1.170",
     "@things-factory/figure-service": "^10.1.172",
-    "@things-factory/figure-viewer": "^10.1.174",
+    "@things-factory/figure-viewer": "^10.1.175",
     "@things-factory/setting-base": "^10.1.167",
     "three": "^0.185.1"
   },
-  "gitHead": "501a2ab7dfcda5cf78e2408bb4e914cac902349d"
+  "gitHead": "36a28986fdfb366ac31516b63369cf5733a82c31"
 }

package/test/browser/props.check.mjs

@@ -36,8 +36,8 @@ async function until(fn, args, what, ms = 8000) {
     await sleep(50)
   }
 }
-async function mount(kind) {
-  await read(kind => harness.mount(kind, null), kind)
+async function mount(kind, templates = []) {
+  await read((kind, templates) => harness.mount(kind, null, templates), kind, templates)
   await until(
     () => {
       try {
@@ -172,6 +172,11 @@ describe('a group\'s 「⋯」: its rarer actions, by the mouse or the keyboard'
     await until(() => document.activeElement?.localName === 'ox-popup-menu', [], 'the menu open, with the focus')
     const items = await read(() => [...document.querySelectorAll('ox-popup-menu[active] ox-popup-menuitem')].map(i => i.getAttribute('label')))
     assert.deepEqual(items, ['figure.button.detach'])
+    /*
+      An item can take the focus once it has drawn (ox-popup-menuitem sets its tabindex in firstUpdated); an arrow before
+      that leaves the focus on the menu. A hand is never that quick: one in five runs here was (2026-10-17).
+    */
+    await until(() => !!document.querySelector('ox-popup-menu[active] ox-popup-menuitem[tabindex]'), [], 'the item ready')
     await page().keyboard.press('ArrowDown')
     /* The item takes the focus on the menu's next update; Enter goes to it from then. */
     await until(() => document.activeElement?.localName === 'ox-popup-menuitem', [], 'the item chosen')
@@ -238,4 +243,20 @@ describe('the parts panel stands at the side\'s heights (2026-10-16)', () => {
     assert.equal(heights.tiles.length, 1, `one tile height: ${heights.tiles}`)
     assert.equal(heights.import, 30, 'the file import on one line, its own row')
   })
+
+  /* A static guard sees the sizes written down; an icon with none stands at md-icon's own 24 (the recipe catalog's did). */
+  test('every icon the modeller shows stands in one of the three sizes, the ones with no size of their own too', async () => {
+    /* With a template the parts panel offers the recipe catalog -- the button whose icon had no size. */
+    await mount('rollers', [{ name: 'probe-template', target: 'part' }])
+    assert.ok(await read(() => !!document.querySelector('figure-editor').shadowRoot.querySelector('figure-parts').shadowRoot.querySelector('button[recipe-catalog]')), 'the recipe catalog offered')
+    const sizes = await read(() => {
+      const all = []
+      const walk = root => { for (const e of root.querySelectorAll('*')) { all.push(e); if (e.shadowRoot) walk(e.shadowRoot) } }
+      walk(document.querySelector('figure-editor').shadowRoot)
+      const icons = all.filter(e => e.localName === 'md-icon' && e.checkVisibility() && e.getBoundingClientRect().width > 0)
+      return icons.map(e => `${Math.round(e.getBoundingClientRect().width)} ${e.textContent.trim()}`)
+    })
+    assert.ok(sizes.length > 20, `icons seen: ${sizes.length}`)
+    assert.deepEqual(sizes.filter(s => !['16', '18', '20'].includes(s.split(' ')[0])), [])
+  })
 })