@operato/property-panel 10.29.45 → 10.29.47

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/property-panel",
   "description": "Webcomponent property-panel following open-wc recommendations",
   "author": "heartyoh",
-  "version": "10.29.45",
+  "version": "10.29.47",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
@@ -68,8 +68,8 @@
   },
   "dependencies": {
     "@material/web": "^2.0.0",
-    "@operato/app": "^10.29.45",
-    "@operato/attachment": "^10.29.45",
+    "@operato/app": "^10.29.47",
+    "@operato/attachment": "^10.29.47",
     "@operato/i18n": "^10.29.27",
     "@operato/input": "^10.29.44",
     "@operato/styles": "^10.29.30",
@@ -109,5 +109,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "665fe43472777812af4e7f6be3c64c33940b04ea"
+  "gitHead": "e87ad8932190922da8d24fd5cb6f6cd9c8219ab9"
 }

package/test/drawing-size.test.ts

@@ -0,0 +1,54 @@
+/*
+ * 「도면 크기와 단위」 (ADR-0144 2.4): the drawing's real size shown and typed in its display unit, stored as the scale and
+ * coordinates; a drawing whose scale is unknown says so and is fitted to a real length without a coordinate moving.
+ */
+import { html } from 'lit'
+import { fixture, expect, oneEvent } from '@open-wc/testing'
+
+import { PropertyShapes } from '../src/property-panel/shapes/shapes.js'
+
+customElements.define('drawing-size-under-test', class extends PropertyShapes {})
+
+const root = { isRootModel: () => true, isLayer: () => true }
+
+async function panel(value: Record<string, unknown>, bounds = { left: 0, top: 0, width: 6000, height: 4000 }) {
+  return fixture<PropertyShapes>(html`<drawing-size-under-test .value=${value} .bounds=${bounds} .selected=${[root]}></drawing-size-under-test>`)
+}
+const field = (el: PropertyShapes, attr: string) => el.shadowRoot!.querySelector(`input[${attr}]`) as HTMLInputElement | null
+const type = (input: HTMLInputElement, value: string) => {
+  input.value = value
+  input.dispatchEvent(new Event('change', { bubbles: true, composed: true }))
+}
+
+describe('the drawing size and unit (ADR-0144)', () => {
+  it('a drawing with a scale shows its real size and ceiling in its display unit', async () => {
+    const el = await panel({ mmPerUnit: 10, displayUnit: 'm', heights: { ceiling: 3000 } })
+    expect([field(el, 'drawing-width')!.value, field(el, 'drawing-depth')!.value, field(el, 'drawing-ceiling')!.value]).to.deep.equal(['60', '40', '3'])
+    expect(el.shadowRoot!.querySelector('[scale-unknown]')).to.equal(null)
+  })
+
+  it('a real width typed sets the width in coordinates through the scale', async () => {
+    const el = await panel({ mmPerUnit: 10, displayUnit: 'm' })
+    setTimeout(() => type(field(el, 'drawing-width')!, '70'))
+    const { detail } = await oneEvent(el, 'bounds-change')
+    expect(detail).to.deep.equal({ width: 7000 })
+  })
+
+  it('a ceiling typed is kept as a real length, in mm', async () => {
+    const el = await panel({ mmPerUnit: 10, displayUnit: 'm', heights: { floor: 0, ceiling: 3000 } })
+    setTimeout(() => type(field(el, 'drawing-ceiling')!, '4.5'))
+    const { detail } = await oneEvent(el, 'property-change')
+    expect(detail).to.deep.equal({ heights: { floor: 0, ceiling: 4500 } })
+  })
+
+  it('a drawing whose scale is unknown says so, and the real length of its width sets the scale', async () => {
+    const el = await panel({ displayUnit: 'm' })
+    expect(el.shadowRoot!.querySelector('[scale-unknown]')).to.not.equal(null)
+    expect(field(el, 'drawing-width')).to.equal(null)
+    ;(el.shadowRoot!.querySelector('button[calibrate]') as HTMLButtonElement).click()
+    await el.updateComplete
+    setTimeout(() => type(field(el, 'calibrate-length')!, '60'))
+    const { detail } = await oneEvent(el, 'property-change')
+    expect(detail).to.deep.equal({ mmPerUnit: 10 })
+  })
+})

package/translations/en.json

@@ -775,5 +775,13 @@
   "label.motion-groups": "motion groups",
   "label.rule-scale": "scale",
   "label.rule-scale-factor": "scale by",
