@things-factory/ops-master 10.1.33 → 10.1.35

package/dist-client/index.d.ts

@@ -1,4 +1,5 @@
 export * from './pages/master/master-page-base';
+export * from './master-change-approval';
 export * from './pages/master/personnel-class';
 export * from './pages/master/person';
 export * from './pages/master/equipment-class';

package/dist-client/index.js

@@ -2,6 +2,7 @@
  * 마스터 화면은 축마다 하나다 — 이유는 pages/master/master-page-base.ts 에 적었다.
  */
 export * from './pages/master/master-page-base';
+export * from './master-change-approval';
 export * from './pages/master/personnel-class';
 export * from './pages/master/person';
 export * from './pages/master/equipment-class';

package/dist-client/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,iCAAiC,CAAA;AAC/C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,qCAAqC,CAAA;AACnD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,oCAAoC,CAAA;AAClD,cAAc,qCAAqC,CAAA;AACnD,cAAc,qCAAqC,CAAA;AACnD,cAAc,mCAAmC,CAAA;AACjD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,kCAAkC,CAAA","sourcesContent":["/*\n * 마스터 화면은 축마다 하나다 — 이유는 pages/master/master-page-base.ts 에 적었다.\n */\nexport * from './pages/master/master-page-base'\nexport * from './pages/master/personnel-class'\nexport * from './pages/master/person'\nexport * from './pages/master/equipment-class'\nexport * from './pages/master/equipment'\nexport * from './pages/master/stop-reason'\nexport * from './pages/master/physical-asset-class'\nexport * from './pages/master/physical-asset'\nexport * from './pages/master/material-class'\nexport * from './pages/master/material-definition'\nexport * from './pages/master/operational-location'\nexport * from './pages/master/operation-definition'\nexport * from './pages/master/test-specification'\nexport * from './pages/master/route-definition'\nexport * from './pages/master/recipe-definition'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,qCAAqC,CAAA;AACnD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,oCAAoC,CAAA;AAClD,cAAc,qCAAqC,CAAA;AACnD,cAAc,qCAAqC,CAAA;AACnD,cAAc,mCAAmC,CAAA;AACjD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,kCAAkC,CAAA","sourcesContent":["/*\n * 마스터 화면은 축마다 하나다 — 이유는 pages/master/master-page-base.ts 에 적었다.\n */\nexport * from './pages/master/master-page-base'\nexport * from './master-change-approval'\nexport * from './pages/master/personnel-class'\nexport * from './pages/master/person'\nexport * from './pages/master/equipment-class'\nexport * from './pages/master/equipment'\nexport * from './pages/master/stop-reason'\nexport * from './pages/master/physical-asset-class'\nexport * from './pages/master/physical-asset'\nexport * from './pages/master/material-class'\nexport * from './pages/master/material-definition'\nexport * from './pages/master/operational-location'\nexport * from './pages/master/operation-definition'\nexport * from './pages/master/test-specification'\nexport * from './pages/master/route-definition'\nexport * from './pages/master/recipe-definition'\n"]}

package/dist-client/master-change-approval.d.ts

@@ -0,0 +1,14 @@
+export interface MasterChangeApprovalRequest {
+    axis: string;
+    revisionId: string;
+    editGeneration: number;
+}
+export interface MasterChangeStatus {
+    state: 'pending' | 'approved' | 'rejected' | 'aborted' | 'unknown';
+    comment?: string;
+    who?: string;
+    open?: () => void;
+}
+export declare function masterChangeStatus(target: EventTarget, activityInstanceId: string): Promise<MasterChangeStatus>;
+/** Products handle this event; the common editor never knows a product mutation name. */
+export declare function requestMasterChangeApproval(target: EventTarget, request: MasterChangeApprovalRequest): Promise<unknown>;

package/dist-client/master-change-approval.js

@@ -0,0 +1,36 @@
+export async function masterChangeStatus(target, activityInstanceId) {
+    let response;
+    target.dispatchEvent(new CustomEvent('master-change-status', {
+        bubbles: true,
+        composed: true,
+        detail: {
+            activityInstanceId,
+            respondWith(value) {
+                if (response)
+                    throw new Error('Duplicate status provider');
+                response = value;
+            }
+        }
+    }));
+    return response ?? { state: 'unknown' };
+}
+/** Products handle this event; the common editor never knows a product mutation name. */
+export async function requestMasterChangeApproval(target, request) {
+    let response;
+    target.dispatchEvent(new CustomEvent('master-change-approval', {
+        bubbles: true,
+        composed: true,
+        detail: {
+            ...request,
+            respondWith(value) {
+                if (response)
+                    throw new Error('A master change approval request already has a handler.');
+                response = value;
+            }
+        }
+    }));
+    if (!response)
+        throw new Error('This product has not registered an approval handler for this master axis.');
+    return response;
+}
+//# sourceMappingURL=master-change-approval.js.map

