npm - @things-factory/ops-master - Versions diffs - 10.1.35 → 10.1.37 - Mend

@things-factory/ops-master 10.1.35 → 10.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/dist-client/bootstrap.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import './master-change-policy-panel.js';
 /**
  * 그리드 편집기 등록.
  *

package/dist-client/bootstrap.js CHANGED Viewed

@@ -1,4 +1,9 @@
+import { html } from 'lit';
+import { i18next } from '@operato/i18n';
+import { store } from '@operato/shell';
+import { ADD_SETTING } from '@things-factory/setting-base/dist-client';
 import { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist';
+import './master-change-policy-panel.js';
 import { OpsMasterGristEditorIsoDuration, OxGristRendererIsoDuration } from './pages/master/grist-iso-duration.js';
 import { OpsMasterGristEditorReference, OxGristRendererList, OxGristRendererReference } from './pages/master/grist-reference.js';
 /**
@@ -32,5 +37,26 @@ export default function bootstrap() {
      * 「P-ECU-S-0001P-ECU-S-0002」로 보였다. 고칠 것은 그리기뿐이라 편집기는 그대로 둔다.
      */
     registerGristRenderer('ops-list', OxGristRendererList);
+    /*
+     * 기준정보 변경 정책을 **테넌트 설정** 탭에 올린다.
+     *
+     * 개인 설정이 아니다 — 이 테넌트가 어느 축을 승인제로 두는가는 그 사람 취향이 아니라 이곳의 규칙이다.
+     * `scope: 'tenant'` 가 그 말을 하고, 설정 화면이 그것으로 탭을 나눈다.
+     */
+    store.dispatch({
+        type: ADD_SETTING,
+        setting: {
+            seq: 90,
+            scope: 'tenant',
+            /*
+             * 제목은 **담는 쪽이 붙인다.** 같은 표가 업무 상세에도 서고, 거기서는 그 화면이 자기 제목을
+             * 붙인다. 부품이 자기 제목을 들고 다니면 두 자리에서 제목이 두 겹이 된다.
+             */
+            template: html `<setting-let
+        ><span slot="title">${i18next.t('master-policy.title')}</span>
+        <div slot="content"><master-change-policy-panel></master-change-policy-panel></div>
+      </setting-let>`
+        }
+    });
 }
 //# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,gBAAgB,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAEtH,OAAO,EAAE,+BAA+B,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAA;AAClH,OAAO,EAAE,6BAA6B,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAEhI;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,qBAAqB,CAAC,cAAc,EAAE,0BAA0B,CAAC,CAAA;IACjE,mBAAmB,CAAC,cAAc,EAAE,+BAA+B,CAAC,CAAA;IAEpE;;;OAGG;IACH,qBAAqB,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAA;IAC5D,mBAAmB,CAAC,WAAW,EAAE,6BAA6B,CAAC,CAAA;IAE/D;;;OAGG;IACH,qBAAqB,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAA;~~AACxD~~,CAAC","sourcesContent":["import { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist'\n\nimport { OpsMasterGristEditorIsoDuration, OxGristRendererIsoDuration } from './pages/master/grist-iso-duration.js'\nimport { OpsMasterGristEditorReference, OxGristRendererList, OxGristRendererReference } from './pages/master/grist-reference.js'\n\n/*\n 그리드 편집기 등록.\n \n `select` · `json5` · `datetime` 같은 것은 data-grist 가 기본으로 등록한다.\n \n ── 왜 `duration` 이 아니라 `iso-duration` 인가 ────────────────────────────\n * `@operato/grist-editor` 에 `duration` 이 있지만 그것은 초 숫자를 받는다. 우리 칸에는\n * `PT209S` 가 들어 있어서 붙여 보니 화면이 빈 칸이었다.\n \n 그래서 같은 이름으로 우리 것을 덮어 등록해 봤더니 그것도 안 됐다. `worklist` 패키지가 같은\n * 이름으로 초 숫자용을 등록하고 있었고, 나중에 부팅한 쪽이 이긴다. 둘 다 자기가 이겼는지 모른다.\n \n 이름을 뺏는 대신 뜻이 다른 이름을 쓴다. 초 숫자와 ISO 8601 은 실제로 다른 타입이고, 이름이 그것을\n * 말해야 한다. `worklist` 의 화면은 초를 저장하는 것이 맞고 우리가 건드릴 일이 아니다.\n \n 이 등록소는 앱 전체가 한 벌을 나눠 쓴다 — 이름이 겹치면 조용히 진다. 아키텍트에게 올려 두었다.\n /\nexport default function bootstrap() {\n registerGristRenderer('iso-duration', OxGristRendererIsoDuration)\n registerGristEditor('iso-duration', OpsMasterGristEditorIsoDuration)\n\n /\n * 다른 표의 이름 하나를 골라 오는 칸. `resource-object` 와 팝업은 같고 저장하는 것이 다르다 —\n * 저쪽은 객체, 이쪽은 이름. 이름이 그것을 말해야 해서 따로 등록한다.\n /\n registerGristRenderer('reference', OxGristRendererReference)\n registerGristEditor('reference', OpsMasterGristEditorReference)\n\n /\n * 목록 칸. 기본 글자 렌더러는 배열을 구분 없이 이어 붙인다 — 두 사람이 선 자리가\n * 「P-ECU-S-0001P-ECU-S-0002」로 보였다. 고칠 것은 그리기뿐이라 편집기는 그대로 둔다.\n */\n registerGristRenderer('ops-list', OxGristRendererList)\n}\n"]}
