@operato/scene-storage 10.0.0-beta.40 → 10.0.0-beta.42

package/dist/rack-grid-cell.js

@@ -1,36 +1,56 @@
-import { __decorate } from "tslib";
 /*
  * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * RackGridCell — RackGrid 의 *configuration storage* 단위 = 한 bay 의 메타데이터 핸들.
+ *
+ * 모드별 역할:
+ *   - modeling (2D editor): 자체 사각형 render + click + nature.properties UI
+ *     (rack-table-cell 패턴 그대로)
+ *   - 2D / 3D view: *data holder 만* — render/mesh 모두 X. 외부 location API 가
+ *     이 cell 의 state.section/unit/isEmpty 등을 *configuration source of truth* 로 lookup.
+ *
+ * 3D mesh 는 *없음* (buildRealObject = undefined). 3D stock 시각화는 *RackGrid
+ * 자체의 RackGrid3D + InstancedMesh* 가 처리. cell-component 는 *3D 리소스 0*.
+ *
+ * 영속 데이터: cellId (bay 위치), section, unit, shelfLocations, isEmpty, border 등.
+ * RackGrid 의 hierarchy override 가 *redundant 좌표 (left/top/width/height)* 만 제거 —
+ * 위 own 데이터는 그대로 직렬화 (저장/로드 시 복원).
  */
+import { __decorate } from "tslib";
 import { Component, RectPath, sceneComponent } from '@hatiolab/things-scene';
-import { Rack } from './rack-column.js';
 const EMPTY_BORDER = {};
