@things-factory/ops-master 10.1.248 → 10.1.249

package/dist-client/pages/master/applied-when-dialog.d.ts

@@ -0,0 +1,48 @@
+import { LitElement } from 'lit';
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/popup/ox-popup-actions.js';
+import { CLAIMED_FIELDS } from './assignment-fields.js';
+/**
+ * **언제부터 그러한가를 묻는 자리.**
+ *
+ * ── 왜 날짜 칸 하나가 아닌가 ───────────────────────────────────────────────
+ * 그리드에 날짜 열을 하나 더하면 사람은 그것을 **또 하나의 값**으로 읽는다. 이 셋(자리 배정 · 근무조
+ * 선언 · 부모 관계)은 값이 아니라 **언제부터 그렇게 볼 것인가**를 함께 정하는 일이고, 과거를 적으면
+ * **지연 기록인지 정정인지**까지 갈라야 한다. 그래서 저장 직전에 한 번 묻는다.
+ *
+ * ```
+ * 바뀌기 전 → 바뀐 뒤
+ * 적용 시작        기본값 「지금부터」
+ * 과거 시각이면     지연 기록인가 이미 적은 것의 정정인가
+ * 미래 시각이면     지금 값은 그대로이고 변경이 예약된다고 알린다
+ * ```
+ *
+ * ⚠ **기록 시각은 안 묻는다.** 사람이 넣으면 「언제 알았나」를 사람이 정하게 된다 — 서버가 붙인다.
+ */
+export interface AppliedAnswer {
+    at?: string;
+    kind?: 'change' | 'correction';
+    until?: string;
+}
+export interface AssignmentChange {
+    rowName: string;
+    field: string;
+    before: string;
+    after: string;
+}
+export declare class AppliedWhenDialog extends LitElement {
+    static styles: import("lit").CSSResult;
+    changes: AssignmentChange[];
+    onAnswer?: (answer: AppliedAnswer) => void;
+    onCancel?: () => void;
+    private at;
+    private kind;
+    private until;
+    /** 안 적으면 지금부터다 — 그 기본값이 곧 「지금부터」라는 주장이다. */
+    private get when();
+    private get past();
+    private get future();
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { CLAIMED_FIELDS };

package/dist-client/pages/master/applied-when-dialog.js

@@ -0,0 +1,137 @@
+import { __decorate, __metadata } from "tslib";
+import { LitElement, css, html } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@operato/popup/ox-popup-actions.js';
+import { i18next } from '@operato/i18n';
+import { CLAIMED_FIELDS } from './assignment-fields.js';
+let AppliedWhenDialog = class AppliedWhenDialog extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.changes = [];
+        this.at = '';
+        this.kind = 'change';
+        this.until = '';
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      padding: var(--spacing-medium, 12px);
+    }
+    .what {
+      display: grid;
+      grid-template-columns: auto 1fr;
+      gap: var(--spacing-tiny, 4px) var(--spacing-small, 8px);
+      margin-bottom: var(--spacing-medium, 12px);
+    }
+    .what span {
+      color: var(--md-sys-color-on-surface-variant);
+    }
+    .note {
+      color: var(--md-sys-color-on-surface-variant);
+      margin-top: var(--spacing-small, 8px);
+    }
+  `; }
+    /** 안 적으면 지금부터다 — 그 기본값이 곧 「지금부터」라는 주장이다. */
+    get when() {
+        return this.at ? new Date(this.at).getTime() : Date.now();
+    }
+    get past() {
+        return this.when < Date.now() - 60000;
+    }
+    get future() {
+        return this.when > Date.now() + 60000;
+    }
+    render() {
+        return html `
+      <div class="what">
+        ${this.changes.map(one => html `
+            <span>${one.rowName} · ${labelOf(one.field)}</span>
+            <div>${one.before || i18next.t('text.none')} → <b>${one.after || i18next.t('text.none')}</b></div>
+          `)}
+      </div>
+
+      <label>
+        ${i18next.t('label.applied-from')}
+        <input
+          type="datetime-local"
+          .value=${this.at}
+          @change=${(e) => (this.at = e.target.value)}
+          placeholder=${i18next.t('text.from-now')}
+        />
+      </label>
+
+      ${this.past
+            ? html `
+            <div>
+              <label>
+                <input type="radio" name="kind" ?checked=${this.kind === 'change'} @change=${() => (this.kind = 'change')} />
+                ${i18next.t('label.late-record')}
+              </label>
+              <label>
+                <input type="radio" name="kind" ?checked=${this.kind === 'correction'} @change=${() => (this.kind = 'correction')} />
+                ${i18next.t('label.correct-what-was-recorded')}
+              </label>
+              ${this.kind === 'correction'
+                ? html `
+                    <label>
+                      ${i18next.t('label.applied-until')}
+                      <input type="datetime-local" .value=${this.until} @change=${(e) => (this.until = e.target.value)} />
+                    </label>
+                  `
+                : ''}
+            </div>
+          `
+            : ''}
+      ${this.future ? html `<div class="note">${i18next.t('text.change-is-scheduled')}</div>` : ''}
+
+      <ox-popup-actions>
+        <md-text-button slot="cancel" @click=${() => this.onCancel?.()}>${i18next.t('button.cancel')}</md-text-button>
+        <md-filled-button
+          slot="confirm"
+          @click=${() => this.onAnswer?.({
+            ...(this.at ? { at: new Date(this.at).toISOString() } : {}),
+            ...(this.past ? { kind: this.kind } : {}),
+            ...(this.past && this.kind === 'correction' && this.until ? { until: new Date(this.until).toISOString() } : {})
+        })}
+        >
+          ${i18next.t('button.save')}
+        </md-filled-button>
+      </ox-popup-actions>
+    `;
+    }
+};
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], AppliedWhenDialog.prototype, "changes", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Function)
+], AppliedWhenDialog.prototype, "onAnswer", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Function)
+], AppliedWhenDialog.prototype, "onCancel", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AppliedWhenDialog.prototype, "at", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], AppliedWhenDialog.prototype, "kind", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AppliedWhenDialog.prototype, "until", void 0);
+AppliedWhenDialog = __decorate([
+    customElement('applied-when-dialog')
+], AppliedWhenDialog);
+export { AppliedWhenDialog };
+function labelOf(field) {
+    return i18next.t(`field.${field}`, { defaultValue: field });
+}
+export { CLAIMED_FIELDS };
+//# sourceMappingURL=applied-when-dialog.js.map

package/dist-client/pages/master/applied-when-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applied-when-dialog.js","sourceRoot":"","sources":["../../../client/pages/master/applied-when-dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/popup/ox-popup-actions.js'\nimport { i18next } from '@operato/i18n'\n\nimport { CLAIMED_FIELDS } from './assignment-fields.js'\n\n/**\n * **언제부터 그러한가를 묻는 자리.**\n *\n * ── 왜 날짜 칸 하나가 아닌가 ───────────────────────────────────────────────\n * 그리드에 날짜 열을 하나 더하면 사람은 그것을 **또 하나의 값**으로 읽는다. 이 셋(자리 배정 · 근무조\n * 선언 · 부모 관계)은 값이 아니라 **언제부터 그렇게 볼 것인가**를 함께 정하는 일이고, 과거를 적으면\n * **지연 기록인지 정정인지**까지 갈라야 한다. 그래서 저장 직전에 한 번 묻는다.\n *\n * ```\n * 바뀌기 전 → 바뀐 뒤\n * 적용 시작        기본값 「지금부터」\n * 과거 시각이면     지연 기록인가 이미 적은 것의 정정인가\n * 미래 시각이면     지금 값은 그대로이고 변경이 예약된다고 알린다\n * ```\n *\n * ⚠ **기록 시각은 안 묻는다.** 사람이 넣으면 「언제 알았나」를 사람이 정하게 된다 — 서버가 붙인다.\n */\nexport interface AppliedAnswer {\n  at?: string\n  kind?: 'change' | 'correction'\n  until?: string\n}\n\nexport interface AssignmentChange {\n  rowName: string\n  field: string\n  before: string\n  after: string\n}\n\n@customElement('applied-when-dialog')\nexport class AppliedWhenDialog extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      padding: var(--spacing-medium, 12px);\n    }\n    .what {\n      display: grid;\n      grid-template-columns: auto 1fr;\n      gap: var(--spacing-tiny, 4px) var(--spacing-small, 8px);\n      margin-bottom: var(--spacing-medium, 12px);\n    }\n    .what span {\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    .note {\n      color: var(--md-sys-color-on-surface-variant);\n      margin-top: var(--spacing-small, 8px);\n    }\n  `\n\n  @property({ type: Array }) changes: AssignmentChange[] = []\n  @property({ type: Object }) onAnswer?: (answer: AppliedAnswer) => void\n  @property({ type: Object }) onCancel?: () => void\n\n  @state() private at = ''\n  @state() private kind: 'change' | 'correction' = 'change'\n  @state() private until = ''\n\n  /** 안 적으면 지금부터다 — 그 기본값이 곧 「지금부터」라는 주장이다. */\n  private get when(): number {\n    return this.at ? new Date(this.at).getTime() : Date.now()\n  }\n\n  private get past(): boolean {\n    return this.when < Date.now() - 60000\n  }\n\n  private get future(): boolean {\n    return this.when > Date.now() + 60000\n  }\n\n  render() {\n    return html`\n      <div class=\"what\">\n        ${this.changes.map(\n          one => html`\n            <span>${one.rowName} · ${labelOf(one.field)}</span>\n            <div>${one.before || i18next.t('text.none')} → <b>${one.after || i18next.t('text.none')}</b></div>\n          `\n        )}\n      </div>\n\n      <label>\n        ${i18next.t('label.applied-from')}\n        <input\n          type=\"datetime-local\"\n          .value=${this.at}\n          @change=${(e: Event) => (this.at = (e.target as HTMLInputElement).value)}\n          placeholder=${i18next.t('text.from-now')}\n        />\n      </label>\n\n      ${this.past\n        ? html`\n            <div>\n              <label>\n                <input type=\"radio\" name=\"kind\" ?checked=${this.kind === 'change'} @change=${() => (this.kind = 'change')} />\n                ${i18next.t('label.late-record')}\n              </label>\n              <label>\n                <input type=\"radio\" name=\"kind\" ?checked=${this.kind === 'correction'} @change=${() => (this.kind = 'correction')} />\n                ${i18next.t('label.correct-what-was-recorded')}\n              </label>\n              ${this.kind === 'correction'\n                ? html`\n                    <label>\n                      ${i18next.t('label.applied-until')}\n                      <input type=\"datetime-local\" .value=${this.until} @change=${(e: Event) => (this.until = (e.target as HTMLInputElement).value)} />\n                    </label>\n                  `\n                : ''}\n            </div>\n          `\n        : ''}\n      ${this.future ? html`<div class=\"note\">${i18next.t('text.change-is-scheduled')}</div>` : ''}\n\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.onCancel?.()}>${i18next.t('button.cancel')}</md-text-button>\n        <md-filled-button\n          slot=\"confirm\"\n          @click=${() =>\n            this.onAnswer?.({\n              ...(this.at ? { at: new Date(this.at).toISOString() } : {}),\n              ...(this.past ? { kind: this.kind } : {}),\n              ...(this.past && this.kind === 'correction' && this.until ? { until: new Date(this.until).toISOString() } : {})\n            })}\n        >\n          ${i18next.t('button.save')}\n        </md-filled-button>\n      </ox-popup-actions>\n    `\n  }\n}\n\nfunction labelOf(field: string): string {\n  return i18next.t(`field.${field}`, { defaultValue: field })\n}\n\nexport { CLAIMED_FIELDS }\n"]}