1	+ {"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAA;AACtE,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,gBAAgB,IAAI,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAEtH,OAAO,iCAAiC,CAAA;AAExC,OAAO,EAAE,+BAA+B,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAA;AAClH,OAAO,EAAE,6BAA6B,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAEhI;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,qBAAqB,CAAC,cAAc,EAAE,0BAA0B,CAAC,CAAA;IACjE,mBAAmB,CAAC,cAAc,EAAE,+BAA+B,CAAC,CAAA;IAEpE;;;OAGG;IACH,qBAAqB,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAA;IAC5D,mBAAmB,CAAC,WAAW,EAAE,6BAA6B,CAAC,CAAA;IAE/D;;;OAGG;IACH,qBAAqB,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAA;IAEtD;;;;;OAKG;IACH,KAAK,CAAC,QAAQ,CAAC;QACb,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE;YACP,GAAG,EAAE,EAAE;YACP,KAAK,EAAE,QAAQ;YACf;;;eAGG;YACH,QAAQ,EAAE,IAAI,CAAA;8BACU,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;qBAEzC;SAChB;KACF,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import { html } from 'lit'\nimport { i18next } from '@operato/i18n'\nimport { store } from '@operato/shell'\nimport { ADD_SETTING } from '@things-factory/setting-base/dist-client'\nimport { registerEditor as registerGristEditor, registerRenderer as registerGristRenderer } from '@operato/data-grist'\n\nimport './master-change-policy-panel.js'\n\nimport { OpsMasterGristEditorIsoDuration, OxGristRendererIsoDuration } from './pages/master/grist-iso-duration.js'\nimport { OpsMasterGristEditorReference, OxGristRendererList, OxGristRendererReference } from './pages/master/grist-reference.js'\n\n/*\n 그리드 편집기 등록.\n \n `select` · `json5` · `datetime` 같은 것은 data-grist 가 기본으로 등록한다.\n \n ── 왜 `duration` 이 아니라 `iso-duration` 인가 ────────────────────────────\n * `@operato/grist-editor` 에 `duration` 이 있지만 그것은 초 숫자를 받는다. 우리 칸에는\n * `PT209S` 가 들어 있어서 붙여 보니 화면이 빈 칸이었다.\n \n 그래서 같은 이름으로 우리 것을 덮어 등록해 봤더니 그것도 안 됐다. `worklist` 패키지가 같은\n * 이름으로 초 숫자용을 등록하고 있었고, 나중에 부팅한 쪽이 이긴다. 둘 다 자기가 이겼는지 모른다.\n \n 이름을 뺏는 대신 뜻이 다른 이름을 쓴다. 초 숫자와 ISO 8601 은 실제로 다른 타입이고, 이름이 그것을\n * 말해야 한다. `worklist` 의 화면은 초를 저장하는 것이 맞고 우리가 건드릴 일이 아니다.\n \n 이 등록소는 앱 전체가 한 벌을 나눠 쓴다 — 이름이 겹치면 조용히 진다. 아키텍트에게 올려 두었다.\n /\nexport default function bootstrap() {\n registerGristRenderer('iso-duration', OxGristRendererIsoDuration)\n registerGristEditor('iso-duration', OpsMasterGristEditorIsoDuration)\n\n /\n * 다른 표의 이름 하나를 골라 오는 칸. `resource-object` 와 팝업은 같고 저장하는 것이 다르다 —\n * 저쪽은 객체, 이쪽은 이름. 이름이 그것을 말해야 해서 따로 등록한다.\n /\n registerGristRenderer('reference', OxGristRendererReference)\n registerGristEditor('reference', OpsMasterGristEditorReference)\n\n /\n * 목록 칸. 기본 글자 렌더러는 배열을 구분 없이 이어 붙인다 — 두 사람이 선 자리가\n * 「P-ECU-S-0001P-ECU-S-0002」로 보였다. 고칠 것은 그리기뿐이라 편집기는 그대로 둔다.\n /\n registerGristRenderer('ops-list', OxGristRendererList)\n\n /\n * 기준정보 변경 정책을 테넌트 설정 탭에 올린다.\n \n 개인 설정이 아니다 — 이 테넌트가 어느 축을 승인제로 두는가는 그 사람 취향이 아니라 이곳의 규칙이다.\n * `scope: 'tenant'` 가 그 말을 하고, 설정 화면이 그것으로 탭을 나눈다.\n /\n store.dispatch({\n type: ADD_SETTING,\n setting: {\n seq: 90,\n scope: 'tenant',\n /\n * 제목은 담는 쪽이 붙인다. 같은 표가 업무 상세에도 서고, 거기서는 그 화면이 자기 제목을\n * 붙인다. 부품이 자기 제목을 들고 다니면 두 자리에서 제목이 두 겹이 된다.\n */\n template: html`<setting-let\n ><span slot=\"title\">${i18next.t('master-policy.title')}</span>\n <div slot=\"content\"><master-change-policy-panel></master-change-policy-panel></div>\n </setting-let>`\n }\n })\n}\n"]}

package/dist-client/master-change-policy-axes.d.ts ADDED Viewed

@@ -0,0 +1,26 @@
+/**
+ * 어느 축을 보일 것인가.
+ *
+ * 이 표는 두 자리에 선다 — 사업장 설정에서는 **축 전부**를, 업무 상세에서는 **그 업무를 부르는
+ * 축만** 보인다. 같은 부품이 두 자리에 서면서 목록을 다르게 고르므로, 그 판단을 여기 한 벌 둔다.
+ *
+ * ── 왜 업무 쪽에서 좁히나 ──────────────────────────────────────────────────
+ * 업무 상세는 「이 업무가 어떻게 처리되나」를 끝내는 자리다. 거기에 축 열여섯을 다 펴면 이 업무와
+ * 상관없는 열다섯이 화면을 덮는다. 반대로 사업장 설정에서는 좁히면 안 된다 — 관리자는 「품목을
+ * 승인받게 하자」로 생각하지 어느 업무부터 찾자로 생각하지 않는다.
+ */
+export type PolicyAxis = {
+    axis: string;
+    declared?: boolean;
+    approvalRequired?: boolean | null;
+    reason?: string | null;
+    approvalReady?: boolean;
+    approvalActivity?: string | null;
+};
+/**
+ * `activity` 를 주면 그 업무를 부르는 축만, 안 주면 전부.
+ *
+ * 빈 글자는 「안 준 것」으로 본다 — 빈 이름으로 좁히면 **아무것도 안 걸려 빈 표**가 되고, 그것은
+ * 「이 업무를 부르는 축이 없다」와 구별되지 않는다.
+ */
+export declare function axesForActivity(axes?: PolicyAxis[] | null, activity?: string | null): PolicyAxis[];

package/dist-client/master-change-policy-axes.js ADDED Viewed

@@ -0,0 +1,18 @@
+/**
+ * `activity` 를 주면 그 업무를 부르는 축만, 안 주면 전부.
+ *
+ * 빈 글자는 「안 준 것」으로 본다 — 빈 이름으로 좁히면 **아무것도 안 걸려 빈 표**가 되고, 그것은
+ * 「이 업무를 부르는 축이 없다」와 구별되지 않는다.
+ */
+export function axesForActivity(axes, activity) {
+    const wanted = String(activity ?? '').trim();
+    if (!wanted)
+        return [...(axes ?? [])];
+    /*
+     * 양쪽을 다 다듬어 비교한다. 이름은 선언에서 온 글자이고 앞뒤 공백 하나가 붙어 오면 **그 줄만
+     * 조용히 사라진다** — 축이 없는 것과 구별되지 않는다. 심은 결함으로 확인하려다 이 자리가
+     * 한쪽만 다듬고 있는 것을 찾았다(2026-09-23).
+     */
+    return (axes ?? []).filter(one => String(one?.approvalActivity ?? '').trim() === wanted);
+}
+//# sourceMappingURL=master-change-policy-axes.js.map