package/dist-client/master-change-approval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"master-change-approval.js","sourceRoot":"","sources":["../client/master-change-approval.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,MAAmB,EAAE,kBAA0B;IACtF,IAAI,QAAiD,CAAA;IACrD,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,sBAAsB,EAAE;QACtC,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE;YACN,kBAAkB;YAClB,WAAW,CAAC,KAAkC;gBAC5C,IAAI,QAAQ;oBAAE,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAA;gBAC1D,QAAQ,GAAG,KAAK,CAAA;YAClB,CAAC;SACF;KACF,CAAC,CACH,CAAA;IACD,OAAO,QAAQ,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAA;AACzC,CAAC;AAED,yFAAyF;AACzF,MAAM,CAAC,KAAK,UAAU,2BAA2B,CAC/C,MAAmB,EACnB,OAAoC;IAEpC,IAAI,QAAsC,CAAA;IAC1C,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,wBAAwB,EAAE;QACxC,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE;YACN,GAAG,OAAO;YACV,WAAW,CAAC,KAAuB;gBACjC,IAAI,QAAQ;oBAAE,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAA;gBACxF,QAAQ,GAAG,KAAK,CAAA;YAClB,CAAC;SACF;KACF,CAAC,CACH,CAAA;IACD,IAAI,CAAC,QAAQ;QAAE,MAAM,IAAI,KAAK,CAAC,2EAA2E,CAAC,CAAA;IAC3G,OAAO,QAAQ,CAAA;AACjB,CAAC","sourcesContent":["export interface MasterChangeApprovalRequest {\n  axis: string\n  revisionId: string\n  editGeneration: number\n}\n\nexport interface MasterChangeStatus {\n  state: 'pending' | 'approved' | 'rejected' | 'aborted' | 'unknown'\n  comment?: string\n  who?: string\n  open?: () => void\n}\nexport async function masterChangeStatus(target: EventTarget, activityInstanceId: string): Promise<MasterChangeStatus> {\n  let response: Promise<MasterChangeStatus> | undefined\n  target.dispatchEvent(\n    new CustomEvent('master-change-status', {\n      bubbles: true,\n      composed: true,\n      detail: {\n        activityInstanceId,\n        respondWith(value: Promise<MasterChangeStatus>) {\n          if (response) throw new Error('Duplicate status provider')\n          response = value\n        }\n      }\n    })\n  )\n  return response ?? { state: 'unknown' }\n}\n\n/** Products handle this event; the common editor never knows a product mutation name. */\nexport async function requestMasterChangeApproval(\n  target: EventTarget,\n  request: MasterChangeApprovalRequest\n): Promise<unknown> {\n  let response: Promise<unknown> | undefined\n  target.dispatchEvent(\n    new CustomEvent('master-change-approval', {\n      bubbles: true,\n      composed: true,\n      detail: {\n        ...request,\n        respondWith(value: Promise<unknown>) {\n          if (response) throw new Error('A master change approval request already has a handler.')\n          response = value\n        }\n      }\n    })\n  )\n  if (!response) throw new Error('This product has not registered an approval handler for this master axis.')\n  return response\n}\n"]}

package/dist-client/pages/master/material-definition.d.ts