package/dist-client/pages/master/assignment-fields.d.ts

@@ -0,0 +1,27 @@
+/**
+ * **이력을 받는 칸 셋** — 화면이 저장 직전에 「언제부터」를 묻는 대상.
+ *
+ * 서버의 `CLAIMED_FIELDS` 와 같은 목록이다. 화면이 서버를 import 하지 않으므로(그러면 빌드가
+ * 옮겨 간다) 여기 한 벌을 둔다 — **갈라지면 안 묻고 보내는 칸이 생긴다.**
+ */
+export declare const CLAIMED_FIELDS: {
+    axis: string;
+    field: string;
+}[];
+/** 이 축에서 이력을 받는 칸들. */
+export declare function claimedFieldsOf(axis: string): string[];
+export interface AssignmentChange {
+    rowName: string;
+    field: string;
+    before: string;
+    after: string;
+}
+/**
+ * 바뀐 것 중 **이력을 받는 칸을 건드린 것**만 고른다.
+ *
+ * ⚠ **새로 만드는 행은 안 묻는다**(`__dirty__` 가 `+` 다). 그 행은 그 순간 생긴 것이고 「언제부터」는
+ * 그 순간이다. 물으면 존재하기 전의 자리를 적을 수 있게 된다.
+ *
+ * ⚠ **안 바뀐 칸은 애초에 `__dirtyfields__` 에 없다.** 그리드가 이미 가려 준다.
+ */
+export declare function assignmentChangesIn(axis: string, patches: readonly Record<string, unknown>[]): AssignmentChange[];