package/dist-client/master-change-policy-axes.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"master-change-policy-axes.js","sourceRoot":"","sources":["../client/master-change-policy-axes.ts"],"names":[],"mappings":"AAoBA;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,IAA0B,EAAE,QAAwB;IAClF,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAA;IAE5C,IAAI,CAAC,MAAM;QAAE,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAA;IAErC;;;;OAIG;IACH,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,gBAAgB,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,MAAM,CAAC,CAAA;AAC1F,CAAC","sourcesContent":["/**\n * 어느 축을 보일 것인가.\n *\n * 이 표는 두 자리에 선다 — 사업장 설정에서는 **축 전부**를, 업무 상세에서는 **그 업무를 부르는\n * 축만** 보인다. 같은 부품이 두 자리에 서면서 목록을 다르게 고르므로, 그 판단을 여기 한 벌 둔다.\n *\n * ── 왜 업무 쪽에서 좁히나 ──────────────────────────────────────────────────\n * 업무 상세는 「이 업무가 어떻게 처리되나」를 끝내는 자리다. 거기에 축 열여섯을 다 펴면 이 업무와\n * 상관없는 열다섯이 화면을 덮는다. 반대로 사업장 설정에서는 좁히면 안 된다 — 관리자는 「품목을\n * 승인받게 하자」로 생각하지 어느 업무부터 찾자로 생각하지 않는다.\n */\nexport type PolicyAxis = {\n axis: string\n declared?: boolean\n approvalRequired?: boolean | null\n reason?: string | null\n approvalReady?: boolean\n approvalActivity?: string | null\n}\n\n/**\n * `activity` 를 주면 그 업무를 부르는 축만, 안 주면 전부.\n *\n * 빈 글자는 「안 준 것」으로 본다 — 빈 이름으로 좁히면 **아무것도 안 걸려 빈 표**가 되고, 그것은\n * 「이 업무를 부르는 축이 없다」와 구별되지 않는다.\n */\nexport function axesForActivity(axes?: PolicyAxis[] | null, activity?: string | null): PolicyAxis[] {\n const wanted = String(activity ?? '').trim()\n\n if (!wanted) return [...(axes ?? [])]\n\n /*\n * 양쪽을 다 다듬어 비교한다. 이름은 선언에서 온 글자이고 앞뒤 공백 하나가 붙어 오면 **그 줄만\n * 조용히 사라진다** — 축이 없는 것과 구별되지 않는다. 심은 결함으로 확인하려다 이 자리가\n * 한쪽만 다듬고 있는 것을 찾았다(2026-09-23).\n */\n return (axes ?? []).filter(one => String(one?.approvalActivity ?? '').trim() === wanted)\n}\n"]}

package/dist-client/master-change-policy-panel.d.ts ADDED Viewed