-  "label.rule-scale-offset": "plus"
+  "label.rule-scale-offset": "plus",
+  "label.drawing-size-and-unit": "drawing size and unit",
+  "label.display-unit": "unit",
+  "label.drawing-width": "width",
+  "label.drawing-depth": "depth",
+  "label.ceiling-height": "ceiling height",
+  "text.scale-unknown": "scale unknown",
+  "button.calibrate-scale": "fit to a real length",
+  "label.calibrate-width": "the real length of the drawing width {width}"
 }

package/translations/es.json

@@ -775,5 +775,13 @@
   "label.motion-groups": "grupos de movimiento",
   "label.rule-scale": "escala",
   "label.rule-scale-factor": "multiplicar por",
-  "label.rule-scale-offset": "sumar"
+  "label.rule-scale-offset": "sumar",
+  "label.drawing-size-and-unit": "tamaño y unidad del plano",
+  "label.display-unit": "unidad",
+  "label.drawing-width": "ancho",
+  "label.drawing-depth": "fondo",
+  "label.ceiling-height": "altura del techo",
+  "text.scale-unknown": "escala desconocida",
+  "button.calibrate-scale": "ajustar a una longitud real",
+  "label.calibrate-width": "longitud real del ancho del plano {width}"
 }

package/translations/ja.json

@@ -779,5 +779,13 @@
   "label.motion-groups": "モーショングループ",
   "label.rule-scale": "倍率",
   "label.rule-scale-factor": "倍率",
-  "label.rule-scale-offset": "加算"
+  "label.rule-scale-offset": "加算",
+  "label.drawing-size-and-unit": "図面のサイズと単位",
+  "label.display-unit": "表示単位",
+  "label.drawing-width": "幅",
+  "label.drawing-depth": "奥行き",
+  "label.ceiling-height": "天井の高さ",
+  "text.scale-unknown": "縮尺未確認",
+  "button.calibrate-scale": "実際の長さに合わせる",
+  "label.calibrate-width": "図面の幅 {width} の実際の長さ"
 }

package/translations/ko.json

@@ -779,5 +779,13 @@
   "label.motion-groups": "동작 그룹",
   "label.rule-scale": "배율",
   "label.rule-scale-factor": "배율",
-  "label.rule-scale-offset": "더하기"
+  "label.rule-scale-offset": "더하기",
+  "label.drawing-size-and-unit": "도면 크기와 단위",
+  "label.display-unit": "표시 단위",
+  "label.drawing-width": "너비",
+  "label.drawing-depth": "깊이",
+  "label.ceiling-height": "천장 높이",
+  "text.scale-unknown": "축척 미확인",
+  "button.calibrate-scale": "실제 길이로 맞추기",
+  "label.calibrate-width": "도면 너비 {width} 의 실제 길이"
 }

package/translations/ms.json

@@ -651,5 +651,13 @@
   "label.motion-groups": "kumpulan gerakan",
   "label.rule-scale": "skala",
   "label.rule-scale-factor": "darab dengan",
-  "label.rule-scale-offset": "tambah"
+  "label.rule-scale-offset": "tambah",
+  "label.drawing-size-and-unit": "saiz dan unit lukisan",
+  "label.display-unit": "unit",
+  "label.drawing-width": "lebar",
+  "label.drawing-depth": "dalam",
+  "label.ceiling-height": "tinggi siling",
+  "text.scale-unknown": "skala tidak diketahui",
+  "button.calibrate-scale": "padankan dengan panjang sebenar",
+  "label.calibrate-width": "panjang sebenar lebar lukisan {width}"
 }

package/translations/zh.json

@@ -778,5 +778,13 @@
   "label.motion-groups": "动作组",
   "label.rule-scale": "倍率",
   "label.rule-scale-factor": "倍率",
-  "label.rule-scale-offset": "加"
+  "label.rule-scale-offset": "加",
+  "label.drawing-size-and-unit": "图纸尺寸和单位",
+  "label.display-unit": "显示单位",
+  "label.drawing-width": "宽度",
+  "label.drawing-depth": "深度",
+  "label.ceiling-height": "天花板高度",
+  "text.scale-unknown": "比例未确认",
+  "button.calibrate-scale": "按实际长度校准",
+  "label.calibrate-width": "图纸宽度 {width} 的实际长度"
 }