package/dist-client/pages/master/assignment-fields.js

@@ -0,0 +1,62 @@
+/**
+ * **이력을 받는 칸 셋** — 화면이 저장 직전에 「언제부터」를 묻는 대상.
+ *
+ * 서버의 `CLAIMED_FIELDS` 와 같은 목록이다. 화면이 서버를 import 하지 않으므로(그러면 빌드가
+ * 옮겨 간다) 여기 한 벌을 둔다 — **갈라지면 안 묻고 보내는 칸이 생긴다.**
+ */
+export const CLAIMED_FIELDS = [
+    { axis: 'equipment', field: 'homeLocation' },
+    { axis: 'operationalLocation', field: 'workShiftNames' },
+    { axis: 'operationalLocation', field: 'parentId' }
+];
+/** 이 축에서 이력을 받는 칸들. */
+export function claimedFieldsOf(axis) {
+    return CLAIMED_FIELDS.filter(one => one.axis === axis).map(one => one.field);
+}
+/**
+ * 바뀐 것 중 **이력을 받는 칸을 건드린 것**만 고른다.
+ *
+ * ⚠ **새로 만드는 행은 안 묻는다**(`__dirty__` 가 `+` 다). 그 행은 그 순간 생긴 것이고 「언제부터」는
+ * 그 순간이다. 물으면 존재하기 전의 자리를 적을 수 있게 된다.
+ *
+ * ⚠ **안 바뀐 칸은 애초에 `__dirtyfields__` 에 없다.** 그리드가 이미 가려 준다.
+ */
+export function assignmentChangesIn(axis, patches) {
+    const fields = claimedFieldsOf(axis);
+    if (!fields.length) {
+        return [];
+    }
+    const changes = [];
+    for (const patch of patches) {
+        /*
+         * **그리드가 무엇이 바뀌었는지 이미 들고 있다.** `__dirtyfields__` 에 칸마다 before·after 가
+         * 있고, 바뀐 행은 `__dirty__` 가 `M` 이다.
+         *
+         * ⚠ 처음에 `cuFlag` 를 봤다 — 그것은 서버로 보낼 때 붙는 이름이고 **이 시점에는 없다.** 그래서
+         * 창이 영영 안 떴다. 화면을 열어 보기 전에는 안 보였다(2026-09-22).
+         */
+        if (String(patch.__dirty__ ?? '').toUpperCase() !== 'M') {
+            continue;
+        }
+        const dirty = patch.__dirtyfields__;
+        for (const field of fields) {
+            const moved = dirty?.[field];
+            if (!moved) {
+                continue;
+            }
+            const before = show(moved.before);
+            const after = show(moved.after);
+            if (before !== after) {
+                changes.push({ rowName: String(patch.name ?? patch.id), field, before, after });
+            }
+        }
+    }
+    return changes;
+}
+function show(value) {
+    if (value === null || value === undefined || value === '') {
+        return '';
+    }
+    return Array.isArray(value) ? value.map(String).join(', ') : String(value);
+}
+//# sourceMappingURL=assignment-fields.js.map