@@ -0,0 +1,49 @@
+import { LitElement } from 'lit';
+import '@operato/help/ox-help-icon.js';
+declare const MasterChangePolicyPanel_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/**
+ * **이 사업장이 어느 기준정보를 승인제로 두는가.**
+ *
+ * ── 왜 설정이 아닌가 (2026-09-23, 사용자 판단) ────────────────────────────
+ * 처음에는 사업장 설정의 한 칸이었다. 설정은 내가 무엇을 보는지 고르는 자리이고, **다른 사람의 일이
+ * 늘어나는 것은 설정이 아니다** — 축 하나를 승인제로 돌리면 그 축의 수정이 앞으로 결재로 흘러간다.
+ * 그래서 업무를 다루는 화면으로 옮긴다.
+ *
+ * 그때 표가 두 자리에 선다. **자리마다 고르는 목록이 다르다** — `master-change-policy-axes.ts` 가
+ * 그 판단을 갖는다. 제목은 이 부품이 아니라 **담는 쪽**이 붙인다.
+ *
+ * ── 이 선언이 무엇인가 ─────────────────────────────────────────────────────
+ * 사람의 취향이 아니라 **이 사업장의 규칙**이다. 축마다 한 번 정하고, 정하면 그 축의 마스터는
+ * 승인을 지나야 바뀐다.
+ *
+ * ── 왜 화면이 필요했나 ─────────────────────────────────────────────────────
+ * 문은 있었는데 **그리로 가는 길이 없었다.** 정책을 안 정한 축은 화면이 열리다 말고 거절을 냈고
+ * (`MASTER_POLICY_REQUIRED`), 정하러 들어갈 자리도 없었다.
+ *
+ * ── 소유자만 정한다 ────────────────────────────────────────────────────────
+ * 읽기는 누구나 한다 — 기준정보를 고치려다 막힌 사람이 **왜 막혔는지** 여기서 알아야 한다.
+ * 정하는 것은 도메인 소유자뿐이고, 소유자가 아니면 그렇게 적어 준다.
+ */
+export declare class MasterChangePolicyPanel extends MasterChangePolicyPanel_base {
+    static styles: import("lit").CSSResult[];
+    /**
+     * 업무 하나의 화면에 설 때 그 업무의 이름. 없으면 축 전부를 보인다.
+     *
+     * 이름으로 좁힌다 — 축이 어느 업무를 부르는지는 서버가 `approvalActivity` 로 답한다.
+     */
+    activity?: string;
+    private axes;
+    private canDeclare;
+    connectedCallback(): void;
+    private load;
+    /**
+     * 정하는 것도 바꾸는 것도 여기서 한다 — 바꾸면 정책 줄이 새로 서고, 지난 개정본은 자기 때의 줄을
+     * 계속 가리킨다. **결재에 안 태운다**(2026-09-22): 사업장 소유자가 정하는 것이라 확인만 받는다.
+     *
+     * ⚠ **사유는 사람에게 안 묻는다.** 서버가 필수로 받지만 그것은 「누가 어디서 정했나」를 남기려는
+     * 것이다. 시스템 설정에 사람이 글을 쓸 일이 아니다.
+     */
+    private declare;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/dist-client/master-change-policy-panel.js ADDED Viewed

@@ -0,0 +1,393 @@
+import { __decorate, __metadata } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next, localize } from '@operato/i18n';
+import { navigate } from '@operato/shell';
+import { client } from '@operato/graphql';
+import { OxPrompt } from '@operato/popup';
+import gql from 'graphql-tag';
+import '@operato/help/ox-help-icon.js';
+import { axesForActivity } from './master-change-policy-axes.js';
+/**
+ * **이 사업장이 어느 기준정보를 승인제로 두는가.**
+ *
+ * ── 왜 설정이 아닌가 (2026-09-23, 사용자 판단) ────────────────────────────
+ * 처음에는 사업장 설정의 한 칸이었다. 설정은 내가 무엇을 보는지 고르는 자리이고, **다른 사람의 일이
+ * 늘어나는 것은 설정이 아니다** — 축 하나를 승인제로 돌리면 그 축의 수정이 앞으로 결재로 흘러간다.
+ * 그래서 업무를 다루는 화면으로 옮긴다.
+ *
+ * 그때 표가 두 자리에 선다. **자리마다 고르는 목록이 다르다** — `master-change-policy-axes.ts` 가
+ * 그 판단을 갖는다. 제목은 이 부품이 아니라 **담는 쪽**이 붙인다.
+ *
+ * ── 이 선언이 무엇인가 ─────────────────────────────────────────────────────
+ * 사람의 취향이 아니라 **이 사업장의 규칙**이다. 축마다 한 번 정하고, 정하면 그 축의 마스터는
+ * 승인을 지나야 바뀐다.
+ *
+ * ── 왜 화면이 필요했나 ─────────────────────────────────────────────────────
+ * 문은 있었는데 **그리로 가는 길이 없었다.** 정책을 안 정한 축은 화면이 열리다 말고 거절을 냈고
+ * (`MASTER_POLICY_REQUIRED`), 정하러 들어갈 자리도 없었다.
+ *
+ * ── 소유자만 정한다 ────────────────────────────────────────────────────────
+ * 읽기는 누구나 한다 — 기준정보를 고치려다 막힌 사람이 **왜 막혔는지** 여기서 알아야 한다.
+ * 정하는 것은 도메인 소유자뿐이고, 소유자가 아니면 그렇게 적어 준다.
+ */
+/*
+ * ⚠ 문구 키에 `master-policy.` 를 붙인다. 번역이 한 평면에 병합되고 **마지막이 이기므로**,
+ * `text.not-declared` 처럼 흔한 이름은 다른 패키지가 다른 뜻으로 이미 쓰고 있다 — plant 에서는
+ * 「등록되지 않았습니다」였고, 이 화면이 그 말로 떴다(2026-09-22 화면에서 확인).
+ */
+let MasterChangePolicyPanel = class MasterChangePolicyPanel extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.axes = [];
+        this.canDeclare = false;
+    }
+    static { this.styles = [
+        css `
+      table {
+        width: 100%;
+        border-collapse: collapse;
+      }
+      /* 머리줄은 내용과 달라야 한다 — 같은 글자에 같은 선이면 첫 줄도 자료로 읽힌다. */
+      th {
+        text-align: left;
+        padding: var(--spacing-small, 8px);
+        background: var(--md-sys-color-surface-container-high);
+        color: var(--md-sys-color-on-surface-variant);
+        font: var(--label-font);
+        font-weight: 500;
+        border-bottom: 1px solid var(--md-sys-color-outline);
+        white-space: nowrap;
+      }
+      td {
+        text-align: left;
+        vertical-align: middle;
+        padding: var(--spacing-small, 8px);
+        border-bottom: 1px solid var(--md-sys-color-outline-variant);
+        font: var(--label-font);
+        color: var(--md-sys-color-on-surface);
+      }
+      tr:last-child td {
+        border-bottom: none;
+      }
+      /*
+       * 둘을 나란히 두고 **지금 것을 채워서** 보인다. 채운 쪽이 지금 서 있는 것이고, 못 누른다.
+       * 반대쪽은 비어 있고 눌린다 — 무엇이 서 있는지와 무엇을 고를 수 있는지가 한 자리에서 읽힌다.
+       *
+       * 처음엔 두 쪽의 차이가 옅은 바탕색 하나였다. 나란히 놓고 보면 둘 다 버튼으로만 보여서 어느
+       * 것이 지금 것인지 안 읽혔다(2026-09-22 화면에서 확인). 채움과 비움으로 가른다.
+       *
+       * 둘 다 비어 있으면 **아직 안 정한 것**이다. 그 줄만 두 쪽이 다 눌린다.
+       */
+      /*
+       * 칸을 flex 로 만들지 않는다. 그러면 그 칸만 표의 줄 높이를 안 따라가서, 옆 칸의 글자와 단추가
+       * 서로 다른 높이에 놓인다(2026-09-22 화면에서 확인). 칸은 칸으로 두고 단추 사이만 띄운다.
+       */
+      .choice {
+        white-space: nowrap;
+        text-align: right;
+      }
+      .choice button + button {
+        margin-left: var(--spacing-small, 6px);
+      }
+      .choice button {
+        padding: 3px 12px;
+        border: 1px solid var(--md-sys-color-outline-variant);
+        border-radius: var(--border-radius, 4px);
+        background: transparent;
+        color: var(--md-sys-color-on-surface-variant);
+        font: var(--label-font);
+        cursor: pointer;
+      }
+      .choice button:hover {
+        border-color: var(--md-sys-color-primary);
+        color: var(--md-sys-color-primary);
+      }
+      /*
+       * 결재선이 없어 **아직 고를 수 없는 쪽**은 그렇게 보인다. 눌러는 진다 — 왜 못 고르는지는 눌러야
+       * 들을 수 있고, 못 누르게 막으면 그 까닭이 어디에도 없다.
+       */
+      .choice button.blocked {
+        border-style: dashed;
+        color: var(--md-sys-color-outline);
+      }
+      .choice button.on {
+        background: var(--md-sys-color-primary);
+        color: var(--md-sys-color-on-primary);
+        border-color: var(--md-sys-color-primary);
+        font-weight: 700;
+        cursor: default;
+      }
+      /*
+       * 축 이름만으로는 무엇을 정하는 것인지 안 읽힌다 — 「라우팅」과 「제조법」이 무엇이 다른지
+       * 여기서 알아야 고를 수 있다.
+       *
+       * 한 줄은 **이름 밑에 그냥 적는다.** 마우스를 올려야 보이는 것은 안 올려 보면 없는 것과 같다.
+       *
+       * 더 알고 싶은 사람에게는 도움말 아이콘이 있다. 축이 무엇이고 무엇을 좌우하는지는 이 화면이
+       * 한 줄로 다 말할 것이 아니라 도움말이 맡을 내용이다 — 여기서는 /master-data/<축> 으로
+       * 길만 낸다. 내용은 도움말 쪽이 채운다.
+       */
+      /*
+       * 표준 도움말 아이콘은 18px 에 불투명도 0.75 다. 그것은 폼의 이름표 옆에 하나 놓일 때의 크기고,
+       * 여기서는 14px 글자 옆에 열여섯 번 되풀이돼서 이름보다 먼저 보였다. 그래서 **이 표에서만**
+       * 글자에 맞춰 줄이고 뒤로 물린다. 색과 동작은 표준 그대로다.
+       */
+      ox-help-icon {
+        vertical-align: middle;
+        --help-icon-size: 15px;
+        --help-icon-opacity: 0.45;
+      }
+      .axis {
+        white-space: nowrap;
+        font-weight: 500;
+      }
+      .what {
+        color: var(--md-sys-color-on-surface-variant);
+        font-size: 11px;
+        line-height: 1.35;
+      }
+      /* 설명이 남는 자리를 먹고, 이름과 버튼은 자기 폭만 쓴다. */
+      .what-column {
+        width: 100%;
+      }
+      /* 넓을 때는 설명이 자기 칸에 있다. 이름 밑의 것은 접혀 있다. */
+      .folded {
+        display: none;
+      }
+      /*
+       * 좁아지면 **설명 칸을 접어 이름 밑으로 넣는다.** 세 칸이 다 남으면 이름과 버튼이 눌려서
+       * 낱말마다 줄이 바뀐다 — 고르는 화면인데 고를 것이 안 읽힌다.
+       */
+      @media (max-width: 720px) {
+        .what-column {
+          display: none;
+        }
+        .folded {
+          display: block;
+          margin-top: 2px;
+          white-space: normal;
+        }
+        .axis {
+          white-space: normal;
+        }
+      }
+      /*
+       * 더 좁아지면 **설명을 아주 뺀다.** 접어 넣은 두 줄이 이름보다 길어져서, 줄마다 무엇을 고르는
+       * 화면인지가 안 보인다. 알고 싶은 사람은 도움말 아이콘으로 간다.
+       */
+      @media (max-width: 480px) {
+        .folded {
+          display: none;
+        }
+      }
+      /*
+       * 결재를 타는 축은 **결재선이 있는지 없는지를 여기서 말한다.** 없으면 정하러 가는 길도 같이
+       * 낸다 — 결재선이 어디서 정해지는지(업무 목록의 그 줄) 아는 사람이 많지 않다.
+       */
+      .line {
+        margin-top: 3px;
+        color: var(--md-sys-color-on-surface-variant);
+        font-size: 11px;
+      }
+      .line a {
+        color: var(--md-sys-color-primary);
+      }
+      .note {
+        color: var(--md-sys-color-on-surface-variant);
+        padding: var(--spacing-small, 8px);
+      }
+    `
+    ]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.load();
+    }
+    async load() {
+        const response = await client.query({
+            query: gql `
+        query {
+          masterChangePolicies
+        }
+      `,
+            fetchPolicy: 'network-only'
+        });
+        const found = response.data?.masterChangePolicies;
+        this.axes = found?.axes ?? [];
+        this.canDeclare = !!found?.canDeclare;
+    }
+    /**
+     * 정하는 것도 바꾸는 것도 여기서 한다 — 바꾸면 정책 줄이 새로 서고, 지난 개정본은 자기 때의 줄을
+     * 계속 가리킨다. **결재에 안 태운다**(2026-09-22): 사업장 소유자가 정하는 것이라 확인만 받는다.
+     *
+     * ⚠ **사유는 사람에게 안 묻는다.** 서버가 필수로 받지만 그것은 「누가 어디서 정했나」를 남기려는
+     * 것이다. 시스템 설정에 사람이 글을 쓸 일이 아니다.
+     */
+    async declare(one, approvalRequired) {
+        const { axis } = one;
+        const how = i18next.t(approvalRequired ? 'master-policy.approval-required' : 'master-policy.direct-change-allowed');
+        const name = i18next.t(`axis.${axis}`, { defaultValue: axis });
+        /*
+         * **걸 수 없는 것을 골라 보게 하지 않는다.** 결재선이 비어 있으면 서버가 거절하는데, 그것을 누른
+         * 뒤에 알면 「예」를 고르고 나서 안 된다는 말을 듣는 꼴이다. 묻기 전에 먼저 본다.
+         */
+        if (approvalRequired && one.approvalReady === false) {
+            await OxPrompt.open({
+                type: 'warning',
+                title: i18next.t('master-policy.approval-line-missing'),
+                text: i18next.t('master-policy.set-the-approval-line', { activity: one.approvalActivity ?? '' }),
+                confirmButton: { text: i18next.t('button.confirm') }
+            });
+            return;
+        }
+        /*
+         * 경고다. 이 사업장의 기준정보가 앞으로 어떻게 바뀌는가를 정하는 자리고, 규제를 푸는 쪽으로
+         * 누르면 결재 없이 바로 고쳐지기 시작한다. 되묻는 말투가 아니라 멈춰 세우는 말투여야 한다.
+         */
+        const yes = await OxPrompt.open({
+            type: 'warning',
+            title: i18next.t('master-policy.confirm-title'),
+            text: i18next.t('master-policy.confirm-text', { master: name, how }),
+            confirmButton: { text: i18next.t('button.confirm') },
+            cancelButton: { text: i18next.t('button.cancel') }
+        });
+        if (!yes) {
+            return;
+        }
+        /*
+         * 거절을 삼키지 않는다. 앞서는 오류가 있으면 그냥 다시 읽었고, 사람은 눌렀는데 아무 일도 안
+         * 일어나는 화면을 봤다. 규제를 거는 쪽은 **결재선이 비어 있으면 거절된다**
+         * (`MASTER_APPROVAL_LINE_REQUIRED`) — 그 말을 그대로 보여야 어디를 고칠지 안다.
+         */
+        try {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($axis: String!, $approvalRequired: Boolean!, $reason: String!) {
+            declareMasterChangePolicy(axis: $axis, approvalRequired: $approvalRequired, reason: $reason)
+          }
+        `,
+                variables: { axis, approvalRequired, reason: i18next.t('master-policy.reason-from-setting') }
+            });
+            if (response.errors?.length) {
+                throw new Error(response.errors[0].message);
+            }
+        }
+        catch (error) {
+            /*
+             * 거절은 **틀이 이미 붉은 쪽지로 말한다** — 서버가 그 사람의 말로 지은 문장 그대로. 여기서 또
+             * 창을 띄우면 같은 말이 두 번 나온다(2026-09-22 화면에서 확인). 여기서는 다시 읽기만 한다.
+             */
+            console.warn(error?.message ?? error);
+        }
+        this.load();
+    }
+    render() {
+        const shown = axesForActivity(this.axes, this.activity);
+        /*
+         * 좁혔는데 하나도 없으면 **그 사실을 말한다.** 빈 표를 두면 「이 업무를 부르는 축이 없다」와
+         * 「아직 못 읽었다」가 같은 화면이 된다.
+         */
+        if (this.activity && !shown.length) {
+            return html `<div class="note">${i18next.t('master-policy.no-axis-for-activity')}</div>`;
+        }
+        return html `
+      <div>
+          ${this.canDeclare ? '' : html `<div class="note">${i18next.t('master-policy.only-the-owner')}</div>`}
+          <table>
+            <tr>
+              <th>${i18next.t('master-policy.field.axis')}</th>
+              <th class="what-column">${i18next.t('master-policy.field.what')}</th>
+              <th>${i18next.t('master-policy.field.state')}</th>
+            </tr>
+            ${shown.map(one => html `
+                <tr>
+                  <td class="axis">
+                    ${i18next.t(`axis.${one.axis}`, { defaultValue: one.axis })}
+                    <ox-help-icon topic=${`/master-data/${one.axis}`}></ox-help-icon>
+                    <span class="what folded">${i18next.t(`axis-help.${one.axis}`, { defaultValue: '' })}</span>
+                  </td>
+                  <td class="what what-column">${i18next.t(`axis-help.${one.axis}`, { defaultValue: '' })}</td>
+                  ${!this.canDeclare
+            ? html `<td>
+                        ${one.approvalRequired
+                ? i18next.t('master-policy.approval-required')
+                : i18next.t('master-policy.direct-change-allowed')}
+                      </td>`
+            : html `<td class="choice">
+                        <button
+                          class="${one.approvalRequired === true ? 'on' : ''} ${one.approvalReady === false
+                ? 'blocked'
+                : ''}"
+                          ?disabled=${one.approvalRequired === true}
+                          @click=${() => this.declare(one, true)}
+                        >
+                          ${i18next.t('master-policy.button.approval-required')}
+                        </button>
+                        <button
+                          class=${one.approvalRequired === false ? 'on' : ''}
+                          ?disabled=${one.approvalRequired === false}
+                          @click=${() => this.declare(one, false)}
+                        >
+                          ${i18next.t('master-policy.button.direct-change')}
+                        </button>
+                        ${one.approvalActivity
+                ? html `<div class="line">
+                              ${one.approvalReady
+                    ? i18next.t('master-policy.approval-line-set')
+                    : this.activity
+                        ? i18next.t('master-policy.approval-line-none-here')
+                        : html `${i18next.t('master-policy.approval-line-none')} ·
+                                      <a
+                                        href="javascript:void(0)"
+                                        @click=${() => navigate('activity-detail?name=' + encodeURIComponent(one.approvalActivity))}
+                                      >
+                                        ${i18next.t('master-policy.go-set-the-line')}
+                                      </a>`}
+                            </div>`
+                : ''}
+                      </td>`}
+                </tr>
+              `)}
+          </table>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], MasterChangePolicyPanel.prototype, "activity", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], MasterChangePolicyPanel.prototype, "axes", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], MasterChangePolicyPanel.prototype, "canDeclare", void 0);
+MasterChangePolicyPanel = __decorate([
+    customElement('master-change-policy-panel')
+], MasterChangePolicyPanel);
+export { MasterChangePolicyPanel };
+//# sourceMappingURL=master-change-policy-panel.js.map