@@ -1,12 +1,5 @@
-import { MasterPageBase, MasterSpec } from './master-page-base.js';
-/**
- * 만들고 쓰는 것 하나하나 — 완제품 · 반제품 · 원자재.
- *
- * 작업지시가 「무엇을 얼마나」에서 이것을 가리키고, 레시피가 무엇으로 만드는지를 정한다.
- *
- * 화면 골격과 저장은 MasterPageBase 가 갖는다. 이 파일은 **이 화면이 무엇을 보이나**만 말한다 —
- * 자기 인터페이스가 필요해지면 여기서 render 를 덮어쓴다.
- */
-export declare class OpsMasterMaterialDefinition extends MasterPageBase {
-    protected get spec(): MasterSpec;
+import { RevisionWorkspace } from './revision-workspace.js';
+import { RevisionAxis } from './revision-view.js';
+export declare class OpsMasterMaterialDefinition extends RevisionWorkspace {
+    protected axis: RevisionAxis;
 }

package/dist-client/pages/master/material-definition.js

@@ -1,58 +1,10 @@
 import { __decorate } from "tslib";
 import { customElement } from 'lit/decorators.js';
-import { EFFECTIVE, IDENTITY, MasterPageBase } from './master-page-base.js';
-/**
- * 만들고 쓰는 것 하나하나 — 완제품 · 반제품 · 원자재.
- *
- * 작업지시가 「무엇을 얼마나」에서 이것을 가리키고, 레시피가 무엇으로 만드는지를 정한다.
- *
- * 화면 골격과 저장은 MasterPageBase 가 갖는다. 이 파일은 **이 화면이 무엇을 보이나**만 말한다 —
- * 자기 인터페이스가 필요해지면 여기서 render 를 덮어쓴다.
- */
-let OpsMasterMaterialDefinition = class OpsMasterMaterialDefinition extends MasterPageBase {
-    get spec() {
-        return {
-            key: 'materialDefinition',
-            title: 'material',
-            help: 'ops-master/material-definition',
-            query: 'materialDefinitions',
-            mutation: 'updateMultipleMaterialDefinition',
-            columns: [
-                ...IDENTITY,
-                /*
-                 * ── 무엇인가 ──────────────────────────────────────────────────────
-                 *
-                 * 「이 품목이 완제품인가 · 반제품인가 · 원재료인가」. 전에는 등급 이름 `MC-ECU-MECH` 만
-                 * 있어서, 그것이 원재료라는 것을 사람이 외우고 있어야 했다.
-                 *
-                 * 이 두 칸은 새 축이 아니라 **등급 상속을 걸어서 낸 것**이다. ISA-95 에는 그 구분을 담는
-                 * 전용 요소가 없고 표준이 그것을 두는 자리가 등급이다. 그래서 값의 주인은 등급이고, 여기서
-                 * 고칠 수 없다 — 유형을 바꾸려면 등급 화면에서 상위 등급을 바꾼다.
-                 *
-                 * 유형이 둘 이상 나오면 그대로 둘을 보인다. 「완제품이면서 원재료」는 등급이 잘못 얽혔다는
-                 * 뜻이고, 하나로 줄여 보이면 그 잘못이 화면에서 사라진다.
-                 */
-                { name: 'rootClasses', label: 'material-type', type: 'list', width: 110, readonly: true },
-                { name: 'classPath', label: 'class-lineage', type: 'list', width: 220, readonly: true },
-                { name: 'materialClassIds', label: 'material-classes', type: 'reference-list', reference: { queryName: 'materialClasses' }, width: 180 },
-                /*
-                 * ── BOM 으로 가는 문 ──────────────────────────────────────────────
-                 *
-                 * BOM 은 제조법에 있는데 이 화면에서 거기로 가는 문이 없었다. 완제품 한 줄을 보면서 「이 한
-                 * 대에 무엇이 들어가나」를 물을 수 없었다 — 제조법 화면을 따로 열고 이름으로 찾아야 했다.
-                 *
-                 * 「만드는 제조법」이 그 문이고, 「쓰이는 제조법」이 역전개다 — 이 나사를 바꾸면 무엇이 영향을
-                 * 받는지가 거기 있다.
-                 *
-                 * 둘 다 목록이다. 하나로 줄이면 같은 품목을 다른 라우팅으로 만드는 경우가 오류보고없이 사라진다.
-                 * 고칠 수 있는 칸이 아니다 — 이 값의 주인은 제조법이다.
-                 */
-                { name: 'madeBy', label: 'made-by', type: 'list', width: 180, readonly: true },
-                { name: 'usedIn', label: 'used-in', type: 'list', width: 200, readonly: true },
-                { name: 'properties', label: 'properties', type: 'json', width: 240 },
-                ...EFFECTIVE
-            ]
-        };
+import { RevisionWorkspace } from './revision-workspace.js';
+let OpsMasterMaterialDefinition = class OpsMasterMaterialDefinition extends RevisionWorkspace {
+    constructor() {
+        super(...arguments);
+        this.axis = 'materialDefinition';
     }
 };
 OpsMasterMaterialDefinition = __decorate([

package/dist-client/pages/master/material-definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-definition.js","sourceRoot":"","sources":["../../../client/pages/master/material-definition.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAc,MAAM,uBAAuB,CAAA;AAEvF;;;;;;;GAOG;AAEI,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,cAAc;IAC7D,IAAc,IAAI;QAChB,OAAO;YACL,GAAG,EAAE,oBAAoB;YACzB,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,gCAAgC;YACtC,KAAK,EAAE,qBAAqB;YAC5B,QAAQ,EAAE,kCAAkC;YAC5C,OAAO,EAAE;gBACP,GAAG,QAAQ;gBACX;;;;;;;;;;;;mBAYG;gBACH,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACzF,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;gBACvF,EAAE,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;gBACxI;;;;;;;;;;;mBAWG;gBACH,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAC9E,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAC9E,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;gBACrE,GAAG,SAAS;aACb;SACF,CAAA;IACH,CAAC;CACF,CAAA;AA7CY,2BAA2B;IADvC,aAAa,CAAC,gCAAgC,CAAC;GACnC,2BAA2B,CA6CvC","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { EFFECTIVE, IDENTITY, MasterPageBase, MasterSpec } from './master-page-base.js'\n\n/**\n * 만들고 쓰는 것 하나하나 — 완제품 · 반제품 · 원자재.\n *\n * 작업지시가 「무엇을 얼마나」에서 이것을 가리키고, 레시피가 무엇으로 만드는지를 정한다.\n *\n * 화면 골격과 저장은 MasterPageBase 가 갖는다. 이 파일은 **이 화면이 무엇을 보이나**만 말한다 —\n * 자기 인터페이스가 필요해지면 여기서 render 를 덮어쓴다.\n */\n@customElement('ops-master-material-definition')\nexport class OpsMasterMaterialDefinition extends MasterPageBase {\n  protected get spec(): MasterSpec {\n    return {\n      key: 'materialDefinition',\n      title: 'material',\n      help: 'ops-master/material-definition',\n      query: 'materialDefinitions',\n      mutation: 'updateMultipleMaterialDefinition',\n      columns: [\n        ...IDENTITY,\n        /*\n         * ── 무엇인가 ──────────────────────────────────────────────────────\n         *\n         * 「이 품목이 완제품인가 · 반제품인가 · 원재료인가」. 전에는 등급 이름 `MC-ECU-MECH` 만\n         * 있어서, 그것이 원재료라는 것을 사람이 외우고 있어야 했다.\n         *\n         * 이 두 칸은 새 축이 아니라 **등급 상속을 걸어서 낸 것**이다. ISA-95 에는 그 구분을 담는\n         * 전용 요소가 없고 표준이 그것을 두는 자리가 등급이다. 그래서 값의 주인은 등급이고, 여기서\n         * 고칠 수 없다 — 유형을 바꾸려면 등급 화면에서 상위 등급을 바꾼다.\n         *\n         * 유형이 둘 이상 나오면 그대로 둘을 보인다. 「완제품이면서 원재료」는 등급이 잘못 얽혔다는\n         * 뜻이고, 하나로 줄여 보이면 그 잘못이 화면에서 사라진다.\n         */\n        { name: 'rootClasses', label: 'material-type', type: 'list', width: 110, readonly: true },\n        { name: 'classPath', label: 'class-lineage', type: 'list', width: 220, readonly: true },\n        { name: 'materialClassIds', label: 'material-classes', type: 'reference-list', reference: { queryName: 'materialClasses' }, width: 180 },\n        /*\n         * ── BOM 으로 가는 문 ──────────────────────────────────────────────\n         *\n         * BOM 은 제조법에 있는데 이 화면에서 거기로 가는 문이 없었다. 완제품 한 줄을 보면서 「이 한\n         * 대에 무엇이 들어가나」를 물을 수 없었다 — 제조법 화면을 따로 열고 이름으로 찾아야 했다.\n         *\n         * 「만드는 제조법」이 그 문이고, 「쓰이는 제조법」이 역전개다 — 이 나사를 바꾸면 무엇이 영향을\n         * 받는지가 거기 있다.\n         *\n         * 둘 다 목록이다. 하나로 줄이면 같은 품목을 다른 라우팅으로 만드는 경우가 오류보고없이 사라진다.\n         * 고칠 수 있는 칸이 아니다 — 이 값의 주인은 제조법이다.\n         */\n        { name: 'madeBy', label: 'made-by', type: 'list', width: 180, readonly: true },\n        { name: 'usedIn', label: 'used-in', type: 'list', width: 200, readonly: true },\n        { name: 'properties', label: 'properties', type: 'json', width: 240 },\n        ...EFFECTIVE\n      ]\n    }\n  }\n}\n"]}
+{"version":3,"file":"material-definition.js","sourceRoot":"","sources":["../../../client/pages/master/material-definition.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAIpD,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,iBAAiB;IAA3D;;QACK,SAAI,GAAiB,oBAAoB,CAAA;IACrD,CAAC;CAAA,CAAA;AAFY,2BAA2B;IADvC,aAAa,CAAC,gCAAgC,CAAC;GACnC,2BAA2B,CAEvC","sourcesContent":["import { customElement } from 'lit/decorators.js'\nimport { RevisionWorkspace } from './revision-workspace.js'\nimport { RevisionAxis } from './revision-view.js'\n\n@customElement('ops-master-material-definition')\nexport class OpsMasterMaterialDefinition extends RevisionWorkspace {\n  protected axis: RevisionAxis = 'materialDefinition'\n}\n"]}

package/dist-client/pages/master/material-revision-fields.d.ts

@@ -0,0 +1,2 @@
+/** Shared structured contents for editing, approval and the immutable 360 snapshot. */
+export declare function materialRevisionFields(value: any, change?: (field: string, value: any) => void): import("lit-html").TemplateResult<1>;

package/dist-client/pages/master/material-revision-fields.js

@@ -0,0 +1,43 @@
+import { html, nothing } from 'lit';
+import { i18next } from '@operato/i18n';
+const t = (key) => i18next.t('revision-ui.' + key);
+/** Shared structured contents for editing, approval and the immutable 360 snapshot. */
+export function materialRevisionFields(value, change) {
+    const editable = !!change;
+    const properties = (rows, set, depth = 0) => html `
+    ${(rows ?? []).map((row, index) => html `<fieldset class="material-property">
+      <legend>${row.description || (row.id === 'perBaseUnit' ? t('unit-conversion') : row.id) || t('new-property')}</legend>
+      ${!editable ? html `<dl class="material-property-values">
+        <dt>${t('value')}</dt><dd>${row.value ?? '—'} ${row.uom ?? ''}</dd>
+      </dl><details><summary>${t('property-definition')}</summary>
+        <dl class="material-property-values">${['id', 'description', 'dataType', 'classPropertyId', 'source'].filter(field => row[field] != null && row[field] !== '').map(field => html `<dt>${t(field)}</dt><dd>${row[field]}</dd>`)}</dl>
+      </details>` : html `<div class="fields">
+        ${['id', 'description', 'value', 'uom', 'dataType', 'classPropertyId', 'source'].map(field => html `<label>
+          ${t(field)}
+          ${editable ? html `<input .value=${String(row[field] ?? '')} ?required=${field === 'id'}
+            @input=${(e) => {
+        const text = e.target.value;
+        const updated = { ...row, [field]: text };
+        if (field !== 'id' && !text)
+            delete updated[field];
+        set(rows.map((r, i) => i === index ? updated : r));
+    }} />` : html `<span>${row[field] ?? '—'}</span>`}
+        </label>`)}
+      </div>`}
+      ${row.children?.length ? properties(row.children, children => set(rows.map((r, i) => i === index ? { ...r, children } : r)), depth + 1) : nothing}
+      ${editable ? html `<button @click=${() => set(rows.filter((_, i) => i !== index))}>${t('remove')}</button>
+        <button ?disabled=${depth >= 31} @click=${() => set(rows.map((r, i) => i === index ? { ...r, children: [...(r.children ?? []), { id: '', value: '' }] } : r))}>${t('add-child-property')}</button>` : nothing}
+    </fieldset>`)}
+    ${editable ? html `<button @click=${() => set([...(rows ?? []), { id: '', value: '' }])}>${t('add-property')}</button>` : nothing}`;
+    return html `
+    ${['materialClassIds', 'testSpecificationIds'].map(field => html `<h3>${t(field)}</h3>
+      ${(value[field] ?? []).map((name, index) => html `<div class="bar">
+        ${editable ? html `<input required aria-label=${t(field) + ' ' + (index + 1)} .value=${name}
+          @input=${(e) => change(field, value[field].map((v, i) => i === index ? e.target.value : v))} />
+          <button @click=${() => change(field, value[field].filter((_, i) => i !== index))}>${t('remove')}</button>` : html `<span>${name}</span>`}
+      </div>`)}
+      ${editable ? html `<button @click=${() => change(field, [...(value[field] ?? []), ''])}>${t('add-reference')}</button>` : nothing}`)}
+    <h3>${t('properties')}</h3>
+    ${properties(value.properties ?? [], rows => change?.('properties', rows))}`;
+}
+//# sourceMappingURL=material-revision-fields.js.map

package/dist-client/pages/master/material-revision-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-revision-fields.js","sourceRoot":"","sources":["../../../client/pages/master/material-revision-fields.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit'\nimport { i18next } from '@operato/i18n'\n\nconst t = (key: string) => i18next.t('revision-ui.' + key)\n\n/** Shared structured contents for editing, approval and the immutable 360 snapshot. */\nexport function materialRevisionFields(value: any, change?: (field: string, value: any) => void) {\n  const editable = !!change\n  const properties = (rows: any[], set: (rows: any[]) => void, depth = 0): any => html`\n    ${(rows ?? []).map((row, index) => html`<fieldset class=\"material-property\">\n      <legend>${row.description || (row.id === 'perBaseUnit' ? t('unit-conversion') : row.id) || t('new-property')}</legend>\n      ${!editable ? html`<dl class=\"material-property-values\">\n        <dt>${t('value')}</dt><dd>${row.value ?? '—'} ${row.uom ?? ''}</dd>\n      </dl><details><summary>${t('property-definition')}</summary>\n        <dl class=\"material-property-values\">${['id', 'description', 'dataType', 'classPropertyId', 'source'].filter(field => row[field] != null && row[field] !== '').map(field => html`<dt>${t(field)}</dt><dd>${row[field]}</dd>`)}</dl>\n      </details>` : html`<div class=\"fields\">\n        ${['id', 'description', 'value', 'uom', 'dataType', 'classPropertyId', 'source'].map(field => html`<label>\n          ${t(field)}\n          ${editable ? html`<input .value=${String(row[field] ?? '')} ?required=${field === 'id'}\n            @input=${(e: Event) => {\n              const text = (e.target as HTMLInputElement).value\n              const updated = { ...row, [field]: text }\n              if (field !== 'id' && !text) delete updated[field]\n              set(rows.map((r, i) => i === index ? updated : r))\n            }} />` : html`<span>${row[field] ?? '—'}</span>`}\n        </label>`)}\n      </div>`}\n      ${row.children?.length ? properties(row.children, children => set(rows.map((r, i) => i === index ? { ...r, children } : r)), depth + 1) : nothing}\n      ${editable ? html`<button @click=${() => set(rows.filter((_, i) => i !== index))}>${t('remove')}</button>\n        <button ?disabled=${depth >= 31} @click=${() => set(rows.map((r, i) => i === index ? { ...r, children: [...(r.children ?? []), { id: '', value: '' }] } : r))}>${t('add-child-property')}</button>` : nothing}\n    </fieldset>`)}\n    ${editable ? html`<button @click=${() => set([...(rows ?? []), { id: '', value: '' }])}>${t('add-property')}</button>` : nothing}`\n  return html`\n    ${['materialClassIds', 'testSpecificationIds'].map(field => html`<h3>${t(field)}</h3>\n      ${(value[field] ?? []).map((name: string, index: number) => html`<div class=\"bar\">\n        ${editable ? html`<input required aria-label=${t(field) + ' ' + (index + 1)} .value=${name}\n          @input=${(e: Event) => change!(field, value[field].map((v: string, i: number) => i === index ? (e.target as HTMLInputElement).value : v))} />\n          <button @click=${() => change!(field, value[field].filter((_: string, i: number) => i !== index))}>${t('remove')}</button>` : html`<span>${name}</span>`}\n      </div>`)}\n      ${editable ? html`<button @click=${() => change!(field, [...(value[field] ?? []), ''])}>${t('add-reference')}</button>` : nothing}`)}\n    <h3>${t('properties')}</h3>\n    ${properties(value.properties ?? [], rows => change?.('properties', rows))}`\n}\n"]}

package/dist-client/pages/master/recipe-definition.d.ts

@@ -1,136 +1,5 @@
-import { FetchOption } from '@operato/data-grist';
-import { MasterPageBase, MasterSpec } from './master-page-base.js';
-/** 투입 · 산출 한 줄 — 무엇을 얼마나, 그리고 어느 공정에서. */
-type RecipePart = {
-    material?: string;
-    qty?: number;
-    operation?: string;
-};
-/**
- * 제조법 — **BOM 이 사는 자리.**
- *
- * ── 왜 이 화면이 있어야 하나 ───────────────────────────────────────────────
- * 서버에는 축도 목록 질의도 수정 연산도 있는데 **화면이 없었다.** 그래서 「이 완제품 한 대에 무엇이
- * 몇 개 들어가나」를 제품 안에서 볼 길이 없었다. 품목 화면은 이름과 등급과 유효기간만 보이고,
- * 소요는 여기 있는데 여기로 오는 문이 없었다.
- *
- * ── 왜 두 단인가 ───────────────────────────────────────────────────────────
- * 레시피 하나의 투입이 마흔아홉 줄이다(군산 ECU). 그것을 레시피 목록의 한 칸에 넣으면 아무것도
- * 읽을 수 없고, 레시피와 투입을 한 표에 섞으면 **무엇이 레시피이고 무엇이 그 안의 줄인지** 사라진다.
- *
- * 그래서 로케이션과 같은 결로 둔다 — 목록에서 하나를 고르면 그 안으로 들어가고, 어디에 있는지는
- * 빵가루가 말한다. **자리의 주인은 URL 이다**(`pageUpdated`). 그래야 붙여 보낼 수 있고, 뒤로 가기가
- * 한 단 올라가고, 새로 고쳐도 그 자리에 남는다.
- *
- * ── 투입 자재를 여기서 고친다 ──────────────────────────────────────────────
- * 안에 들어가면 그 레시피의 투입이 줄로 선다. 고치면 **레시피 한 건의 `inputs` 를 통째로 다시 쓴다** —
- * `RecipePart` 는 자기 식별자가 없어서 줄 단위로 저장할 수 없다. 그래서 저장은 언제나 그 레시피
- * 하나에 대한 한 번의 쓰기다.
- *
- * ── 무엇을 만드는가는 고정 칸이다 ──────────────────────────────────────────
- * `materialDefinitionName` 이 이 레시피가 만드는 품목이고, `route` 가 그것이 타고 갈 라우팅이다. 이
- * 둘이 **품목과 라우팅을 잇는 유일한 자리**다 — 품목에서 라우팅으로 바로 가는 길은 없고, 있어서도 안 된다.
- * 같은 품목을 다른 라우팅으로 만드는 일이 있기 때문이다(라인 증설 · 시제품).
- */
-export declare class OpsMasterRecipeDefinition extends MasterPageBase {
-    static styles: import("lit").CSSResult[];
-    /**
-     * 지금 열어 본 레시피. 비어 있으면 목록을 보고 있다.
-     *
-     * **이 값의 주인은 URL 이다.** 여기 직접 넣지 않는다 — `enter` 는 주소만 바꾸고, 바뀐 주소를
-     * `pageUpdated` 가 받아 이 값을 다시 세운다.
-     */
-    private opened?;
-    protected get spec(): MasterSpec;
-    /** 레시피 목록 — 무엇을 만드나 · 어느 라우팅으로 · 투입이 몇 줄인가. */
-    private listSpec;
-    /**
-     * 이 제조법에 들어가는 자재들 — 안으로 들어왔을 때의 표.
-     *
-     * 저장은 이 화면이 스스로 한다(`save` 를 덮어쓴다). `key` 와 `mutation` 은 그대로 두어 화면
-     * 골격이 같은 축을 가리키게 한다.
-     */
-    /**
-     * 「투입 자재」 칸을 목록에 끼운다 — **스펙이 아니라 여기서.**
-     *
-     * `MasterColumn` 은 렌더러를 모르는 좁은 타입이다. 자리 화면도 같은 이유로 여기서 끼운다
-     * (`operational-location` 의 `configOf`). 스펙에 억지로 넣으면 타입을 속여야 하고, 그러면 다음
-     * 사람이 스펙에 무엇을 넣을 수 있는지 알 수 없게 된다.
-     */
-    protected configOf(): any;
-    /**
-     * ── 개수는 **문이다.** 죽은 숫자가 아니다 ───────────────────────────────
-     *
-     * 처음에는 그냥 못 고치는 숫자였다. 사용자가 물었다(2026-09-05): 「이게 뭐고 왜 편집이 안 되나」.
-     * 둘 다 맞는 물음이었다 — 고칠 수 없는 칸이 **왜** 고칠 수 없는지 화면이 말하지 않으면, 보는
-     * 사람은 그것을 망가진 칸으로 읽는다.
-     *
-     * 이 수는 값이 아니라 안에 든 것의 수다. 바꾸려면 안에 들어가 자재를 더하거나 빼야 한다. 그러니
-     * 그 길을 이 칸이 직접 내야 한다 — 자리 화면의 「하위」가 이미 그렇게 한다.
-     *
-     * ```
-     * 투입 자재
-     *  3 ›     셋이 들어간다. 누르면 그리로 간다
-     *  ―       아직 안 정했다. 누를 데가 없다
-     * ```
-     */
-    private inputsColumn;
-    private partsSpec;
-    protected get pathSegmentNarrowsList(): boolean;
-    pageInitialized(): Promise<void>;
-    pageUpdated(changes: any, after: any, before: any): Promise<void>;
-    /** 주소가 가리키는 레시피를 연다. 없으면 목록이다. */
-    private syncOpened;
-    /** 레시피 하나를 찾는다. 아이디로 찾고, 없으면 이름으로 찾는다 — 주소에는 사람이 읽는 이름이 온다. */
-    private lookup;
-    /** 레시피 자체를 읽는다 — 안에 들어와 있어도 이 질의는 레시피를 본다. */
-    private fetchRecipes;
-    /**
-     * 목록일 때는 레시피를, 안에서는 그 레시피의 투입과 산출을 낸다.
-     *
-     * **투입 자재 줄에는 서버가 준 식별자가 없다.** `RecipePart` 는 자기 아이디가 없어서, 화면이 순번으로
-     * 만들어 준다 — 그 값은 저장할 때 쓰지 않고 표가 줄을 가리키는 데만 쓴다.
-     */
-    fetchHandler(option: FetchOption): Promise<{
-        total: number;
-        records: {
-            inputCount: number;
-            id: string;
-            name: string;
-            materialDefinitionName?: string;
-            route?: string;
-            inputs?: RecipePart[];
-            outputs?: RecipePart[];
-        }[];
-    } | {
-        total: number;
-        records: {
-            material?: string;
-            qty?: number;
-            operation?: string;
-            id: string;
-            kind: string;
-        }[];
-    }>;
-    protected renderScope(): import("lit-html").TemplateResult<1>;
-    /**
-     * 그 레시피로 들어간다. `null` 이면 목록으로 돌아간다.
-     *
-     * **주소만 바꾼다.** 셸이 주소를 물고 `pageUpdated` 를 부르고, 거기서 하나로 다시 선다.
-     */
-    private enter;
-    /**
-     * 저장 — **투입 자재 줄에는 자기 식별자가 없다.**
-     *
-     * `RecipePart` 는 아이디를 갖지 않아서 줄 단위로 저장할 수 없다. 그래서 안에서 고친 것은 표에
-     * 서 있는 줄 전부를 모아 **그 레시피 한 건의 `inputs`·`outputs` 를 통째로 다시 쓴다.**
-     *
-     * 통째로 쓰는 것이 위험해 보이지만 그 반대가 더 위험하다 — 줄마다 쓰면 「셋째 줄」이 무엇인지
-     * 서버가 알 방법이 없어서, 두 사람이 같은 레시피를 고칠 때 어느 줄이 어느 줄을 덮는지 정할 수
-     * 없다. 한 번의 쓰기면 뒤엣사람이 앞엣사람의 것을 통째로 덮는 것이 눈에 보인다.
-     *
-     * 목록에서는 화면 골격의 저장을 그대로 쓴다 — 거기서는 레시피 한 줄이 곧 한 행이다.
-     */
-    protected save(): Promise<void>;
+import { RevisionWorkspace } from './revision-workspace.js';
+import { RevisionAxis } from './revision-view.js';
+export declare class OpsMasterRecipeDefinition extends RevisionWorkspace {
+    protected axis: RevisionAxis;
 }
-export {};