package/dist-client/pages/master/assignment-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assignment-fields.js","sourceRoot":"","sources":["../../../client/pages/master/assignment-fields.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAsC;IAC/D,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE;IAC5C,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACxD,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;CACnD,CAAA;AAED,uBAAuB;AACvB,MAAM,UAAU,eAAe,CAAC,IAAY;IAC1C,OAAO,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;AAC9E,CAAC;AASD;;;;;;;GAOG;AACH,MAAM,UAAU,mBAAmB,CAAC,IAAY,EAAE,OAA2C;IAC3F,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;IAEpC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACnB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,MAAM,OAAO,GAAuB,EAAE,CAAA;IAEtC,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;QAC5B;;;;;;WAMG;QACH,IAAI,MAAM,CAAE,KAAa,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;YACjE,SAAQ;QACV,CAAC;QAED,MAAM,KAAK,GAAI,KAAa,CAAC,eAAoF,CAAA;QAEjH,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,MAAM,KAAK,GAAG,KAAK,EAAE,CAAC,KAAK,CAAC,CAAA;YAE5B,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,SAAQ;YACV,CAAC;YAED,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YACjC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YAE/B,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;gBACrB,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA;YACjF,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,SAAS,IAAI,CAAC,KAAc;IAC1B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;QAC1D,OAAO,EAAE,CAAA;IACX,CAAC;IAED,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AAC5E,CAAC","sourcesContent":["/**\n * **이력을 받는 칸 셋** — 화면이 저장 직전에 「언제부터」를 묻는 대상.\n *\n * 서버의 `CLAIMED_FIELDS` 와 같은 목록이다. 화면이 서버를 import 하지 않으므로(그러면 빌드가\n * 옮겨 간다) 여기 한 벌을 둔다 — **갈라지면 안 묻고 보내는 칸이 생긴다.**\n */\nexport const CLAIMED_FIELDS: { axis: string; field: string }[] = [\n  { axis: 'equipment', field: 'homeLocation' },\n  { axis: 'operationalLocation', field: 'workShiftNames' },\n  { axis: 'operationalLocation', field: 'parentId' }\n]\n\n/** 이 축에서 이력을 받는 칸들. */\nexport function claimedFieldsOf(axis: string): string[] {\n  return CLAIMED_FIELDS.filter(one => one.axis === axis).map(one => one.field)\n}\n\nexport interface AssignmentChange {\n  rowName: string\n  field: string\n  before: string\n  after: string\n}\n\n/**\n * 바뀐 것 중 **이력을 받는 칸을 건드린 것**만 고른다.\n *\n * ⚠ **새로 만드는 행은 안 묻는다**(`__dirty__` 가 `+` 다). 그 행은 그 순간 생긴 것이고 「언제부터」는\n * 그 순간이다. 물으면 존재하기 전의 자리를 적을 수 있게 된다.\n *\n * ⚠ **안 바뀐 칸은 애초에 `__dirtyfields__` 에 없다.** 그리드가 이미 가려 준다.\n */\nexport function assignmentChangesIn(axis: string, patches: readonly Record<string, unknown>[]): AssignmentChange[] {\n  const fields = claimedFieldsOf(axis)\n\n  if (!fields.length) {\n    return []\n  }\n\n  const changes: AssignmentChange[] = []\n\n  for (const patch of patches) {\n    /*\n     * **그리드가 무엇이 바뀌었는지 이미 들고 있다.** `__dirtyfields__` 에 칸마다 before·after 가\n     * 있고, 바뀐 행은 `__dirty__` 가 `M` 이다.\n     *\n     * ⚠ 처음에 `cuFlag` 를 봤다 — 그것은 서버로 보낼 때 붙는 이름이고 **이 시점에는 없다.** 그래서\n     * 창이 영영 안 떴다. 화면을 열어 보기 전에는 안 보였다(2026-09-22).\n     */\n    if (String((patch as any).__dirty__ ?? '').toUpperCase() !== 'M') {\n      continue\n    }\n\n    const dirty = (patch as any).__dirtyfields__ as Record<string, { before?: unknown; after?: unknown }> | undefined\n\n    for (const field of fields) {\n      const moved = dirty?.[field]\n\n      if (!moved) {\n        continue\n      }\n\n      const before = show(moved.before)\n      const after = show(moved.after)\n\n      if (before !== after) {\n        changes.push({ rowName: String(patch.name ?? patch.id), field, before, after })\n      }\n    }\n  }\n\n  return changes\n}\n\nfunction show(value: unknown): string {\n  if (value === null || value === undefined || value === '') {\n    return ''\n  }\n\n  return Array.isArray(value) ? value.map(String).join(', ') : String(value)\n}\n"]}

package/dist-client/pages/master/equipment-class.d.ts

@@ -0,0 +1,12 @@
+import { MasterPageBase, MasterSpec } from './master-page-base.js';
+/**
+ * 설비를 묶는 틀. 「1200톤 사출기」처럼 같은 종류의 설비가 공유하는 성질을 정한다.
+ *
+ * 설비 하나하나가 이 등급을 가리킨다. 등급을 고치면 그 등급의 설비 전체가 함께 바뀐다.
+ *
+ * 화면 골격과 저장은 MasterPageBase 가 갖는다. 이 파일은 **이 화면이 무엇을 보이나**만 말한다 —
+ * 자기 인터페이스가 필요해지면 여기서 render 를 덮어쓴다.
+ */
+export declare class OpsMasterEquipmentClass extends MasterPageBase {
+    protected get spec(): MasterSpec;
+}

