@operato/input 10.29.37 → 10.29.38

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/input",
   "description": "Webcomponents for input following open-wc recommendations",
   "author": "heartyoh@hatiolab.com",
-  "version": "10.29.37",
+  "version": "10.29.38",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
@@ -251,9 +251,9 @@
     "@material/web": "^2.0.0",
     "@operato/i18n": "^10.29.27",
     "@operato/pickr": "^10.29.1",
-    "@operato/popup": "^10.29.37",
+    "@operato/popup": "^10.29.38",
     "@operato/styles": "^10.29.30",
-    "@operato/utils": "^10.29.37",
+    "@operato/utils": "^10.29.38",
     "@types/codemirror": "^5.60.5",
     "@undecaf/zbar-wasm": "^0.11.0",
     "codemirror": "^6.0.1",
@@ -294,5 +294,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "38361a65226ee9f23814747b4f0520edf42c3184"
+  "gitHead": "d053d740f71d091f5fbfa93dc4705bc712ff6222"
 }

package/test/ox-input-file.test.ts

@@ -242,6 +242,30 @@ describe('ox-input-file', () => {
     expect([...el.renderRoot.querySelectorAll('[part]')].map((one: Element) => one.getAttribute('part'))).to.deep.equal(['replace', 'remove'])
   })
 
+  it('takes no room while it has nothing to say when a page action starts the pick', async () => {
+    const column: any = await fixture(html`<div style="display: flex; flex-direction: column; gap: 24px">
+      <h2 style="margin: 0; height: 20px">title</h2>
+      <ox-input-file quiet outside-trigger accept="application/pdf"></ox-input-file>
+      <div style="height: 20px">filters</div>
+    </div>`)
+    const [title, el, filters] = [...column.children] as any[]
+
+    expect(filters.getBoundingClientRect().top - title.getBoundingClientRect().bottom, 'an empty picker opened a gap').to.equal(24)
+
+    drop(el, file('register.xlsx', 'application/vnd.ms-excel'))
+    await settle(el)
+    expect(filters.getBoundingClientRect().top - title.getBoundingClientRect().bottom, 'the refusal line has no place').to.be.above(24)
+  })
+
+  it('says what it refused at the error-sentence size, not its place\'s', async () => {
+    const wrap: any = await fixture(html`<div style="font-size: 16px"><ox-input-file quiet accept="image/*"></ox-input-file></div>`)
+    const el: any = wrap.querySelector('ox-input-file')
+
+    drop(el, file('scan.pdf', 'application/pdf'))
+    await settle(el)
+    expect(getComputedStyle(el.renderRoot.querySelector('[role="alert"]')).fontSize).to.equal('11.5px')
+  })
+
   it('hands its files to the form data as files', async () => {
     const form: any = await fixture(html`<form><ox-input-file name="papers" multiple></ox-input-file></form>`)
     const el: any = form.querySelector('ox-input-file')