-function isBottomMost(idx, rows, columns) {
-    return idx >= (rows - 1) * columns;
+const EMPTY_CELL_FILL = '#efefef';
+const EMPTY_CELL_STROKE = '#ccc';
+function hasAnyProperty(o, ...props) {
+    for (const p of props)
+        if (Object.prototype.hasOwnProperty.call(o, p))
+            return true;
+    return false;
 }
-function isRightMost(idx, rows, columns) {
-    return (idx + 1) % columns == 0;
+function isRightMost(idx, _rows, columns) {
+    return (idx + 1) % columns === 0;
 }
-function hasAnyProperty(o, ...properties) {
-    for (let p in properties) {
-        if (o.hasOwnProperty(properties[p])) {
-            return true;
-        }
-    }
+function isBottomMost(idx, rows, columns) {
+    return idx >= (rows - 1) * columns;
 }
-const EMPTY_CELL_STROKE_STYLE = '#ccc';
-const EMPTY_CELL_LINE_WIDTH = 1;
-const EMPTY_CELL_FILL_STYLE = '#efefef';
-/**
- * 1. 스타일을 상속 받아야 함. (cascade-style)
- * 2. 스타일을 동적처리할 수 있음. (로직처리)
- * 3. 데이타를 받을 수 있음.
- */
+// RackGridCell 의 refid 충돌 회피 — load 시 root.onadded → _addTraverse 가 자식부터
+// addRefidIndex 호출. cell 의 model.refid 가 *비어있으면* root.getNewRefid() = 1,2,3...
+// 작은 값 부여 → 부모 RackGrid (refid 7) / Crane (202) 등 *기존 refid 와 충돌*.
+// constructor 에서 *큰 시작값 + monotonic counter* 로 자체 부여 → 충돌 0.
+let _cellRefidCounter = 100_000_000;
 let RackGridCell = class RackGridCell extends RectPath(Component) {
     get state() {
         return super.state;
     }
     _focused = false;
+    constructor(model, context) {
+        super(model, context);
+        // refid 미부여 시 큰 값 자체 부여 — root.getNewRefid() 의 1,2,3... 충돌 회피.
+        // hierarchy override 가 save 시 refid 제거 → load 마다 fresh.
+        if (this.model.refid == null) {
+            this.model.refid = _cellRefidCounter++;
+        }
+    }
     get hasTextProperty() {
         return false;
     }
@@ -40,33 +60,11 @@ let RackGridCell = class RackGridCell extends RectPath(Component) {
             resizable: true,
             rotatable: true,
             properties: [
-                {
-                    type: 'string',
-                    label: 'section',
-                    name: 'section'
-                },
-                {
-                    type: 'string',
-                    label: 'unit',
-                    name: 'unit'
-                },
-                {
-                    type: 'string',
-                    label: 'shelf-locations',
-                    name: 'shelfLocations',
-                    placeholder: '1,2,3,... / ,,,04'
-                },
-                {
-                    type: 'textarea',
-                    label: 'bin-locations',
-                    name: 'binLocations',
-                    placeholder: '1,2,3,...'
-                },
-                {
-                    type: 'checkbox',
-                    label: 'is-empty',
-                    name: 'isEmpty'
-                },
+                { type: 'string', label: 'section', name: 'section' },
+                { type: 'string', label: 'unit', name: 'unit' },
+                { type: 'string', label: 'shelf-locations', name: 'shelfLocations', placeholder: '1,2,3 또는 ,,,04' },
+                { type: 'textarea', label: 'bin-locations', name: 'binLocations', placeholder: '1,2,3,...' },
+                { type: 'checkbox', label: 'is-empty', name: 'isEmpty' },
                 {
                     type: 'location-increase-pattern',
                     label: '',
@@ -75,8 +73,16 @@ let RackGridCell = class RackGridCell extends RectPath(Component) {
                         event: {
                             'increase-location-pattern': (event) => {
                                 const { increasingDirection, skipNumbering, startSection, startUnit } = event.detail;
-                                const rackTable = this.parent;
-                                rackTable.increaseLocation(increasingDirection, skipNumbering, startSection, startUnit);
+                                const parent = this.parent;
+                                if (typeof parent?.increaseLocation === 'function') {
+                                    // RackGrid 의 root.selected 활용 — framework 가 자동 갱신
+                                    const selected = this.root?.selected;
+                                    const keys = (selected || [])
+                                        .filter(c => c?.state?.type === 'rack-grid-cell')
+                                        .map(c => c.state.cellId)
+                                        .filter((k) => !!k);
+                                    parent.increaseLocation(keys, increasingDirection, skipNumbering, startSection, startUnit);
+                                }
                             }
                         }
                     }
@@ -85,237 +91,135 @@ let RackGridCell = class RackGridCell extends RectPath(Component) {
                     type: 'editor-table',
                     label: '',
                     name: '',
-                    property: {
-                        merge: false,
-                        split: false
-                    }
+                    property: { merge: false, split: false }
                 }
             ]
         };
     }
+    /** 3D mesh 미생성 — view mode 의 리소스 0. */
     buildRealObject() {
-        // isEmpty cell 은 3D 에 mesh 를 만들지 않는다. v9 에서는 RackGrid3D.createRacks 가
-        // cell._realObject 를 사전 설정하면 3D pipeline 이 자동 buildRealObject 호출을 skip
-        // 하던 것을, v10 의 ThreeCapability 도입 이후로는 *항상* 자동 호출됨. RackGrid3D
-        // createRacks 의 isEmpty 체크와 이 자동 경로 사이의 불일치로 isEmpty=true cell 도
-        // 3D 에 그려지던 regression — 여기 isEmpty 체크 추가로 두 경로 정합.
-        if (this.getState('isEmpty'))
-            return undefined;
-        return new Rack(this);
+        return undefined;
     }
-    set merged(merged) {
-        this.set('merged', !!merged);
-        if (merged)
-            this.set('text', '');
-    }
-    get merged() {
-        return this.getState('merged');
-    }
-    set rowspan(rowspan) {
-        this.set('rowspan', rowspan);
-    }
-    get rowspan() {
-        return this.getState('rowspan');
-    }
-    set colspan(colspan) {
-        this.set('colspan', colspan);
-    }
-    get colspan() {
-        return this.getState('colspan');
+    // ── Domain getters ────────────────────────────────────
+    get isEmpty() {
+        return !!this.getState('isEmpty');
     }
     get border() {
         return this.state.border || EMPTY_BORDER;
     }
-    get isEmpty() {
-        return this.getState('isEmpty');
+    set merged(v) {
+        this.set('merged', !!v);
+        if (v)
+            this.set('text', '');
     }
-    _drawBorder(context, x, y, to_x, to_y, style) {
-        if (style && style.strokeStyle && style.lineWidth && style.lineDash) {
-            context.beginPath();
-            context.moveTo(x, y);
-            context.lineTo(to_x, to_y);
-            Component.drawStroke(context, style);
-        }
+    get merged() {
+        return !!this.getState('merged');
     }
-    render(context) {
-        const { left, top, width, height } = this.bounds;
-        const { isEmpty } = this.state;
-        const border = this.border;
-        if (!isEmpty) {
-            this._draw_rack_cell(context);
-        }
-        // Cell 채우기.
-        context.beginPath();
-        context.lineWidth = 0;
-        context.rect(left, top, width, height);
-        // Border 그리기
+    set rowspan(v) { this.set('rowspan', v); }
+    get rowspan() { return this.getState('rowspan') ?? 1; }
+    set colspan(v) { this.set('colspan', v); }
+    get colspan() { return this.getState('colspan') ?? 1; }
+    /** Parent (RackGrid) 안에서 자기 (col, row) 인덱스 — components 순서 = row * columns + col. */
+    get index() {
         const parent = this.parent;
+        if (!parent)
+            return { row: 0, column: 0 };
         const idx = parent.components.indexOf(this);
-        const columns = parent.columns || 1;
-        const rows = parent.rows || 1;
-        this._drawBorder(context, left, top, left + width, top, border.top);
-        this._drawBorder(context, left, top + height, left, top, border.left);
-        if (isRightMost(idx, rows, columns))
-            this._drawBorder(context, left + width, top, left + width, top + height, border.right);
-        if (isBottomMost(idx, rows, columns))
-            this._drawBorder(context, left + width, top + height, left, top + height, border.bottom);
-    }
-    _draw_rack_cell(context) {
-        const { left, top, width, height } = this.bounds;
-        context.save();
-        context.fillStyle = EMPTY_CELL_FILL_STYLE;
-        context.fillRect(left, top, width, height);
-        context.beginPath();
-        context.lineWidth = EMPTY_CELL_LINE_WIDTH;
-        context.strokeStyle = EMPTY_CELL_STROKE_STYLE;
-        context.moveTo(left, top);
-        context.lineTo(left + width, top + height);
-        context.moveTo(left + width, top);
-        context.lineTo(left, top + height);
-        context.stroke();
-        context.closePath();
-        context.restore();
-    }
-    get decotag() {
-        const rackTable = this.parent;
-        let { locPattern, zone = '' } = rackTable.model;
-        locPattern = locPattern.substring(0, locPattern.indexOf('{u}') + 3);
-        let locationString = '';
-        if (this.getState('section') && this.getState('unit'))
-            locationString = locPattern
-                .replace('{z}', zone)
-                .replace('{s}', this.getState('section'))
-                .replace('{u}', this.getState('unit'));
-        return locationString || '';
-    }
-    get index() {
-        const rackTable = this.parent;
-        const index = rackTable.components.indexOf(this);
-        const rowIndex = Math.floor(index / rackTable.columns);
-        const columnIndex = index % rackTable.columns;
-        return {
-            row: rowIndex,
-            column: columnIndex
-        };
-    }
-    get rowIndex() {
-        return this.index.row;
-    }
-    get columnIndex() {
-        return this.index.column;
-    }
-    get leftCell() {
-        const rackTable = this.parent;
-        const rowIndex = this.rowIndex;
-        const columnIndex = this.columnIndex;
-        if (columnIndex === 0)
-            return null;
-        const leftCell = rackTable.components[rowIndex * rackTable.columns + columnIndex - 1];
-        return leftCell;
-    }
-    get rightCell() {
-        const rackTable = this.parent;
-        const rowIndex = this.rowIndex;
-        const columnIndex = this.columnIndex;
-        if (columnIndex === rackTable.columns)
-            return null;
-        const rightCell = rackTable.components[rowIndex * rackTable.columns + columnIndex + 1];
-        return rightCell;
-    }
-    get aboveCell() {
-        const rackTable = this.parent;
-        const rowIndex = this.rowIndex;
-        const columnIndex = this.columnIndex;
-        if (rowIndex === 0)
-            return null;
-        const aboveCell = rackTable.components[(rowIndex - 1) * rackTable.columns + columnIndex];
-        return aboveCell;
-    }
-    get belowCell() {
-        const rackTable = this.parent;
-        const rowIndex = this.rowIndex;
-        const columnIndex = this.columnIndex;
-        if (rowIndex === rackTable.rows)
-            return null;
-        const belowCell = rackTable.components[(rowIndex + 1) * rackTable.columns + columnIndex];
-        return belowCell;
+        const cols = parent.columns ?? 1;
+        return { row: Math.floor(idx / cols), column: idx % cols };
     }
+    get rowIndex() { return this.index.row; }
+    get columnIndex() { return this.index.column; }
     get rowCells() {
-        const rackTable = this.parent;
-        return rackTable.getCellsByRow(this.rowIndex);
+        const parent = this.parent;
+        return parent?.getCellsByRow?.(this.rowIndex) ?? [];
     }
     get columnCells() {
-        const rackTable = this.parent;
-        return rackTable.getCellsByColumn(this.columnIndex);
-    }
-    get aboveRowCells() {
-        let aboveCell = this.aboveCell;
-        while (1) {
-            const aboveRowCells = aboveCell.notEmptyRowCells;
-            if (aboveRowCells.length > 0)
-                return aboveRowCells;
-            aboveCell = aboveCell.aboveCell;
-        }
-    }
-    get lastUnit() {
-        const rowCells = this.aboveRowCells;
-        for (let i = rowCells.length - 1; i > 0; i--) {
-            const cell = rowCells[i];
-            const unit = cell.getState('unit');
-            if (unit)
-                return Number(unit);
-        }
-        return 0;
-    }
-    get firstUnit() {
-        const rowCells = this.aboveRowCells;
-        for (let i = 0; i < rowCells.length; i++) {
-            const cell = rowCells[i];
-            const unit = cell.getState('unit');
-            if (unit)
-                return Number(unit);
-        }
-        return 0;
+        const parent = this.parent;
+        return parent?.getCellsByColumn?.(this.columnIndex) ?? [];
     }
     get notEmptyRowCells() {
-        return this.rowCells.filter((c) => {
-            return !c.getState('isEmpty');
-        });
-    }
-    get emptyRowCells() {
-        return this.rowCells.filter((c) => {
-            return c.getState('isEmpty');
-        });
+        return this.rowCells.filter(c => !c.getState?.('isEmpty'));
     }
     get isAisle() {
         return this.notEmptyRowCells.length === 0;
     }
-    onchange(after, before) {
+    // ── Lifecycle ─────────────────────────────────────────
+    onchange(after, _before) {
         if (hasAnyProperty(after, 'isEmpty')) {
-            // FIXME
+            // isEmpty 토글 시 section/unit 클리어 (rack-table-cell 동작)
             delete this.model.unit;
             delete this.model.section;
         }
+        // Parent 의 location index 무효화 (RackGrid 가 onchange 다시 안 받으므로 자식이 알림)
+        const parent = this.parent;
+        parent?.invalidateLocationIndex?.();
     }
-    onmouseenter() {
-        this.trigger('deco');
-    }
-    onmouseleave() {
-        this.trigger('decoreset');
-    }
+    onmouseenter() { this.trigger('deco'); }
+    onmouseleave() { this.trigger('decoreset'); }
     contains(x, y) {
-        const contains = super.contains(x, y);
-        if (!contains) {
+        const c = super.contains(x, y);
+        if (!c) {
             this._focused = false;
             this.invalidate();
         }
-        return contains;
+        return c;
+    }
+    // ── 2D rendering (modeling editor) ────────────────────
+    //
+    // *view mode* (= app.isViewMode) 면 안 그림 — *configuration storage 만*. modeling
+    // 시에만 사각형 + border + isEmpty 패턴 시각화.
+    render(context) {
+        if (this.app?.isViewMode)
+            return;
+        const { left, top, width, height } = this.bounds;
+        const { isEmpty } = this.state;
+        const border = this.border;
+        if (isEmpty) {
+            // 빈 cell — 회색 fill + 대각선
+            context.save();
+            context.fillStyle = EMPTY_CELL_FILL;
+            context.fillRect(left, top, width, height);
+            context.strokeStyle = EMPTY_CELL_STROKE;
+            context.lineWidth = 1;
+            context.beginPath();
+            context.moveTo(left, top);
+            context.lineTo(left + width, top + height);
+            context.moveTo(left + width, top);
+            context.lineTo(left, top + height);
+            context.stroke();
+            context.restore();
+        }
+        // 명시적 cell 영역 표시 (border default — 자식 cell 의 미니 frame)
+        context.beginPath();
+        context.lineWidth = 0;
+        context.rect(left, top, width, height);
+        const parent = this.parent;
+        const idx = parent?.components?.indexOf?.(this) ?? 0;
+        const columns = parent?.columns ?? 1;
+        const rows = parent?.rackRows ?? 1;
+        this._drawSide(context, left, top, left + width, top, border.top);
+        this._drawSide(context, left, top + height, left, top, border.left);
+        if (isRightMost(idx, rows, columns)) {
+            this._drawSide(context, left + width, top, left + width, top + height, border.right);
+        }
+        if (isBottomMost(idx, rows, columns)) {
+            this._drawSide(context, left + width, top + height, left, top + height, border.bottom);
+        }
+    }
+    _drawSide(ctx, x, y, tx, ty, style) {
+        if (!style?.strokeStyle || !style.lineWidth)
+            return;
+        ctx.beginPath();
+        ctx.moveTo(x, y);
+        ctx.lineTo(tx, ty);
+        Component.drawStroke(ctx, style);
     }
 };
 RackGridCell = __decorate([
     sceneComponent('rack-grid-cell')
 ], RackGridCell);
-export { RackGridCell };
+export default RackGridCell;
 ;
-['border'].forEach(getter => Component.memoize(RackGridCell.prototype, getter, false));
+['border'].forEach(g => Component.memoize(RackGridCell.prototype, g, false));
 //# sourceMappingURL=rack-grid-cell.js.map

package/dist/rack-grid-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"rack-grid-cell.js","sourceRoot":"","sources":["../src/rack-grid-cell.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, Properties, RectPath, sceneComponent, RealObject } from '@hatiolab/things-scene'\nimport type { State } from '@hatiolab/things-scene'\nimport { Rack } from './rack-column.js'\n\n/** RackGridCell 컴포넌트 state */\nexport interface RackGridCellState extends State {\n  section?: string\n  unit?: string\n  shelfLocations?: string\n  binLocations?: string\n  isEmpty?: boolean\n  border?: any\n  merged?: boolean\n  rowspan?: number\n  colspan?: number\n}\n\nconst EMPTY_BORDER = {}\n\nfunction isBottomMost(idx: number, rows: number, columns: number) {\n  return idx >= (rows - 1) * columns\n}\n\nfunction isRightMost(idx: number, rows: number, columns: number) {\n  return (idx + 1) % columns == 0\n}\n\nfunction hasAnyProperty(o: any, ...properties: string[]) {\n  for (let p in properties) {\n    if (o.hasOwnProperty(properties[p])) {\n      return true\n    }\n  }\n}\n\nconst EMPTY_CELL_STROKE_STYLE = '#ccc'\nconst EMPTY_CELL_LINE_WIDTH = 1\nconst EMPTY_CELL_FILL_STYLE = '#efefef'\n\n/**\n * 1. 스타일을 상속 받아야 함. (cascade-style)\n * 2. 스타일을 동적처리할 수 있음. (로직처리)\n * 3. 데이타를 받을 수 있음.\n */\n@sceneComponent('rack-grid-cell')\nexport class RackGridCell extends RectPath(Component) {\n  override get state(): RackGridCellState {\n    return super.state as RackGridCellState\n  }\n\n  _focused: boolean = false\n\n  get hasTextProperty() {\n    return false\n  }\n\n  get nature() {\n    return {\n      mutable: false,\n      resizable: true,\n      rotatable: true,\n      properties: [\n        {\n          type: 'string',\n          label: 'section',\n          name: 'section'\n        },\n        {\n          type: 'string',\n          label: 'unit',\n          name: 'unit'\n        },\n        {\n          type: 'string',\n          label: 'shelf-locations',\n          name: 'shelfLocations',\n          placeholder: '1,2,3,... / ,,,04'\n        },\n        {\n          type: 'textarea',\n          label: 'bin-locations',\n          name: 'binLocations',\n          placeholder: '1,2,3,...'\n        },\n        {\n          type: 'checkbox',\n          label: 'is-empty',\n          name: 'isEmpty'\n        },\n        {\n          type: 'location-increase-pattern',\n          label: '',\n          name: '',\n          property: {\n            event: {\n              'increase-location-pattern': (event: CustomEvent) => {\n                const { increasingDirection, skipNumbering, startSection, startUnit } = event.detail\n                const rackTable = this.parent as any\n                rackTable.increaseLocation(increasingDirection, skipNumbering, startSection, startUnit)\n              }\n            }\n          }\n        },\n        {\n          type: 'editor-table',\n          label: '',\n          name: '',\n          property: {\n            merge: false,\n            split: false\n          }\n        }\n      ]\n    }\n  }\n\n  buildRealObject(): RealObject | undefined {\n    // isEmpty cell 은 3D 에 mesh 를 만들지 않는다. v9 에서는 RackGrid3D.createRacks 가\n    // cell._realObject 를 사전 설정하면 3D pipeline 이 자동 buildRealObject 호출을 skip\n    // 하던 것을, v10 의 ThreeCapability 도입 이후로는 *항상* 자동 호출됨. RackGrid3D\n    // createRacks 의 isEmpty 체크와 이 자동 경로 사이의 불일치로 isEmpty=true cell 도\n    // 3D 에 그려지던 regression — 여기 isEmpty 체크 추가로 두 경로 정합.\n    if (this.getState('isEmpty')) return undefined\n    return new Rack(this)\n  }\n\n  set merged(merged) {\n    this.set('merged', !!merged)\n    if (merged) this.set('text', '')\n  }\n\n  get merged() {\n    return this.getState('merged')\n  }\n\n  set rowspan(rowspan) {\n    this.set('rowspan', rowspan)\n  }\n\n  get rowspan() {\n    return this.getState('rowspan')\n  }\n\n  set colspan(colspan) {\n    this.set('colspan', colspan)\n  }\n\n  get colspan() {\n    return this.getState('colspan')\n  }\n\n  get border() {\n    return this.state.border || EMPTY_BORDER\n  }\n\n  get isEmpty() {\n    return this.getState('isEmpty')\n  }\n\n  _drawBorder(context: CanvasRenderingContext2D, x: number, y: number, to_x: number, to_y: number, style: any) {\n    if (style && style.strokeStyle && style.lineWidth && style.lineDash) {\n      context.beginPath()\n      context.moveTo(x, y)\n      context.lineTo(to_x, to_y)\n\n      Component.drawStroke(context, style)\n    }\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n    const { isEmpty } = this.state\n\n    const border = this.border\n\n    if (!isEmpty) {\n      this._draw_rack_cell(context)\n    }\n\n    // Cell 채우기.\n    context.beginPath()\n    context.lineWidth = 0\n    context.rect(left, top, width, height)\n\n    // Border 그리기\n    const parent = this.parent as any\n    const idx = parent.components.indexOf(this)\n    const columns = parent.columns || 1\n    const rows = parent.rows || 1\n\n    this._drawBorder(context, left, top, left + width, top, border.top)\n    this._drawBorder(context, left, top + height, left, top, border.left)\n    if (isRightMost(idx, rows, columns))\n      this._drawBorder(context, left + width, top, left + width, top + height, border.right)\n    if (isBottomMost(idx, rows, columns))\n      this._drawBorder(context, left + width, top + height, left, top + height, border.bottom)\n  }\n\n  _draw_rack_cell(context: CanvasRenderingContext2D) {\n    const { left, top, width, height } = this.bounds\n\n    context.save()\n    context.fillStyle = EMPTY_CELL_FILL_STYLE\n    context.fillRect(left, top, width, height)\n\n    context.beginPath()\n    context.lineWidth = EMPTY_CELL_LINE_WIDTH\n    context.strokeStyle = EMPTY_CELL_STROKE_STYLE\n\n    context.moveTo(left, top)\n    context.lineTo(left + width, top + height)\n    context.moveTo(left + width, top)\n    context.lineTo(left, top + height)\n\n    context.stroke()\n    context.closePath()\n    context.restore()\n  }\n\n  get decotag() {\n    const rackTable = this.parent\n    let { locPattern, zone = '' } = rackTable.model\n\n    locPattern = locPattern.substring(0, locPattern.indexOf('{u}') + 3)\n\n    let locationString = ''\n    if (this.getState('section') && this.getState('unit'))\n      locationString = locPattern\n        .replace('{z}', zone)\n        .replace('{s}', this.getState('section'))\n        .replace('{u}', this.getState('unit'))\n\n    return locationString || ''\n  }\n\n  get index() {\n    const rackTable = this.parent as any\n    const index = rackTable.components.indexOf(this)\n\n    const rowIndex = Math.floor(index / rackTable.columns)\n    const columnIndex = index % rackTable.columns\n\n    return {\n      row: rowIndex,\n      column: columnIndex\n    }\n  }\n\n  get rowIndex() {\n    return this.index.row\n  }\n\n  get columnIndex() {\n    return this.index.column\n  }\n\n  get leftCell() {\n    const rackTable = this.parent as any\n\n    const rowIndex = this.rowIndex\n    const columnIndex = this.columnIndex\n\n    if (columnIndex === 0) return null\n\n    const leftCell = rackTable.components[rowIndex * rackTable.columns + columnIndex - 1]\n\n    return leftCell\n  }\n\n  get rightCell() {\n    const rackTable = this.parent as any\n\n    const rowIndex = this.rowIndex\n    const columnIndex = this.columnIndex\n\n    if (columnIndex === rackTable.columns) return null\n\n    const rightCell = rackTable.components[rowIndex * rackTable.columns + columnIndex + 1]\n\n    return rightCell\n  }\n\n  get aboveCell() {\n    const rackTable = this.parent as any\n\n    const rowIndex = this.rowIndex\n    const columnIndex = this.columnIndex\n\n    if (rowIndex === 0) return null\n\n    const aboveCell = rackTable.components[(rowIndex - 1) * rackTable.columns + columnIndex]\n\n    return aboveCell\n  }\n\n  get belowCell() {\n    const rackTable = this.parent as any\n\n    const rowIndex = this.rowIndex\n    const columnIndex = this.columnIndex\n\n    if (rowIndex === rackTable.rows) return null\n\n    const belowCell = rackTable.components[(rowIndex + 1) * rackTable.columns + columnIndex]\n\n    return belowCell\n  }\n\n  get rowCells() {\n    const rackTable = this.parent as any\n    return rackTable.getCellsByRow(this.rowIndex)\n  }\n\n  get columnCells() {\n    const rackTable = this.parent as any\n    return rackTable.getCellsByColumn(this.columnIndex)\n  }\n\n  get aboveRowCells() {\n    let aboveCell = this.aboveCell\n    while (1) {\n      const aboveRowCells = aboveCell.notEmptyRowCells\n\n      if (aboveRowCells.length > 0) return aboveRowCells\n\n      aboveCell = aboveCell.aboveCell\n    }\n  }\n\n  get lastUnit() {\n    const rowCells = this.aboveRowCells\n\n    for (let i = rowCells.length - 1; i > 0; i--) {\n      const cell = rowCells[i]\n\n      const unit = cell.getState('unit')\n\n      if (unit) return Number(unit)\n    }\n\n    return 0\n  }\n\n  get firstUnit() {\n    const rowCells = this.aboveRowCells\n\n    for (let i = 0; i < rowCells.length; i++) {\n      const cell = rowCells[i]\n\n      const unit = cell.getState('unit')\n\n      if (unit) return Number(unit)\n    }\n\n    return 0\n  }\n\n  get notEmptyRowCells() {\n    return this.rowCells.filter((c: Component) => {\n      return !c.getState('isEmpty')\n    })\n  }\n\n  get emptyRowCells() {\n    return this.rowCells.filter((c: Component) => {\n      return c.getState('isEmpty')\n    })\n  }\n\n  get isAisle() {\n    return this.notEmptyRowCells.length === 0\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if (hasAnyProperty(after, 'isEmpty')) {\n      // FIXME\n      delete this.model.unit\n      delete this.model.section\n    }\n  }\n\n  onmouseenter() {\n    this.trigger('deco')\n  }\n\n  onmouseleave() {\n    this.trigger('decoreset')\n  }\n\n  contains(x: number, y: number) {\n    const contains = super.contains(x, y)\n    if (!contains) {\n      this._focused = false\n      this.invalidate()\n    }\n\n    return contains\n  }\n}\n\n;['border'].forEach(getter => Component.memoize(RackGridCell.prototype, getter, false))\n"]}
+{"version":3,"file":"rack-grid-cell.js","sourceRoot":"","sources":["../src/rack-grid-cell.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * RackGridCell — RackGrid 의 *configuration storage* 단위 = 한 bay 의 메타데이터 핸들.\n *\n * 모드별 역할:\n *   - modeling (2D editor): 자체 사각형 render + click + nature.properties UI\n *     (rack-table-cell 패턴 그대로)\n *   - 2D / 3D view: *data holder 만* — render/mesh 모두 X. 외부 location API 가\n *     이 cell 의 state.section/unit/isEmpty 등을 *configuration source of truth* 로 lookup.\n *\n * 3D mesh 는 *없음* (buildRealObject = undefined). 3D stock 시각화는 *RackGrid\n * 자체의 RackGrid3D + InstancedMesh* 가 처리. cell-component 는 *3D 리소스 0*.\n *\n * 영속 데이터: cellId (bay 위치), section, unit, shelfLocations, isEmpty, border 등.\n * RackGrid 의 hierarchy override 가 *redundant 좌표 (left/top/width/height)* 만 제거 —\n * 위 own 데이터는 그대로 직렬화 (저장/로드 시 복원).\n */\n\nimport {\n  Component, ComponentNature, Properties, RectPath, sceneComponent\n} from '@hatiolab/things-scene'\nimport type { State } from '@hatiolab/things-scene'\n\nexport interface RackGridCellState extends State {\n  cellId?: string                 // bayKey 형식: `${col-1}-${row-1}` (0-based, 2 segments)\n  section?: string                // location 의 {s}\n  unit?: string                   // location 의 {u}\n  shelfLocations?: string         // cell 별 shelf 명시 (CSV); 미지정 시 parent.shelfLocations\n  binLocations?: string           // cell 내 bin 명시 (CSV) — rack-table 호환\n  isEmpty?: boolean               // 통로/공실 표시\n  border?: any                    // 4-side border (top/left/bottom/right)\n  merged?: boolean\n  rowspan?: number\n  colspan?: number\n}\n\nconst EMPTY_BORDER = {}\nconst EMPTY_CELL_FILL = '#efefef'\nconst EMPTY_CELL_STROKE = '#ccc'\n\nfunction hasAnyProperty(o: any, ...props: string[]): boolean {\n  for (const p of props) if (Object.prototype.hasOwnProperty.call(o, p)) return true\n  return false\n}\n\nfunction isRightMost(idx: number, _rows: number, columns: number): boolean {\n  return (idx + 1) % columns === 0\n}\nfunction isBottomMost(idx: number, rows: number, columns: number): boolean {\n  return idx >= (rows - 1) * columns\n}\n\n// RackGridCell 의 refid 충돌 회피 — load 시 root.onadded → _addTraverse 가 자식부터\n// addRefidIndex 호출. cell 의 model.refid 가 *비어있으면* root.getNewRefid() = 1,2,3...\n// 작은 값 부여 → 부모 RackGrid (refid 7) / Crane (202) 등 *기존 refid 와 충돌*.\n// constructor 에서 *큰 시작값 + monotonic counter* 로 자체 부여 → 충돌 0.\nlet _cellRefidCounter = 100_000_000\n\n@sceneComponent('rack-grid-cell')\nexport default class RackGridCell extends RectPath(Component) {\n  override get state(): RackGridCellState {\n    return super.state as RackGridCellState\n  }\n\n  _focused: boolean = false\n\n  constructor(model: any, context: any) {\n    super(model, context)\n    // refid 미부여 시 큰 값 자체 부여 — root.getNewRefid() 의 1,2,3... 충돌 회피.\n    // hierarchy override 가 save 시 refid 제거 → load 마다 fresh.\n    if (this.model.refid == null) {\n      this.model.refid = _cellRefidCounter++\n    }\n  }\n\n  get hasTextProperty() {\n    return false\n  }\n\n  get nature(): ComponentNature {\n    return {\n      mutable: false,\n      resizable: true,\n      rotatable: true,\n      properties: [\n        { type: 'string', label: 'section', name: 'section' },\n        { type: 'string', label: 'unit', name: 'unit' },\n        { type: 'string', label: 'shelf-locations', name: 'shelfLocations', placeholder: '1,2,3 또는 ,,,04' },\n        { type: 'textarea', label: 'bin-locations', name: 'binLocations', placeholder: '1,2,3,...' },\n        { type: 'checkbox', label: 'is-empty', name: 'isEmpty' },\n        {\n          type: 'location-increase-pattern',\n          label: '',\n          name: '',\n          property: {\n            event: {\n              'increase-location-pattern': (event: CustomEvent) => {\n                const { increasingDirection, skipNumbering, startSection, startUnit } = event.detail\n                const parent: any = this.parent\n                if (typeof parent?.increaseLocation === 'function') {\n                  // RackGrid 의 root.selected 활용 — framework 가 자동 갱신\n                  const selected = (this.root as any)?.selected as RackGridCell[] | undefined\n                  const keys = (selected || [])\n                    .filter(c => (c as any)?.state?.type === 'rack-grid-cell')\n                    .map(c => c.state.cellId)\n                    .filter((k): k is string => !!k)\n                  parent.increaseLocation(keys, increasingDirection, skipNumbering, startSection, startUnit)\n                }\n              }\n            }\n          }\n        },\n        {\n          type: 'editor-table',\n          label: '',\n          name: '',\n          property: { merge: false, split: false }\n        }\n      ]\n    }\n  }\n\n  /** 3D mesh 미생성 — view mode 의 리소스 0. */\n  buildRealObject(): undefined {\n    return undefined\n  }\n\n  // ── Domain getters ────────────────────────────────────\n\n  get isEmpty(): boolean {\n    return !!this.getState('isEmpty')\n  }\n\n  get border(): any {\n    return this.state.border || EMPTY_BORDER\n  }\n\n  set merged(v: boolean) {\n    this.set('merged', !!v)\n    if (v) this.set('text', '')\n  }\n  get merged(): boolean {\n    return !!this.getState('merged')\n  }\n\n  set rowspan(v: number) { this.set('rowspan', v) }\n  get rowspan(): number { return (this.getState('rowspan') as number) ?? 1 }\n\n  set colspan(v: number) { this.set('colspan', v) }\n  get colspan(): number { return (this.getState('colspan') as number) ?? 1 }\n\n  /** Parent (RackGrid) 안에서 자기 (col, row) 인덱스 — components 순서 = row * columns + col. */\n  get index(): { row: number; column: number } {\n    const parent = this.parent as any\n    if (!parent) return { row: 0, column: 0 }\n    const idx = parent.components.indexOf(this)\n    const cols = parent.columns ?? 1\n    return { row: Math.floor(idx / cols), column: idx % cols }\n  }\n\n  get rowIndex(): number { return this.index.row }\n  get columnIndex(): number { return this.index.column }\n\n  get rowCells(): Component[] {\n    const parent = this.parent as any\n    return parent?.getCellsByRow?.(this.rowIndex) ?? []\n  }\n  get columnCells(): Component[] {\n    const parent = this.parent as any\n    return parent?.getCellsByColumn?.(this.columnIndex) ?? []\n  }\n  get notEmptyRowCells(): Component[] {\n    return this.rowCells.filter(c => !(c as any).getState?.('isEmpty'))\n  }\n  get isAisle(): boolean {\n    return this.notEmptyRowCells.length === 0\n  }\n\n  // ── Lifecycle ─────────────────────────────────────────\n\n  onchange(after: Properties, _before: Properties) {\n    if (hasAnyProperty(after, 'isEmpty')) {\n      // isEmpty 토글 시 section/unit 클리어 (rack-table-cell 동작)\n      delete this.model.unit\n      delete this.model.section\n    }\n    // Parent 의 location index 무효화 (RackGrid 가 onchange 다시 안 받으므로 자식이 알림)\n    const parent: any = this.parent\n    parent?.invalidateLocationIndex?.()\n  }\n\n  onmouseenter() { this.trigger('deco') }\n  onmouseleave() { this.trigger('decoreset') }\n\n  contains(x: number, y: number) {\n    const c = super.contains(x, y)\n    if (!c) {\n      this._focused = false\n      this.invalidate()\n    }\n    return c\n  }\n\n  // ── 2D rendering (modeling editor) ────────────────────\n  //\n  // *view mode* (= app.isViewMode) 면 안 그림 — *configuration storage 만*. modeling\n  // 시에만 사각형 + border + isEmpty 패턴 시각화.\n\n  render(context: CanvasRenderingContext2D) {\n    if ((this as any).app?.isViewMode) return\n\n    const { left, top, width, height } = this.bounds\n    const { isEmpty } = this.state\n    const border = this.border\n\n    if (isEmpty) {\n      // 빈 cell — 회색 fill + 대각선\n      context.save()\n      context.fillStyle = EMPTY_CELL_FILL\n      context.fillRect(left, top, width, height)\n      context.strokeStyle = EMPTY_CELL_STROKE\n      context.lineWidth = 1\n      context.beginPath()\n      context.moveTo(left, top); context.lineTo(left + width, top + height)\n      context.moveTo(left + width, top); context.lineTo(left, top + height)\n      context.stroke()\n      context.restore()\n    }\n\n    // 명시적 cell 영역 표시 (border default — 자식 cell 의 미니 frame)\n    context.beginPath()\n    context.lineWidth = 0\n    context.rect(left, top, width, height)\n\n    const parent = this.parent as any\n    const idx = parent?.components?.indexOf?.(this) ?? 0\n    const columns = parent?.columns ?? 1\n    const rows = parent?.rackRows ?? 1\n\n    this._drawSide(context, left, top, left + width, top, border.top)\n    this._drawSide(context, left, top + height, left, top, border.left)\n    if (isRightMost(idx, rows, columns)) {\n      this._drawSide(context, left + width, top, left + width, top + height, border.right)\n    }\n    if (isBottomMost(idx, rows, columns)) {\n      this._drawSide(context, left + width, top + height, left, top + height, border.bottom)\n    }\n  }\n\n  private _drawSide(ctx: CanvasRenderingContext2D, x: number, y: number, tx: number, ty: number, style: any) {\n    if (!style?.strokeStyle || !style.lineWidth) return\n    ctx.beginPath()\n    ctx.moveTo(x, y)\n    ctx.lineTo(tx, ty)\n    Component.drawStroke(ctx, style)\n  }\n}\n\n;['border'].forEach(g => Component.memoize(RackGridCell.prototype, g, false))\n"]}