package/dist-client/pages/master/equipment-class.js

@@ -0,0 +1,42 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { EFFECTIVE, IDENTITY, MasterPageBase } from './master-page-base.js';
+/**
+ * 설비를 묶는 틀. 「1200톤 사출기」처럼 같은 종류의 설비가 공유하는 성질을 정한다.
+ *
+ * 설비 하나하나가 이 등급을 가리킨다. 등급을 고치면 그 등급의 설비 전체가 함께 바뀐다.
+ *
+ * 화면 골격과 저장은 MasterPageBase 가 갖는다. 이 파일은 **이 화면이 무엇을 보이나**만 말한다 —
+ * 자기 인터페이스가 필요해지면 여기서 render 를 덮어쓴다.
+ */
+let OpsMasterEquipmentClass = class OpsMasterEquipmentClass extends MasterPageBase {
+    get spec() {
+        return {
+            key: 'equipmentClass',
+            title: 'equipment-class',
+            help: 'ops-master/equipment-class',
+            query: 'equipmentClasses',
+            mutation: 'updateMultipleEquipmentClass',
+            columns: [
+                ...IDENTITY,
+                { name: 'baseIds', label: 'base-classes', type: 'reference-list', reference: { queryName: 'equipmentClasses' }, width: 180 },
+                /*
+                 * ── 나를 누가 쓰나 ────────────────────────────────────────────────
+                 *
+                 * 값의 주인이 이 표가 아니라 **저쪽 표**다. 그래서 여기서 못 고친다 — 바꾸려면 그쪽에서
+                 * 이 이름을 가리키게 하거나 떼면 된다.
+                 *
+                 * 넘치면 **몇이 안 보이는지 함께 낸다.** 오류보고없이 자르면 「셋이 있다」와 「서른이 있는데
+                 * 셋만 보인다」가 같아 보이고, 그 칸을 보고 사람이 판단을 내린다.
+                 */
+                { name: 'members', label: 'members', type: 'list', width: 240, readonly: true },
+                ...EFFECTIVE
+            ]
+        };
+    }
+};
+OpsMasterEquipmentClass = __decorate([
+    customElement('ops-master-equipment-class')
+], OpsMasterEquipmentClass);
+export { OpsMasterEquipmentClass };
+//# sourceMappingURL=equipment-class.js.map

package/dist-client/pages/master/equipment-class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"equipment-class.js","sourceRoot":"","sources":["../../../client/pages/master/equipment-class.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,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,cAAc;IACzD,IAAc,IAAI;QAChB,OAAO;YACL,GAAG,EAAE,gBAAgB;YACrB,KAAK,EAAE,iBAAiB;YACxB,IAAI,EAAE,4BAA4B;YAClC,KAAK,EAAE,kBAAkB;YACzB,QAAQ,EAAE,8BAA8B;YACxC,OAAO,EAAE;gBACP,GAAG,QAAQ;gBACX,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;gBAC5H;;;;;;;;mBAQG;gBACH,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAC/E,GAAG,SAAS;aACb;SACF,CAAA;IACH,CAAC;CACF,CAAA;AAzBY,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CAyBnC","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { EFFECTIVE, IDENTITY, MasterPageBase, MasterSpec } from './master-page-base.js'\n\n/**\n * 설비를 묶는 틀. 「1200톤 사출기」처럼 같은 종류의 설비가 공유하는 성질을 정한다.\n *\n * 설비 하나하나가 이 등급을 가리킨다. 등급을 고치면 그 등급의 설비 전체가 함께 바뀐다.\n *\n * 화면 골격과 저장은 MasterPageBase 가 갖는다. 이 파일은 **이 화면이 무엇을 보이나**만 말한다 —\n * 자기 인터페이스가 필요해지면 여기서 render 를 덮어쓴다.\n */\n@customElement('ops-master-equipment-class')\nexport class OpsMasterEquipmentClass extends MasterPageBase {\n  protected get spec(): MasterSpec {\n    return {\n      key: 'equipmentClass',\n      title: 'equipment-class',\n      help: 'ops-master/equipment-class',\n      query: 'equipmentClasses',\n      mutation: 'updateMultipleEquipmentClass',\n      columns: [\n        ...IDENTITY,\n        { name: 'baseIds', label: 'base-classes', type: 'reference-list', reference: { queryName: 'equipmentClasses' }, width: 180 },\n        /*\n         * ── 나를 누가 쓰나 ────────────────────────────────────────────────\n         *\n         * 값의 주인이 이 표가 아니라 **저쪽 표**다. 그래서 여기서 못 고친다 — 바꾸려면 그쪽에서\n         * 이 이름을 가리키게 하거나 떼면 된다.\n         *\n         * 넘치면 **몇이 안 보이는지 함께 낸다.** 오류보고없이 자르면 「셋이 있다」와 「서른이 있는데\n         * 셋만 보인다」가 같아 보이고, 그 칸을 보고 사람이 판단을 내린다.\n         */\n        { name: 'members', label: 'members', type: 'list', width: 240, readonly: true },\n        ...EFFECTIVE\n      ]\n    }\n  }\n}\n"]}

