@operato/input 10.10.0 → 10.10.5

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/input",
   "description": "Webcomponents for input following open-wc recommendations",
   "author": "heartyoh@hatiolab.com",
-  "version": "10.10.0",
+  "version": "10.10.5",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
@@ -251,7 +251,7 @@
     "@material/web": "^2.0.0",
     "@operato/i18n": "^10.0.0",
     "@operato/pickr": "^10.0.0",
-    "@operato/popup": "^10.10.0",
+    "@operato/popup": "^10.10.5",
     "@operato/styles": "^10.10.0",
     "@operato/utils": "^10.7.0",
     "@types/codemirror": "^5.60.5",
@@ -294,5 +294,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "15f722c8131e5a04b5b4186ac71ada9f94ef9a4f"
+  "gitHead": "8459323af943b966a724dae76253d11bc013bbaa"
 }

package/test/image-selector.test.ts

@@ -5,39 +5,41 @@ import '../src/ox-input-background-pattern.js'
 import { registerImageSelector } from '../src/image-selector.js'
 
 /**
- * 그림 고르는 칸의 자리.
+ * The image-picking slot.
  *
- * ## 왜 시험이 필요한가
+ * ## Why this is tested
  *
- * `@operato/input` 이 `@operato/attachment` 를 직접 부르고 있었다. 가장 아래의 부품이 위의 기능을
- * 아는 모양이라 고리가 생겼고(input ▶ attachment ▶ data-grist ▶ input), 그 고리 때문에 이 package
- * 는 **빌드되지 않았다**(TS5055 일곱 건, noEmitOnError).
+ * `@operato/input` used to import `@operato/attachment` directly. The bottom layer reached for a
+ * feature above it, closing a cycle (input ▶ attachment ▶ data-grist ▶ input) that stopped this
+ * package from building — TS5055 on seven files, with `noEmitOnError`.
  *
- * 화살표를 뒤집으면서 두 가지가 지켜져야 한다.
+ * Reversing that arrow has to hold two things:
  *
  * ```
- * 비지 않는다   등록이 없어도 칸이 있어야 한다. 등록 안 된 custom element 는 소리 없이 빈 상자다
- * 값이 담긴다   어느 갈래가 그려지든 value-key 와 change 로 값이 같은 길을 지나야 한다
+ * never empty     with nothing registered there must still be a field; an unregistered
+ *                 custom element renders as a silent empty box
+ * value lands     either branch carries value-key and raises change, so the value takes
+ *                 the same path out
  * ```
  */
-describe('그림 고르는 칸은 위 layer 가 채운다', () => {
+describe('image-picking field', () => {
   async function pattern(value: any = {}) {
     const el: any = await fixture(html`<ox-input-background-pattern .value=${value}></ox-input-background-pattern>`)
     await el.updateComplete
     return el
   }
 
-  it('등록이 없으면 글자 칸이다 — 빈 자리로 두지 않는다', async () => {
+  it('falls back to a text box when nothing is registered', async () => {
     const el = await pattern({ image: 'https://example.com/a.png' })
 
     const field = el.renderRoot.querySelector('[value-key="image"]') as HTMLInputElement
 
-    expect(field, '그림 칸이 아예 없다').to.exist
+    expect(field, 'no image field at all').to.exist
     expect(field.tagName).to.equal('INPUT')
-    expect(field.value, '적혀 있던 주소가 칸에 실리지 않았다').to.equal('https://example.com/a.png')
+    expect(field.value, 'existing address did not reach the field').to.equal('https://example.com/a.png')
   })
 
-  it('글자 칸에 적은 주소가 값으로 담긴다', async () => {
+  it('takes an address typed into the fallback text box', async () => {
     const el = await pattern({})
 
     const field = el.renderRoot.querySelector('[value-key="image"]') as HTMLInputElement
@@ -47,7 +49,7 @@ describe('그림 고르는 칸은 위 layer 가 채운다', () => {
     expect(el.value.image).to.equal('https://example.com/b.png')
   })
 
-  it('그림을 가진 쪽이 자기 칸을 등록하면 그것으로 바뀐다', async () => {
+  it('swaps in the registered field, even when registration lands after render', async () => {
     class FakeSelector extends HTMLElement {
       value: any
       properties: any
@@ -56,7 +58,6 @@ describe('그림 고르는 칸은 위 layer 가 채운다', () => {
 
     const el = await pattern({ image: 'https://example.com/c.png' })
 
-    /* 요소가 먼저 그려지고 등록이 나중에 와도 자리가 글자 칸으로 남아 있으면 안 된다. */
     registerImageSelector('test-image-selector')
     await el.updateComplete
 
@@ -67,7 +68,7 @@ describe('그림 고르는 칸은 위 layer 가 채운다', () => {
     expect(field.properties).to.deep.equal({ category: 'image' })
   })
 
-  it('등록된 칸이 올린 change 도 같은 길로 값이 담긴다', async () => {
+  it('takes a change raised by the registered field the same way', async () => {
     registerImageSelector('test-image-selector')
 
     const el = await pattern({})