package/dist-client/master-change-policy-panel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"master-change-policy-panel.js","sourceRoot":"","sources":["../client/master-change-policy-panel.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { OxPrompt } from '@operato/popup'\nimport gql from 'graphql-tag'\nimport '@operato/help/ox-help-icon.js'\n\nimport { axesForActivity, PolicyAxis } from './master-change-policy-axes.js'\n\n/**\n * **이 사업장이 어느 기준정보를 승인제로 두는가.**\n *\n * ── 왜 설정이 아닌가 (2026-09-23, 사용자 판단) ────────────────────────────\n * 처음에는 사업장 설정의 한 칸이었다. 설정은 내가 무엇을 보는지 고르는 자리이고, **다른 사람의 일이\n * 늘어나는 것은 설정이 아니다** — 축 하나를 승인제로 돌리면 그 축의 수정이 앞으로 결재로 흘러간다.\n * 그래서 업무를 다루는 화면으로 옮긴다.\n *\n * 그때 표가 두 자리에 선다. **자리마다 고르는 목록이 다르다** — `master-change-policy-axes.ts` 가\n * 그 판단을 갖는다. 제목은 이 부품이 아니라 **담는 쪽**이 붙인다.\n *\n * ── 이 선언이 무엇인가 ─────────────────────────────────────────────────────\n * 사람의 취향이 아니라 **이 사업장의 규칙**이다. 축마다 한 번 정하고, 정하면 그 축의 마스터는\n * 승인을 지나야 바뀐다.\n *\n * ── 왜 화면이 필요했나 ─────────────────────────────────────────────────────\n * 문은 있었는데 **그리로 가는 길이 없었다.** 정책을 안 정한 축은 화면이 열리다 말고 거절을 냈고\n * (`MASTER_POLICY_REQUIRED`), 정하러 들어갈 자리도 없었다.\n *\n * ── 소유자만 정한다 ────────────────────────────────────────────────────────\n * 읽기는 누구나 한다 — 기준정보를 고치려다 막힌 사람이 **왜 막혔는지** 여기서 알아야 한다.\n * 정하는 것은 도메인 소유자뿐이고, 소유자가 아니면 그렇게 적어 준다.\n */\n/*\n * ⚠ 문구 키에 `master-policy.` 를 붙인다. 번역이 한 평면에 병합되고 **마지막이 이기므로**,\n * `text.not-declared` 처럼 흔한 이름은 다른 패키지가 다른 뜻으로 이미 쓰고 있다 — plant 에서는\n * 「등록되지 않았습니다」였고, 이 화면이 그 말로 떴다(2026-09-22 화면에서 확인).\n */\n@customElement('master-change-policy-panel')\nexport class MasterChangePolicyPanel extends localize(i18next)(LitElement) {\n static styles = [\n css`\n table {\n width: 100%;\n border-collapse: collapse;\n }\n\n /* 머리줄은 내용과 달라야 한다 — 같은 글자에 같은 선이면 첫 줄도 자료로 읽힌다. */\n th {\n text-align: left;\n padding: var(--spacing-small, 8px);\n background: var(--md-sys-color-surface-container-high);\n color: var(--md-sys-color-on-surface-variant);\n font: var(--label-font);\n font-weight: 500;\n border-bottom: 1px solid var(--md-sys-color-outline);\n white-space: nowrap;\n }\n\n td {\n text-align: left;\n vertical-align: middle;\n padding: var(--spacing-small, 8px);\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n font: var(--label-font);\n color: var(--md-sys-color-on-surface);\n }\n\n tr:last-child td {\n border-bottom: none;\n }\n\n /*\n * 둘을 나란히 두고 **지금 것을 채워서** 보인다. 채운 쪽이 지금 서 있는 것이고, 못 누른다.\n * 반대쪽은 비어 있고 눌린다 — 무엇이 서 있는지와 무엇을 고를 수 있는지가 한 자리에서 읽힌다.\n *\n * 처음엔 두 쪽의 차이가 옅은 바탕색 하나였다. 나란히 놓고 보면 둘 다 버튼으로만 보여서 어느\n * 것이 지금 것인지 안 읽혔다(2026-09-22 화면에서 확인). 채움과 비움으로 가른다.\n *\n * 둘 다 비어 있으면 **아직 안 정한 것**이다. 그 줄만 두 쪽이 다 눌린다.\n */\n /*\n * 칸을 flex 로 만들지 않는다. 그러면 그 칸만 표의 줄 높이를 안 따라가서, 옆 칸의 글자와 단추가\n * 서로 다른 높이에 놓인다(2026-09-22 화면에서 확인). 칸은 칸으로 두고 단추 사이만 띄운다.\n */\n .choice {\n white-space: nowrap;\n text-align: right;\n }\n\n .choice button + button {\n margin-left: var(--spacing-small, 6px);\n }\n\n .choice button {\n padding: 3px 12px;\n border: 1px solid var(--md-sys-color-outline-variant);\n border-radius: var(--border-radius, 4px);\n background: transparent;\n color: var(--md-sys-color-on-surface-variant);\n font: var(--label-font);\n cursor: pointer;\n }\n\n .choice button:hover {\n border-color: var(--md-sys-color-primary);\n color: var(--md-sys-color-primary);\n }\n\n /*\n * 결재선이 없어 **아직 고를 수 없는 쪽**은 그렇게 보인다. 눌러는 진다 — 왜 못 고르는지는 눌러야\n * 들을 수 있고, 못 누르게 막으면 그 까닭이 어디에도 없다.\n */\n .choice button.blocked {\n border-style: dashed;\n color: var(--md-sys-color-outline);\n }\n\n .choice button.on {\n background: var(--md-sys-color-primary);\n color: var(--md-sys-color-on-primary);\n border-color: var(--md-sys-color-primary);\n font-weight: 700;\n cursor: default;\n }\n\n /*\n * 축 이름만으로는 무엇을 정하는 것인지 안 읽힌다 — 「라우팅」과 「제조법」이 무엇이 다른지\n * 여기서 알아야 고를 수 있다.\n *\n * 한 줄은 **이름 밑에 그냥 적는다.** 마우스를 올려야 보이는 것은 안 올려 보면 없는 것과 같다.\n *\n * 더 알고 싶은 사람에게는 도움말 아이콘이 있다. 축이 무엇이고 무엇을 좌우하는지는 이 화면이\n * 한 줄로 다 말할 것이 아니라 도움말이 맡을 내용이다 — 여기서는 /master-data/<축> 으로\n * 길만 낸다. 내용은 도움말 쪽이 채운다.\n */\n /*\n * 표준 도움말 아이콘은 18px 에 불투명도 0.75 다. 그것은 폼의 이름표 옆에 하나 놓일 때의 크기고,\n * 여기서는 14px 글자 옆에 열여섯 번 되풀이돼서 이름보다 먼저 보였다. 그래서 **이 표에서만**\n * 글자에 맞춰 줄이고 뒤로 물린다. 색과 동작은 표준 그대로다.\n */\n ox-help-icon {\n vertical-align: middle;\n --help-icon-size: 15px;\n --help-icon-opacity: 0.45;\n }\n .axis {\n white-space: nowrap;\n font-weight: 500;\n }\n\n .what {\n color: var(--md-sys-color-on-surface-variant);\n font-size: 11px;\n line-height: 1.35;\n }\n\n /* 설명이 남는 자리를 먹고, 이름과 버튼은 자기 폭만 쓴다. */\n .what-column {\n width: 100%;\n }\n\n /* 넓을 때는 설명이 자기 칸에 있다. 이름 밑의 것은 접혀 있다. */\n .folded {\n display: none;\n }\n\n /*\n * 좁아지면 **설명 칸을 접어 이름 밑으로 넣는다.** 세 칸이 다 남으면 이름과 버튼이 눌려서\n * 낱말마다 줄이 바뀐다 — 고르는 화면인데 고를 것이 안 읽힌다.\n */\n @media (max-width: 720px) {\n .what-column {\n display: none;\n }\n\n .folded {\n display: block;\n margin-top: 2px;\n white-space: normal;\n }\n\n .axis {\n white-space: normal;\n }\n }\n\n /*\n * 더 좁아지면 **설명을 아주 뺀다.** 접어 넣은 두 줄이 이름보다 길어져서, 줄마다 무엇을 고르는\n * 화면인지가 안 보인다. 알고 싶은 사람은 도움말 아이콘으로 간다.\n */\n @media (max-width: 480px) {\n .folded {\n display: none;\n }\n }\n\n /*\n * 결재를 타는 축은 **결재선이 있는지 없는지를 여기서 말한다.** 없으면 정하러 가는 길도 같이\n * 낸다 — 결재선이 어디서 정해지는지(업무 목록의 그 줄) 아는 사람이 많지 않다.\n */\n .line {\n margin-top: 3px;\n color: var(--md-sys-color-on-surface-variant);\n font-size: 11px;\n }\n\n .line a {\n color: var(--md-sys-color-primary);\n }\n\n .note {\n color: var(--md-sys-color-on-surface-variant);\n padding: var(--spacing-small, 8px);\n }\n `\n ]\n\n /**\n * 업무 하나의 화면에 설 때 그 업무의 이름. 없으면 축 전부를 보인다.\n *\n * 이름으로 좁힌다 — 축이 어느 업무를 부르는지는 서버가 `approvalActivity` 로 답한다.\n */\n @property({ type: String }) activity?: string\n\n @state() private axes: PolicyAxis[] = []\n @state() private canDeclare = false\n\n connectedCallback() {\n super.connectedCallback()\n this.load()\n }\n\n private async load() {\n const response = await client.query({\n query: gql`\n query {\n masterChangePolicies\n }\n `,\n fetchPolicy: 'network-only'\n })\n\n const found = response.data?.masterChangePolicies\n\n this.axes = found?.axes ?? []\n this.canDeclare = !!found?.canDeclare\n }\n\n /**\n * 정하는 것도 바꾸는 것도 여기서 한다 — 바꾸면 정책 줄이 새로 서고, 지난 개정본은 자기 때의 줄을\n * 계속 가리킨다. **결재에 안 태운다**(2026-09-22): 사업장 소유자가 정하는 것이라 확인만 받는다.\n *\n * ⚠ **사유는 사람에게 안 묻는다.** 서버가 필수로 받지만 그것은 「누가 어디서 정했나」를 남기려는\n * 것이다. 시스템 설정에 사람이 글을 쓸 일이 아니다.\n */\n private async declare(one: { axis: string; approvalReady?: boolean; approvalActivity?: string | null }, approvalRequired: boolean) {\n const { axis } = one\n const how = i18next.t(approvalRequired ? 'master-policy.approval-required' : 'master-policy.direct-change-allowed')\n const name = i18next.t(`axis.${axis}`, { defaultValue: axis })\n\n /*\n * **걸 수 없는 것을 골라 보게 하지 않는다.** 결재선이 비어 있으면 서버가 거절하는데, 그것을 누른\n * 뒤에 알면 「예」를 고르고 나서 안 된다는 말을 듣는 꼴이다. 묻기 전에 먼저 본다.\n */\n if (approvalRequired && one.approvalReady === false) {\n await OxPrompt.open({\n type: 'warning',\n title: i18next.t('master-policy.approval-line-missing'),\n text: i18next.t('master-policy.set-the-approval-line', { activity: one.approvalActivity ?? '' }),\n confirmButton: { text: i18next.t('button.confirm') }\n })\n return\n }\n\n /*\n * 경고다. 이 사업장의 기준정보가 앞으로 어떻게 바뀌는가를 정하는 자리고, 규제를 푸는 쪽으로\n * 누르면 결재 없이 바로 고쳐지기 시작한다. 되묻는 말투가 아니라 멈춰 세우는 말투여야 한다.\n */\n const yes = await OxPrompt.open({\n type: 'warning',\n title: i18next.t('master-policy.confirm-title'),\n text: i18next.t('master-policy.confirm-text', { master: name, how }),\n confirmButton: { text: i18next.t('button.confirm') },\n cancelButton: { text: i18next.t('button.cancel') }\n })\n\n if (!yes) {\n return\n }\n\n /*\n * 거절을 삼키지 않는다. 앞서는 오류가 있으면 그냥 다시 읽었고, 사람은 눌렀는데 아무 일도 안\n * 일어나는 화면을 봤다. 규제를 거는 쪽은 **결재선이 비어 있으면 거절된다**\n * (`MASTER_APPROVAL_LINE_REQUIRED`) — 그 말을 그대로 보여야 어디를 고칠지 안다.\n */\n try {\n const response = await client.mutate({\n mutation: gql`\n mutation ($axis: String!, $approvalRequired: Boolean!, $reason: String!) {\n declareMasterChangePolicy(axis: $axis, approvalRequired: $approvalRequired, reason: $reason)\n }\n `,\n variables: { axis, approvalRequired, reason: i18next.t('master-policy.reason-from-setting') }\n })\n\n if (response.errors?.length) {\n throw new Error(response.errors[0].message)\n }\n } catch (error: any) {\n /*\n * 거절은 **틀이 이미 붉은 쪽지로 말한다** — 서버가 그 사람의 말로 지은 문장 그대로. 여기서 또\n * 창을 띄우면 같은 말이 두 번 나온다(2026-09-22 화면에서 확인). 여기서는 다시 읽기만 한다.\n */\n console.warn(error?.message ?? error)\n }\n\n this.load()\n }\n\n render() {\n const shown = axesForActivity(this.axes, this.activity)\n\n /*\n * 좁혔는데 하나도 없으면 **그 사실을 말한다.** 빈 표를 두면 「이 업무를 부르는 축이 없다」와\n * 「아직 못 읽었다」가 같은 화면이 된다.\n */\n if (this.activity && !shown.length) {\n return html`<div class=\"note\">${i18next.t('master-policy.no-axis-for-activity')}</div>`\n }\n\n return html`\n <div>\n ${this.canDeclare ? '' : html`<div class=\"note\">${i18next.t('master-policy.only-the-owner')}</div>`}\n\n <table>\n <tr>\n <th>${i18next.t('master-policy.field.axis')}</th>\n <th class=\"what-column\">${i18next.t('master-policy.field.what')}</th>\n <th>${i18next.t('master-policy.field.state')}</th>\n </tr>\n ${shown.map(\n one => html`\n <tr>\n <td class=\"axis\">\n ${i18next.t(`axis.${one.axis}`, { defaultValue: one.axis })}\n <ox-help-icon topic=${`/master-data/${one.axis}`}></ox-help-icon>\n <span class=\"what folded\">${i18next.t(`axis-help.${one.axis}`, { defaultValue: '' })}</span>\n </td>\n <td class=\"what what-column\">${i18next.t(`axis-help.${one.axis}`, { defaultValue: '' })}</td>\n ${!this.canDeclare\n ? html`<td>\n ${one.approvalRequired\n ? i18next.t('master-policy.approval-required')\n : i18next.t('master-policy.direct-change-allowed')}\n </td>`\n : html`<td class=\"choice\">\n <button\n class=\"${one.approvalRequired === true ? 'on' : ''} ${one.approvalReady === false\n ? 'blocked'\n : ''}\"\n ?disabled=${one.approvalRequired === true}\n @click=${() => this.declare(one, true)}\n >\n ${i18next.t('master-policy.button.approval-required')}\n </button>\n <button\n class=${one.approvalRequired === false ? 'on' : ''}\n ?disabled=${one.approvalRequired === false}\n @click=${() => this.declare(one, false)}\n >\n ${i18next.t('master-policy.button.direct-change')}\n </button>\n ${one.approvalActivity\n ? html`<div class=\"line\">\n ${one.approvalReady\n ? i18next.t('master-policy.approval-line-set')\n : this.activity\n ? i18next.t('master-policy.approval-line-none-here')\n : html`${i18next.t('master-policy.approval-line-none')} ·\n <a\n href=\"javascript:void(0)\"\n @click=${() =>\n navigate(\n 'activity-detail?name=' + encodeURIComponent(one.approvalActivity as string)\n )}\n >\n ${i18next.t('master-policy.go-set-the-line')}\n </a>`}\n </div>`\n : ''}\n </td>`}\n </tr>\n `\n )}\n </table>\n </div>\n `\n }\n}\n"]}