package/dist-client/pages/master/equipment.d.ts

@@ -0,0 +1,12 @@
+import { MasterPageBase, MasterSpec } from './master-page-base.js';
+/**
+ * 실제로 돌아가는 설비 하나하나. 실적과 정지 기록이 이것에 붙는다.
+ *
+ * 근무 캘린더를 정해야 계획 조업 시간이 생기고, 그것이 없으면 가동률이 「모름」이 된다.
+ *
+ * 화면 골격과 저장은 MasterPageBase 가 갖는다. 이 파일은 **이 화면이 무엇을 보이나**만 말한다 —
+ * 자기 인터페이스가 필요해지면 여기서 render 를 덮어쓴다.
+ */
+export declare class OpsMasterEquipment extends MasterPageBase {
+    protected get spec(): MasterSpec;
+}

package/dist-client/pages/master/equipment.js

@@ -0,0 +1,58 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { EFFECTIVE, IDENTITY, MasterPageBase } from './master-page-base.js';
+/**
+ * 실제로 돌아가는 설비 하나하나. 실적과 정지 기록이 이것에 붙는다.
+ *
+ * 근무 캘린더를 정해야 계획 조업 시간이 생기고, 그것이 없으면 가동률이 「모름」이 된다.
+ *
+ * 화면 골격과 저장은 MasterPageBase 가 갖는다. 이 파일은 **이 화면이 무엇을 보이나**만 말한다 —
+ * 자기 인터페이스가 필요해지면 여기서 render 를 덮어쓴다.
+ */
+let OpsMasterEquipment = class OpsMasterEquipment extends MasterPageBase {
+    get spec() {
+        return {
+            key: 'equipment',
+            axis: 'equipment',
+            title: 'equipment',
+            help: 'ops-master/equipment',
+            query: 'equipmentList',
+            mutation: 'updateMultipleEquipment',
+            columns: [
+                ...IDENTITY,
+                { name: 'kind', label: 'equipment-class', type: 'string', width: 200 },
+                { name: 'identity', label: 'identity', type: 'string', width: 200 },
+                {
+                    name: 'homeLocation',
+                    label: 'home-location',
+                    type: 'reference',
+                    reference: { queryName: 'operationalLocations' },
+                    width: 140
+                },
+                /*
+                 * ── 손으로 칠 수 있는 값이 아니다 ─────────────────────────────────
+                 *
+                 * `type: 'json'` 은 글자를 그대로 받아 `JSON.parse` 하고, 실패하면 **오류 없이 `null`**
+                 * 로 둔다(`data-grid-body.js`). 그래서 이 칸을 고치려면 사람이 이런 것을 손으로 쳐야
+                 * 했고, 오타 하나에 그 설비의 계획 가동 시간이 조용히 사라졌다.
+                 *
+                 *   [{"id":"A조","fromDayOffset":0,"fromTime":"06:00","toDayOffset":0,"toTime":"14:00"}]
+                 *
+                 * 그리고 **정상은 이 칸이 비는 것**이다. 근무조는 자리가 선언하고 설비가 물려받는다
+                 * (`OperationalLocation.workShiftNames`). 이 칸은 「이 설비만 따로 이렇게 가동한다」는
+                 * 예외를 적는 자리다 — 예외가 없는 설비에 값이 있으면 화면이 거짓말을 한다.
+                 *
+                 * 읽기 전용으로 둔다. 값이 있으면 보이고, 고치는 길은 예외를 제대로 세울 때 만든다.
+                 * 지금 상태로 열어 두는 것은 고칠 수 있는 척하면서 자료를 잃는 것이다.
+                 */
+                { name: 'workCalendar', label: 'work-calendar', type: 'json', width: 200, readonly: true },
+                ...EFFECTIVE
+            ]
+        };
+    }
+};
+OpsMasterEquipment = __decorate([
+    customElement('ops-master-equipment')
+], OpsMasterEquipment);
+export { OpsMasterEquipment };
+//# sourceMappingURL=equipment.js.map

package/dist-client/pages/master/equipment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"equipment.js","sourceRoot":"","sources":["../../../client/pages/master/equipment.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,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,cAAc;IACpD,IAAc,IAAI;QAChB,OAAO;YACL,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,sBAAsB;YAC5B,KAAK,EAAE,eAAe;YACtB,QAAQ,EAAE,yBAAyB;YACnC,OAAO,EAAE;gBACP,GAAG,QAAQ;gBACX,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;gBACtE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;gBACnE;oBACE,IAAI,EAAE,cAAc;oBACpB,KAAK,EAAE,eAAe;oBACtB,IAAI,EAAE,WAAW;oBACjB,SAAS,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE;oBAChD,KAAK,EAAE,GAAG;iBACX;gBACD;;;;;;;;;;;;;;;mBAeG;gBACH,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAC1F,GAAG,SAAS;aACb;SACF,CAAA;IACH,CAAC;CACF,CAAA;AAzCY,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAyC9B","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-equipment')\nexport class OpsMasterEquipment extends MasterPageBase {\n  protected get spec(): MasterSpec {\n    return {\n      key: 'equipment',\n      axis: 'equipment',\n      title: 'equipment',\n      help: 'ops-master/equipment',\n      query: 'equipmentList',\n      mutation: 'updateMultipleEquipment',\n      columns: [\n        ...IDENTITY,\n        { name: 'kind', label: 'equipment-class', type: 'string', width: 200 },\n        { name: 'identity', label: 'identity', type: 'string', width: 200 },\n        {\n          name: 'homeLocation',\n          label: 'home-location',\n          type: 'reference',\n          reference: { queryName: 'operationalLocations' },\n          width: 140\n        },\n        /*\n         * ── 손으로 칠 수 있는 값이 아니다 ─────────────────────────────────\n         *\n         * `type: 'json'` 은 글자를 그대로 받아 `JSON.parse` 하고, 실패하면 **오류 없이 `null`**\n         * 로 둔다(`data-grid-body.js`). 그래서 이 칸을 고치려면 사람이 이런 것을 손으로 쳐야\n         * 했고, 오타 하나에 그 설비의 계획 가동 시간이 조용히 사라졌다.\n         *\n         *   [{\"id\":\"A조\",\"fromDayOffset\":0,\"fromTime\":\"06:00\",\"toDayOffset\":0,\"toTime\":\"14:00\"}]\n         *\n         * 그리고 **정상은 이 칸이 비는 것**이다. 근무조는 자리가 선언하고 설비가 물려받는다\n         * (`OperationalLocation.workShiftNames`). 이 칸은 「이 설비만 따로 이렇게 가동한다」는\n         * 예외를 적는 자리다 — 예외가 없는 설비에 값이 있으면 화면이 거짓말을 한다.\n         *\n         * 읽기 전용으로 둔다. 값이 있으면 보이고, 고치는 길은 예외를 제대로 세울 때 만든다.\n         * 지금 상태로 열어 두는 것은 고칠 수 있는 척하면서 자료를 잃는 것이다.\n         */\n        { name: 'workCalendar', label: 'work-calendar', type: 'json', width: 200, readonly: true },\n        ...EFFECTIVE\n      ]\n    }\n  }\n}\n"]}

package/dist-client/pages/master/grist-iso-duration.d.ts

@@ -0,0 +1,20 @@
+import { OxGristEditor } from '@operato/data-grist';
+export declare const OxGristRendererIsoDuration: (value: string | undefined) => import("lit-html").TemplateResult<1>;
+export declare class OpsMasterGristEditorIsoDuration extends OxGristEditor {
+    get inlineEditable(): boolean;
+    /**
+     * 저장된 표기 → 편집기.
+     *
+     * 초로 고치게 한다. 이 공정들의 소요시간은 6.5초에서 360초 사이라 초가 자연스럽고, 저장되는
+     * 표기와도 맞는다.
+     */
+    formatForEditor(value: any): number | "";
+    /**
+     * 편집기 → 저장할 표기.
+     *
+     * **빈 칸은 지운 것으로 본다.** 0 으로 떨어뜨리면 그냥 지나간 칸이 「즉시 끝나는 공정」이 되고,
+     * 그 공정은 택트 계산에서 없는 것처럼 통과한다.
+     */
+    formatFromEditor(value: any): any;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/master/grist-iso-duration.js

@@ -0,0 +1,70 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { OxGristEditor } from '@operato/data-grist';
+import { i18next } from '@operato/i18n';
+import { durationText, isoDurationOfSeconds, secondsOfIsoDuration } from './iso-duration.js';
+/**
+ * ISO 8601 기간 칸의 그리기와 고치기.
+ *
+ * `@operato/grist-editor` 의 `duration` 은 **초 숫자**용이라 여기 못 쓴다 — 자세한 사연은
+ * `iso-duration.ts` 첫 주석에 있다. 값의 해석은 그 파일이 하고, 여기는 화면만 맡는다.
+ */
+/** 시·분·초 용어. 공용 패키지가 이미 갖고 있어 새로 만들지 않는다. */
+function units() {
+    return {
+        hour: i18next.t('label.hours'),
+        minute: i18next.t('label.minutes'),
+        second: i18next.t('label.seconds')
+    };
+}
+export const OxGristRendererIsoDuration = (value) => html `<span>${durationText(value, units())}</span>`;
+let OpsMasterGristEditorIsoDuration = class OpsMasterGristEditorIsoDuration extends OxGristEditor {
+    get inlineEditable() {
+        return true;
+    }
+    /**
+     * 저장된 표기 → 편집기.
+     *
+     * 초로 고치게 한다. 이 공정들의 소요시간은 6.5초에서 360초 사이라 초가 자연스럽고, 저장되는
+     * 표기와도 맞는다.
+     */
+    formatForEditor(value) {
+        const seconds = secondsOfIsoDuration(value);
+        /*
+         * 해석할 수 없는 값이면 편집기를 비운다. 렌더러가 원문을 보여 주었으므로 사용자는 무엇이
+         * 이상했는지 이미 보았다.
+         */
+        return seconds === undefined ? '' : seconds;
+    }
+    /**
+     * 편집기 → 저장할 표기.
+     *
+     * **빈 칸은 지운 것으로 본다.** 0 으로 떨어뜨리면 그냥 지나간 칸이 「즉시 끝나는 공정」이 되고,
+     * 그 공정은 택트 계산에서 없는 것처럼 통과한다.
+     */
+    formatFromEditor(value) {
+        const text = String(value ?? '').trim();
+        if (!text) {
+            return null;
+        }
+        const seconds = Number(text);
+        /*
+         * 숫자가 아니면 **저장하지 않고 앞의 값을 둔다.** 여기서 null 을 내면 사용자가 잘못 친 순간
+         * 원래 있던 소요시간이 사라진다.
+         */
+        if (!Number.isFinite(seconds) || seconds < 0) {
+            return this.value;
+        }
+        return isoDurationOfSeconds(seconds);
+    }
+    get editorTemplate() {
+        /* 초 단위. 작업표준서에 6.5초 같은 값이 있어 소수를 받는다. */
+        return html `<input type="number" min="0" step="0.1" .value=${this.value ?? ''} />`;
+    }
+};
+OpsMasterGristEditorIsoDuration = __decorate([
+    customElement('ops-master-grist-editor-iso-duration')
+], OpsMasterGristEditorIsoDuration);
+export { OpsMasterGristEditorIsoDuration };
+//# sourceMappingURL=grist-iso-duration.js.map

package/dist-client/pages/master/grist-iso-duration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grist-iso-duration.js","sourceRoot":"","sources":["../../../client/pages/master/grist-iso-duration.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAE5F;;;;;GAKG;AAEH,6CAA6C;AAC7C,SAAS,KAAK;IACZ,OAAO;QACL,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;QAC9B,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;QAClC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;KACnC,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,KAAyB,EAAE,EAAE,CACtE,IAAI,CAAA,SAAS,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,SAAS,CAAA;AAG7C,IAAM,+BAA+B,GAArC,MAAM,+BAAgC,SAAQ,aAAa;IAChE,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED;;;;;OAKG;IACH,eAAe,CAAC,KAAU;QACxB,MAAM,OAAO,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAA;QAE3C;;;WAGG;QACH,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAA;IAC7C,CAAC;IAED;;;;;OAKG;IACH,gBAAgB,CAAC,KAAU;QACzB,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAA;QAEvC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,IAAI,CAAA;QACb,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;QAE5B;;;WAGG;QACH,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;YAC7C,OAAO,IAAI,CAAC,KAAK,CAAA;QACnB,CAAC;QAED,OAAO,oBAAoB,CAAC,OAAO,CAAC,CAAA;IACtC,CAAC;IAED,IAAI,cAAc;QAChB,yCAAyC;QACzC,OAAO,IAAI,CAAA,kDAAkD,IAAI,CAAC,KAAK,IAAI,EAAE,KAAK,CAAA;IACpF,CAAC;CACF,CAAA;AAnDY,+BAA+B;IAD3C,aAAa,CAAC,sCAAsC,CAAC;GACzC,+BAA+B,CAmD3C","sourcesContent":["import { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { i18next } from '@operato/i18n'\n\nimport { durationText, isoDurationOfSeconds, secondsOfIsoDuration } from './iso-duration.js'\n\n/**\n * ISO 8601 기간 칸의 그리기와 고치기.\n *\n * `@operato/grist-editor` 의 `duration` 은 **초 숫자**용이라 여기 못 쓴다 — 자세한 사연은\n * `iso-duration.ts` 첫 주석에 있다. 값의 해석은 그 파일이 하고, 여기는 화면만 맡는다.\n */\n\n/** 시·분·초 용어. 공용 패키지가 이미 갖고 있어 새로 만들지 않는다. */\nfunction units() {\n  return {\n    hour: i18next.t('label.hours'),\n    minute: i18next.t('label.minutes'),\n    second: i18next.t('label.seconds')\n  }\n}\n\nexport const OxGristRendererIsoDuration = (value: string | undefined) =>\n  html`<span>${durationText(value, units())}</span>`\n\n@customElement('ops-master-grist-editor-iso-duration')\nexport class OpsMasterGristEditorIsoDuration extends OxGristEditor {\n  get inlineEditable() {\n    return true\n  }\n\n  /**\n   * 저장된 표기 → 편집기.\n   *\n   * 초로 고치게 한다. 이 공정들의 소요시간은 6.5초에서 360초 사이라 초가 자연스럽고, 저장되는\n   * 표기와도 맞는다.\n   */\n  formatForEditor(value: any) {\n    const seconds = secondsOfIsoDuration(value)\n\n    /*\n     * 해석할 수 없는 값이면 편집기를 비운다. 렌더러가 원문을 보여 주었으므로 사용자는 무엇이\n     * 이상했는지 이미 보았다.\n     */\n    return seconds === undefined ? '' : seconds\n  }\n\n  /**\n   * 편집기 → 저장할 표기.\n   *\n   * **빈 칸은 지운 것으로 본다.** 0 으로 떨어뜨리면 그냥 지나간 칸이 「즉시 끝나는 공정」이 되고,\n   * 그 공정은 택트 계산에서 없는 것처럼 통과한다.\n   */\n  formatFromEditor(value: any) {\n    const text = String(value ?? '').trim()\n\n    if (!text) {\n      return null\n    }\n\n    const seconds = Number(text)\n\n    /*\n     * 숫자가 아니면 **저장하지 않고 앞의 값을 둔다.** 여기서 null 을 내면 사용자가 잘못 친 순간\n     * 원래 있던 소요시간이 사라진다.\n     */\n    if (!Number.isFinite(seconds) || seconds < 0) {\n      return this.value\n    }\n\n    return isoDurationOfSeconds(seconds)\n  }\n\n  get editorTemplate() {\n    /* 초 단위. 작업표준서에 6.5초 같은 값이 있어 소수를 받는다. */\n    return html`<input type=\"number\" min=\"0\" step=\"0.1\" .value=${this.value ?? ''} />`\n  }\n}\n"]}