@things-factory/pdf 10.1.227 → 10.1.231

package/dist-client/index.d.ts

@@ -0,0 +1,2 @@
+export { downloadIssuedFile, issueDocument, issuedDocumentKindWord, IssueDocumentForm } from './issue-document';
+export type { IssuedDocument } from './issue-document';

package/dist-client/index.js

@@ -0,0 +1,2 @@
+export { downloadIssuedFile, issueDocument, issuedDocumentKindWord, IssueDocumentForm } from './issue-document';
+//# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA","sourcesContent":["export { downloadIssuedFile, issueDocument, issuedDocumentKindWord, IssueDocumentForm } from './issue-document'\nexport type { IssuedDocument } from './issue-document'\n"]}

package/dist-client/issue-document.d.ts

@@ -0,0 +1,44 @@
+import '@material/web/button/filled-button.js';
+import { LitElement } from 'lit';
+/** A kind as its owning module words it - `issued-document.<kind>` in that module's translations. */
+export declare const issuedDocumentKindWord: (kind?: string | null) => string;
+export type IssuedDocument = {
+    id: string;
+    number: string;
+    file?: {
+        fullpath: string;
+        name?: string | null;
+    } | null;
+};
+/**
+ * Save an issued file under its own name - `재직증명서_남종호_재직-2026-0001.pdf` - not the storage path the address
+ * carries. The file is fetched with the session and handed to the browser as a download.
+ */
+export declare function downloadIssuedFile(file: {
+    fullpath: string;
+    name?: string | null;
+}): Promise<void>;
+/**
+ * Ask for what an issue needs - its purpose and where it goes, and the day it speaks of when the kind has one - then issue
+ * it (`issueDocument`, ADR-0176) and open the file. Resolves with the issued row, or null when the person closed it.
+ */
+export declare function issueDocument(options: {
+    kind: string;
+    refId?: string;
+    asOf?: string;
+    withAsOf?: boolean;
+}): Promise<IssuedDocument | null>;
+declare const IssueDocumentForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+export declare class IssueDocumentForm extends IssueDocumentForm_base {
+    static styles: import("lit").CSSResult;
+    kind: string;
+    refId: string;
+    asOf: string;
+    withAsOf: boolean;
+    private purpose;
+    private submittedTo;
+    private busy;
+    render(): import("lit-html").TemplateResult<1>;
+    private issue;
+}
+export {};

package/dist-client/issue-document.js

@@ -0,0 +1,162 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/button/filled-button.js';
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { notify, openPopup } from '@operato/layout';
+/** A kind as its owning module words it - `issued-document.<kind>` in that module's translations. */
+export const issuedDocumentKindWord = (kind) => (kind ? i18next.t(`issued-document.${kind}`, { defaultValue: kind }) : '');
+/**
+ * Save an issued file under its own name - `재직증명서_남종호_재직-2026-0001.pdf` - not the storage path the address
+ * carries. The file is fetched with the session and handed to the browser as a download.
+ */
+export async function downloadIssuedFile(file) {
+    const response = await fetch(file.fullpath, { credentials: 'same-origin' });
+    if (!response.ok)
+        throw new Error(`${response.status} ${response.statusText}`);
+    const url = URL.createObjectURL(await response.blob());
+    const link = Object.assign(document.createElement('a'), { href: url, download: file.name || file.fullpath.split('/').pop() || 'document.pdf' });
+    document.body.appendChild(link);
+    link.click();
+    link.remove();
+    setTimeout(() => URL.revokeObjectURL(url), 1000);
+}
+/**
+ * Ask for what an issue needs - its purpose and where it goes, and the day it speaks of when the kind has one - then issue
+ * it (`issueDocument`, ADR-0176) and open the file. Resolves with the issued row, or null when the person closed it.
+ */
+export function issueDocument(options) {
+    return new Promise(resolve => {
+        let done = null;
+        const popup = openPopup(html `<issue-document-form
+        .kind=${options.kind}
+        .refId=${options.refId ?? ''}
+        .asOf=${options.asOf ?? ''}
+        .withAsOf=${!!options.withAsOf}
+        @issued=${(e) => ((done = e.detail), popup.close())}
+      ></issue-document-form>`, { backdrop: true, size: 'small', title: i18next.t('title.issue-document', { kind: issuedDocumentKindWord(options.kind) }) });
+        popup.onclosed = () => resolve(done);
+    });
+}
+let IssueDocumentForm = class IssueDocumentForm extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.kind = '';
+        this.refId = '';
+        this.asOf = '';
+        this.withAsOf = false;
+        this.purpose = '';
+        this.submittedTo = '';
+        this.busy = false;
+    }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-medium, 8px);
+      padding: var(--spacing-large, 12px);
+      background-color: var(--md-sys-color-surface);
+    }
+    label {
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-small, 4px);
+      font: var(--label-font);
+      color: var(--md-sys-color-on-surface);
+    }
+    input {
+      box-sizing: border-box;
+      width: 100%;
+      background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));
+      color: var(--input-field-color, var(--md-sys-color-on-surface));
+      border: var(--border-dim-color);
+      border-radius: var(--border-radius);
+      padding: var(--input-padding);
+      font: var(--input-font);
+    }
+    div[actions] {
+      display: flex;
+      justify-content: flex-end;
+    }
+  `; }
+    render() {
+        return html `
+      ${this.withAsOf
+            ? html `<label>${i18next.t('field.issue-as-of')}<input type="date" .value=${this.asOf} @input=${(e) => (this.asOf = e.target.value)} /></label>`
+            : ''}
+      <label>${i18next.t('field.issued-document-purpose')}<input .value=${this.purpose} @input=${(e) => (this.purpose = e.target.value)} /></label>
+      <label>${i18next.t('field.issued-document-submitted-to')}<input .value=${this.submittedTo} @input=${(e) => (this.submittedTo = e.target.value)} /></label>
+      <div actions>
+        <md-filled-button ?disabled=${this.busy} @click=${() => this.issue()}>${i18next.t('button.issue-document')}</md-filled-button>
+      </div>
+    `;
+    }
+    async issue() {
+        this.busy = true;
+        try {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($kind: String!, $refId: String, $input: IssueDocumentInput) {
+            issueDocument(kind: $kind, refId: $refId, input: $input) {
+              id
+              number
+              file {
+                fullpath
+                name
+              }
+            }
+          }
+        `,
+                variables: { kind: this.kind, refId: this.refId || null, input: { purpose: this.purpose, submittedTo: this.submittedTo, asOf: this.withAsOf ? this.asOf || null : null } }
+            });
+            if (response.errors?.length)
+                throw response.errors[0];
+            const issued = response.data.issueDocument;
+            notify({ message: i18next.t('text.issued-document-issued', { number: issued.number }) });
+            if (issued.file?.fullpath)
+                await downloadIssuedFile(issued.file);
+            this.dispatchEvent(new CustomEvent('issued', { detail: issued }));
+        }
+        catch (error) {
+            notify({ level: 'error', message: error?.message ?? String(error) });
+        }
+        finally {
+            this.busy = false;
+        }
+    }
+};
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], IssueDocumentForm.prototype, "kind", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], IssueDocumentForm.prototype, "refId", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], IssueDocumentForm.prototype, "asOf", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], IssueDocumentForm.prototype, "withAsOf", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], IssueDocumentForm.prototype, "purpose", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], IssueDocumentForm.prototype, "submittedTo", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], IssueDocumentForm.prototype, "busy", void 0);
+IssueDocumentForm = __decorate([
+    customElement('issue-document-form')
+], IssueDocumentForm);
+export { IssueDocumentForm };
+//# sourceMappingURL=issue-document.js.map

package/dist-client/issue-document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue-document.js","sourceRoot":"","sources":["../client/issue-document.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/filled-button.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\n\n/** A kind as its owning module words it - `issued-document.<kind>` in that module's translations. */\nexport const issuedDocumentKindWord = (kind?: string | null) => (kind ? i18next.t(`issued-document.${kind}`, { defaultValue: kind }) : '')\n\nexport type IssuedDocument = { id: string; number: string; file?: { fullpath: string; name?: string | null } | null }\n\n/**\n * Save an issued file under its own name - `재직증명서_남종호_재직-2026-0001.pdf` - not the storage path the address\n * carries. The file is fetched with the session and handed to the browser as a download.\n */\nexport async function downloadIssuedFile(file: { fullpath: string; name?: string | null }): Promise<void> {\n  const response = await fetch(file.fullpath, { credentials: 'same-origin' })\n  if (!response.ok) throw new Error(`${response.status} ${response.statusText}`)\n  const url = URL.createObjectURL(await response.blob())\n  const link = Object.assign(document.createElement('a'), { href: url, download: file.name || file.fullpath.split('/').pop() || 'document.pdf' })\n  document.body.appendChild(link)\n  link.click()\n  link.remove()\n  setTimeout(() => URL.revokeObjectURL(url), 1000)\n}\n\n/**\n * Ask for what an issue needs - its purpose and where it goes, and the day it speaks of when the kind has one - then issue\n * it (`issueDocument`, ADR-0176) and open the file. Resolves with the issued row, or null when the person closed it.\n */\nexport function issueDocument(options: { kind: string; refId?: string; asOf?: string; withAsOf?: boolean }): Promise<IssuedDocument | null> {\n  return new Promise(resolve => {\n    let done: IssuedDocument | null = null\n    const popup = openPopup(\n      html`<issue-document-form\n        .kind=${options.kind}\n        .refId=${options.refId ?? ''}\n        .asOf=${options.asOf ?? ''}\n        .withAsOf=${!!options.withAsOf}\n        @issued=${(e: CustomEvent) => ((done = e.detail), popup.close())}\n      ></issue-document-form>`,\n      { backdrop: true, size: 'small', title: i18next.t('title.issue-document', { kind: issuedDocumentKindWord(options.kind) }) }\n    )\n    popup.onclosed = () => resolve(done)\n  })\n}\n\n@customElement('issue-document-form')\nexport class IssueDocumentForm extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-medium, 8px);\n      padding: var(--spacing-large, 12px);\n      background-color: var(--md-sys-color-surface);\n    }\n    label {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-small, 4px);\n      font: var(--label-font);\n      color: var(--md-sys-color-on-surface);\n    }\n    input {\n      box-sizing: border-box;\n      width: 100%;\n      background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n      color: var(--input-field-color, var(--md-sys-color-on-surface));\n      border: var(--border-dim-color);\n      border-radius: var(--border-radius);\n      padding: var(--input-padding);\n      font: var(--input-font);\n    }\n    div[actions] {\n      display: flex;\n      justify-content: flex-end;\n    }\n  `\n\n  @property() kind = ''\n  @property() refId = ''\n  @property() asOf = ''\n  @property({ type: Boolean }) withAsOf = false\n  @state() private purpose = ''\n  @state() private submittedTo = ''\n  @state() private busy = false\n\n  render() {\n    return html`\n      ${this.withAsOf\n        ? html`<label>${i18next.t('field.issue-as-of')}<input type=\"date\" .value=${this.asOf} @input=${(e: any) => (this.asOf = e.target.value)} /></label>`\n        : ''}\n      <label>${i18next.t('field.issued-document-purpose')}<input .value=${this.purpose} @input=${(e: any) => (this.purpose = e.target.value)} /></label>\n      <label>${i18next.t('field.issued-document-submitted-to')}<input .value=${this.submittedTo} @input=${(e: any) => (this.submittedTo = e.target.value)} /></label>\n      <div actions>\n        <md-filled-button ?disabled=${this.busy} @click=${() => this.issue()}>${i18next.t('button.issue-document')}</md-filled-button>\n      </div>\n    `\n  }\n\n  private async issue() {\n    this.busy = true\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($kind: String!, $refId: String, $input: IssueDocumentInput) {\n            issueDocument(kind: $kind, refId: $refId, input: $input) {\n              id\n              number\n              file {\n                fullpath\n                name\n              }\n            }\n          }\n        `,\n        variables: { kind: this.kind, refId: this.refId || null, input: { purpose: this.purpose, submittedTo: this.submittedTo, asOf: this.withAsOf ? this.asOf || null : null } }\n      })\n      if (response.errors?.length) throw response.errors[0]\n      const issued: IssuedDocument = response.data.issueDocument\n      notify({ message: i18next.t('text.issued-document-issued', { number: issued.number }) })\n      if (issued.file?.fullpath) await downloadIssuedFile(issued.file)\n      this.dispatchEvent(new CustomEvent('issued', { detail: issued }))\n    } catch (error: any) {\n      notify({ level: 'error', message: error?.message ?? String(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n}\n"]}

package/dist-client/pages/issued-document/issued-document-list.d.ts

@@ -0,0 +1,52 @@
+import '@material/web/icon/icon.js';
+import '@operato/data-grist/ox-grist.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
+import { FetchOption } from '@operato/data-grist';
+import { PageView } from '@operato/shell';
+declare const IssuedDocumentList_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 발급 대장 (ADR-0176 decision 2) - the documents issued, newest first: kind, number, whom or what each is about, what
+ * for and to whom, who issued it and when, and whether it was revoked. Each person sees the kinds their own rules let
+ * them read (the server asks each kind's module) - an employee their own certificates - and issues here what is about
+ * the company or about themselves. A file is saved as it was issued; a mistaken one is revoked with a reason.
+ */
+export declare class IssuedDocumentList extends IssuedDocumentList_base {
+    /** 내 증명서: one's own - about oneself or issued by oneself - and the documents one issues here. Else the whole ledger. */
+    protected mine: boolean;
+    static styles: import("lit").CSSResult[];
+    private gristConfig;
+    private kinds;
+    private issuable;
+    private kind;
+    private selected;
+    private reason;
+    private busy;
+    private grist;
+    get context(): {
+        title: string;
+        actions: {
+            title: string;
+            icon: string;
+            action: () => Promise<void | null>;
+        }[];
+        search: {
+            handler: (search: string) => Promise<void>;
+            value: string;
+        };
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(): Promise<void>;
+    pageUpdated(changes: any): Promise<void>;
+    fetchHandler({ page, limit }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    private select;
+    private revoke;
+}
+/** 내 정보 › 내 증명서 - the ledger's rows that are one's own, and the documents one issues for oneself. */
+export declare class MyIssuedDocumentList extends IssuedDocumentList {
+    protected mine: boolean;
+}
+export {};

package/dist-client/pages/issued-document/issued-document-list.js

@@ -0,0 +1,265 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@operato/data-grist/ox-grist.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
+import gql from 'graphql-tag';
+import { css, html, nothing } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { DataGrist } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { notify } from '@operato/layout';
+import { PageView } from '@operato/shell';
+import { CommonGristStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { downloadIssuedFile, issueDocument, issuedDocumentKindWord as kindWord } from '../../issue-document';
+const FIELDS = 'id kind number subjectName purpose submittedTo state revokedAt revokeReason createdAt creator { id name } file { id fullpath name }';
+/**
+ * 발급 대장 (ADR-0176 decision 2) - the documents issued, newest first: kind, number, whom or what each is about, what
+ * for and to whom, who issued it and when, and whether it was revoked. Each person sees the kinds their own rules let
+ * them read (the server asks each kind's module) - an employee their own certificates - and issues here what is about
+ * the company or about themselves. A file is saved as it was issued; a mistaken one is revoked with a reason.
+ */
+let IssuedDocumentList = class IssuedDocumentList extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        /** 내 증명서: one's own - about oneself or issued by oneself - and the documents one issues here. Else the whole ledger. */
+        this.mine = false;
+        this.kinds = [];
+        this.issuable = [];
+        this.kind = '';
+        this.selected = null;
+        this.reason = '';
+        this.busy = false;
+    }
+    static { this.styles = [
+        WorkSurfacePageStyles,
+        ScrollbarStyles,
+        CommonGristStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+      }
+      ox-grist {
+        flex: 1;
+      }
+      .filters {
+        display: flex;
+        gap: var(--spacing-medium, 8px);
+        align-items: center;
+        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);
+      }
+      .revoke {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--spacing-medium, 8px);
+        align-items: center;
+        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);
+        border-top: var(--border-dim-color);
+        font: var(--label-font);
+      }
+      .revoke input {
+        flex: 1;
+        min-width: 200px;
+        background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));
+        color: var(--input-field-color, var(--md-sys-color-on-surface));
+        border: var(--border-dim-color);
+        border-radius: var(--border-radius);
+        padding: var(--input-padding);
+        font: var(--input-font);
+      }
+      .filters label {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing-medium, 8px);
+        font: var(--label-font);
+      }
+      ox-select {
+        min-width: 200px;
+      }
+    `
+    ]; }
+    get context() {
+        return {
+            title: i18next.t(this.mine ? 'title.my-issued-documents' : 'title.issued-document-list'),
+            /* Issued in 내 증명서: a document about oneself (one's 재직증명서), and one about the company itself (a 주주명부). */
+            actions: (this.mine ? this.issuable : []).map(one => ({
+                title: i18next.t('button.issue-kind', { kind: kindWord(one.kind) }),
+                icon: 'workspace_premium',
+                action: async () => (await issueDocument({ kind: one.kind, refId: one.refId ?? undefined, withAsOf: one.asOf })) && this.grist.fetch()
+            })),
+            search: { handler: (search) => ((this.grist.searchText = search), this.grist.fetch()), value: this.grist?.searchText }
+        };
+    }
+    render() {
+        const row = this.selected;
+        return html `
+      ${this.kinds.length > 1
+            ? html `<div class="filters">
+            <label
+              >${i18next.t('field.issued-document-kind')}
+              <ox-select
+                .value=${this.kind}
+                @change=${(e) => {
+                const next = String(e.detail ?? '');
+                if (next !== this.kind)
+                    (this.kind = next), this.grist.fetch();
+            }}
+              >
+                <span slot="label">${this.kind ? kindWord(this.kind) : i18next.t('text.all')}</span>
+                <ox-popup-list align-left nowrap with-search>
+                  <div option value="">${i18next.t('text.all')}</div>
+                  ${this.kinds.map(kind => html `<div option value=${kind}>${kindWord(kind)}</div>`)}
+                </ox-popup-list>
+              </ox-select>
+            </label>
+          </div>`
+            : nothing}
+      <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} @select-record-change=${(e) => this.select(e.detail?.records)}></ox-grist>
+      ${row && row.state === 'published'
+            ? html `<div class="revoke">
+            ${i18next.t('text.issued-document-revoke', { number: row.number })}
+            <input .value=${this.reason} placeholder=${i18next.t('field.issued-document-revoke-reason')} ?disabled=${this.busy} @input=${(e) => (this.reason = e.target.value)} />
+            <button danger ?disabled=${this.busy || !this.reason.trim()} @click=${() => this.revoke()}>${i18next.t('button.issued-document-revoke')}</button>
+          </div>`
+            : nothing}
+    `;
+    }
+    async pageInitialized() {
+        this.gristConfig = {
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                { type: 'gutter', gutterName: 'row-selector', multiple: false },
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'download',
+                    title: i18next.t('button.issued-document-open'),
+                    handlers: {
+                        click: (_c, _d, _col, record) => record?.file?.fullpath && downloadIssuedFile(record.file).catch((error) => notify({ level: 'error', message: error?.message ?? String(error) }))
+                    }
+                },
+                { type: 'string', name: 'number', header: i18next.t('field.issued-document-number'), width: 140 },
+                { type: 'string', name: 'kind', header: i18next.t('field.issued-document-kind'), record: { renderer: (value) => kindWord(value) }, width: 140 },
+                { type: 'string', name: 'subjectName', header: i18next.t('field.issued-document-subject'), width: 160 },
+                { type: 'string', name: 'purpose', header: i18next.t('field.issued-document-purpose'), width: 160 },
+                { type: 'string', name: 'submittedTo', header: i18next.t('field.issued-document-submitted-to'), width: 160 },
+                { type: 'datetime', name: 'createdAt', header: i18next.t('field.issued-document-issued-at'), width: 160 },
+                { type: 'resource-object', name: 'creator', header: i18next.t('field.issued-document-issuer'), width: 110 },
+                {
+                    type: 'string',
+                    name: 'state',
+                    header: i18next.t('field.state'),
+                    record: { renderer: (value, _c, record) => (value === 'revoked' ? `${i18next.t('text.issued-document-revoked')} · ${record.revokeReason ?? ''}` : i18next.t('text.issued-document-published')) },
+                    width: 200
+                }
+            ],
+            rows: { appendable: false, selectable: { multiple: false } }
+        };
+        const response = await client.query({ query: gql `query { issuedDocumentKinds { kind asOf issuable refId } }`, fetchPolicy: 'no-cache' });
+        const kinds = response.data?.issuedDocumentKinds ?? [];
+        this.kinds = kinds.map((one) => one.kind);
+        this.issuable = kinds.filter((one) => one.issuable);
+        this.updateContext();
+    }
+    async pageUpdated(changes) {
+        if (this.active && changes.active && this.grist)
+            this.grist.fetch();
+    }
+    async fetchHandler({ page = 1, limit = 100 }) {
+        const filters = [];
+        if (this.kind)
+            filters.push({ name: 'kind', operator: 'eq', value: this.kind });
+        if (this.grist?.searchText)
+            filters.push({ name: 'q', operator: 'search', value: this.grist.searchText });
+        const response = await client.query({
+            query: gql(this.mine
+                ? `query ($filters: [Filter!], $pagination: Pagination) { list: readableIssuedDocuments(filters: $filters, pagination: $pagination, mine: true) { items { ${FIELDS} } total } }`
+                : `query ($filters: [Filter!], $pagination: Pagination) { list: issuedDocuments(filters: $filters, pagination: $pagination) { items { ${FIELDS} } total } }`),
+            variables: { filters, pagination: { page, limit } },
+            fetchPolicy: 'no-cache'
+        });
+        this.select([]);
+        return { total: response.data?.list?.total ?? 0, records: response.data?.list?.items ?? [] };
+    }
+    select(records) {
+        const row = records?.[0] ?? null;
+        if (row?.id !== this.selected?.id)
+            this.reason = '';
+        this.selected = row;
+    }
+    async revoke() {
+        this.busy = true;
+        try {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($id: String!, $reason: String!) {
+            revokeIssuedDocument(id: $id, reason: $reason) {
+              id
+            }
+          }
+        `,
+                variables: { id: this.selected.id, reason: this.reason }
+            });
+            if (response.errors?.length)
+                throw response.errors[0];
+            notify({ message: i18next.t('text.issued-document-revoked-done', { number: this.selected.number }) });
+            this.grist.fetch();
+        }
+        catch (error) {
+            notify({ level: 'error', message: error?.message ?? String(error) });
+        }
+        finally {
+            this.busy = false;
+        }
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], IssuedDocumentList.prototype, "gristConfig", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], IssuedDocumentList.prototype, "kinds", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], IssuedDocumentList.prototype, "issuable", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], IssuedDocumentList.prototype, "kind", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], IssuedDocumentList.prototype, "selected", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], IssuedDocumentList.prototype, "reason", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], IssuedDocumentList.prototype, "busy", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], IssuedDocumentList.prototype, "grist", void 0);
+IssuedDocumentList = __decorate([
+    customElement('issued-document-list')
+], IssuedDocumentList);
+export { IssuedDocumentList };
+/** 내 정보 › 내 증명서 - the ledger's rows that are one's own, and the documents one issues for oneself. */
+let MyIssuedDocumentList = class MyIssuedDocumentList extends IssuedDocumentList {
+    constructor() {
+        super(...arguments);
+        this.mine = true;
+    }
+};
+MyIssuedDocumentList = __decorate([
+    customElement('my-issued-document-list')
+], MyIssuedDocumentList);
+export { MyIssuedDocumentList };
+//# sourceMappingURL=issued-document-list.js.map

package/dist-client/pages/issued-document/issued-document-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"issued-document-list.js","sourceRoot":"","sources":["../../../client/pages/issued-document/issued-document-list.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,iCAAiC,CAAA;AACxC,OAAO,6BAA6B,CAAA;AACpC,OAAO,iCAAiC,CAAA;AAExC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE/D,OAAO,EAAE,SAAS,EAAe,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAE3F,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,sBAAsB,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE5G,MAAM,MAAM,GAAG,qIAAqI,CAAA;AAEpJ;;;;;GAKG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC;IAA5D;;QACL,wHAAwH;QAC9G,SAAI,GAAG,KAAK,CAAA;QAoDL,UAAK,GAAa,EAAE,CAAA;QACpB,aAAQ,GAA6D,EAAE,CAAA;QACvE,SAAI,GAAG,EAAE,CAAA;QACT,aAAQ,GAAQ,IAAI,CAAA;QACpB,WAAM,GAAG,EAAE,CAAA;QACX,SAAI,GAAG,KAAK,CAAA;IA2I/B,CAAC;aAlMQ,WAAM,GAAG;QACd,qBAAqB;QACrB,eAAe;QACf,iBAAiB;QACjB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0CF;KACF,AA/CY,CA+CZ;IAYD,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,4BAA4B,CAAC;YACxF,yGAAyG;YACzG,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;gBACpD,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBACnE,IAAI,EAAE,mBAAmB;gBACzB,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IAAI,SAAS,EAAE,QAAQ,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;aACvI,CAAC,CAAC;YACH,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE;SAC/H,CAAA;IACH,CAAC;IAED,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAA;QACzB,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YACrB,CAAC,CAAC,IAAI,CAAA;;iBAEG,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC;;yBAE/B,IAAI,CAAC,IAAI;0BACR,CAAC,CAAc,EAAE,EAAE;gBAC3B,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAA;gBACnC,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI;oBAAE,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;YAChE,CAAC;;qCAEoB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;;yCAEnD,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;oBAC1C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,qBAAqB,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;;;;iBAIlF;YACT,CAAC,CAAC,OAAO;wBACO,MAAM,YAAY,IAAI,CAAC,WAAW,kBAAkB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;QACpK,GAAG,IAAI,GAAG,CAAC,KAAK,KAAK,WAAW;YAChC,CAAC,CAAC,IAAI,CAAA;cACA,OAAO,CAAC,CAAC,CAAC,6BAA6B,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC;4BAClD,IAAI,CAAC,MAAM,gBAAgB,OAAO,CAAC,CAAC,CAAC,qCAAqC,CAAC,cAAc,IAAI,CAAC,IAAI,WAAW,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;uCAC5I,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC;iBAClI;YACT,CAAC,CAAC,OAAO;KACZ,CAAA;IACH,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,IAAI,CAAC,WAAW,GAAG;YACjB,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE;gBAC1C,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE;gBAC/D;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,UAAU;oBAChB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;oBAC/C,QAAQ,EAAE;wBACR,KAAK,EAAE,CAAC,EAAO,EAAE,EAAO,EAAE,IAAS,EAAE,MAAW,EAAE,EAAE,CAClD,MAAM,EAAE,IAAI,EAAE,QAAQ,IAAI,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;qBACxJ;iBACF;gBACD,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;gBACjG,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;gBACvJ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;gBACvG,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;gBACnG,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,oCAAoC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;gBAC5G,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,iCAAiC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;gBACzG,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE;gBAC3G;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,OAAO;oBACb,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;oBAChC,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAO,EAAE,MAAW,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,MAAM,MAAM,CAAC,YAAY,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,EAAE;oBAClN,KAAK,EAAE,GAAG;iBACX;aACF;YACD,IAAI,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;SAC7D,CAAA;QACD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,CAAA,4DAA4D,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAA;QACxI,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,mBAAmB,IAAI,EAAE,CAAA;QACtD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QACxD,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,OAAY;QAC5B,IAAK,IAAY,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK;YAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;IAC9E,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,EAAe;QACvD,MAAM,OAAO,GAAU,EAAE,CAAA;QACzB,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;QAC/E,IAAI,IAAI,CAAC,KAAK,EAAE,UAAU;YAAE,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAA;QACzG,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CACR,IAAI,CAAC,IAAI;gBACP,CAAC,CAAC,0JAA0J,MAAM,cAAc;gBAChL,CAAC,CAAC,sIAAsI,MAAM,cAAc,CAC/J;YACD,SAAS,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;YACnD,WAAW,EAAE,UAAU;SACxB,CAAC,CAAA;QACF,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;QACf,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,EAAE,CAAA;IAC9F,CAAC;IAEO,MAAM,CAAC,OAA0B;QACvC,MAAM,GAAG,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAA;QAChC,IAAI,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQ,EAAE,EAAE;YAAE,IAAI,CAAC,MAAM,GAAG,EAAE,CAAA;QACnD,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAA;IACrB,CAAC;IAEO,KAAK,CAAC,MAAM;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;gBACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;SAMZ;gBACD,SAAS,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;aACzD,CAAC,CAAA;YACF,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM;gBAAE,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;YACrD,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,mCAAmC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;YACrG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;QACpB,CAAC;QAAC,OAAO,KAAU,EAAE,CAAC;YACpB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QACtE,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;QACnB,CAAC;IACH,CAAC;;AAhJgB;IAAhB,KAAK,EAAE;;uDAAyB;AAChB;IAAhB,KAAK,EAAE;;iDAA6B;AACpB;IAAhB,KAAK,EAAE;;oDAAgF;AACvE;IAAhB,KAAK,EAAE;;gDAAkB;AACT;IAAhB,KAAK,EAAE;;oDAA6B;AACpB;IAAhB,KAAK,EAAE;;kDAAoB;AACX;IAAhB,KAAK,EAAE;;gDAAqB;AAEF;IAA1B,KAAK,CAAC,UAAU,CAAC;8BAAiB,SAAS;iDAAA;AA7DjC,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAsM9B;;AAED,qGAAqG;AAE9F,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,kBAAkB;IAArD;;QACK,SAAI,GAAG,IAAI,CAAA;IACvB,CAAC;CAAA,CAAA;AAFY,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAEhC","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/input/ox-select.js'\nimport '@operato/popup/ox-popup-list.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, nothing } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\n\nimport { downloadIssuedFile, issueDocument, issuedDocumentKindWord as kindWord } from '../../issue-document'\n\nconst FIELDS = 'id kind number subjectName purpose submittedTo state revokedAt revokeReason createdAt creator { id name } file { id fullpath name }'\n\n/**\n * 발급 대장 (ADR-0176 decision 2) - the documents issued, newest first: kind, number, whom or what each is about, what\n * for and to whom, who issued it and when, and whether it was revoked. Each person sees the kinds their own rules let\n * them read (the server asks each kind's module) - an employee their own certificates - and issues here what is about\n * the company or about themselves. A file is saved as it was issued; a mistaken one is revoked with a reason.\n */\n@customElement('issued-document-list')\nexport class IssuedDocumentList extends localize(i18next)(PageView) {\n  /** 내 증명서: one's own - about oneself or issued by oneself - and the documents one issues here. Else the whole ledger. */\n  protected mine = false\n\n  static styles = [\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n      }\n      ox-grist {\n        flex: 1;\n      }\n      .filters {\n        display: flex;\n        gap: var(--spacing-medium, 8px);\n        align-items: center;\n        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n      }\n      .revoke {\n        display: flex;\n        flex-wrap: wrap;\n        gap: var(--spacing-medium, 8px);\n        align-items: center;\n        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n        border-top: var(--border-dim-color);\n        font: var(--label-font);\n      }\n      .revoke input {\n        flex: 1;\n        min-width: 200px;\n        background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n        color: var(--input-field-color, var(--md-sys-color-on-surface));\n        border: var(--border-dim-color);\n        border-radius: var(--border-radius);\n        padding: var(--input-padding);\n        font: var(--input-font);\n      }\n      .filters label {\n        display: flex;\n        align-items: center;\n        gap: var(--spacing-medium, 8px);\n        font: var(--label-font);\n      }\n      ox-select {\n        min-width: 200px;\n      }\n    `\n  ]\n\n  @state() private gristConfig: any\n  @state() private kinds: string[] = []\n  @state() private issuable: { kind: string; asOf: boolean; refId?: string | null }[] = []\n  @state() private kind = ''\n  @state() private selected: any = null\n  @state() private reason = ''\n  @state() private busy = false\n\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t(this.mine ? 'title.my-issued-documents' : 'title.issued-document-list'),\n      /* Issued in 내 증명서: a document about oneself (one's 재직증명서), and one about the company itself (a 주주명부). */\n      actions: (this.mine ? this.issuable : []).map(one => ({\n        title: i18next.t('button.issue-kind', { kind: kindWord(one.kind) }),\n        icon: 'workspace_premium',\n        action: async () => (await issueDocument({ kind: one.kind, refId: one.refId ?? undefined, withAsOf: one.asOf })) && this.grist.fetch()\n      })),\n      search: { handler: (search: string) => ((this.grist.searchText = search), this.grist.fetch()), value: this.grist?.searchText }\n    }\n  }\n\n  render() {\n    const row = this.selected\n    return html`\n      ${this.kinds.length > 1\n        ? html`<div class=\"filters\">\n            <label\n              >${i18next.t('field.issued-document-kind')}\n              <ox-select\n                .value=${this.kind}\n                @change=${(e: CustomEvent) => {\n                  const next = String(e.detail ?? '')\n                  if (next !== this.kind) (this.kind = next), this.grist.fetch()\n                }}\n              >\n                <span slot=\"label\">${this.kind ? kindWord(this.kind) : i18next.t('text.all')}</span>\n                <ox-popup-list align-left nowrap with-search>\n                  <div option value=\"\">${i18next.t('text.all')}</div>\n                  ${this.kinds.map(kind => html`<div option value=${kind}>${kindWord(kind)}</div>`)}\n                </ox-popup-list>\n              </ox-select>\n            </label>\n          </div>`\n        : nothing}\n      <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} @select-record-change=${(e: any) => this.select(e.detail?.records)}></ox-grist>\n      ${row && row.state === 'published'\n        ? html`<div class=\"revoke\">\n            ${i18next.t('text.issued-document-revoke', { number: row.number })}\n            <input .value=${this.reason} placeholder=${i18next.t('field.issued-document-revoke-reason')} ?disabled=${this.busy} @input=${(e: any) => (this.reason = e.target.value)} />\n            <button danger ?disabled=${this.busy || !this.reason.trim()} @click=${() => this.revoke()}>${i18next.t('button.issued-document-revoke')}</button>\n          </div>`\n        : nothing}\n    `\n  }\n\n  async pageInitialized() {\n    this.gristConfig = {\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: false },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'download',\n          title: i18next.t('button.issued-document-open'),\n          handlers: {\n            click: (_c: any, _d: any, _col: any, record: any) =>\n              record?.file?.fullpath && downloadIssuedFile(record.file).catch((error: any) => notify({ level: 'error', message: error?.message ?? String(error) }))\n          }\n        },\n        { type: 'string', name: 'number', header: i18next.t('field.issued-document-number'), width: 140 },\n        { type: 'string', name: 'kind', header: i18next.t('field.issued-document-kind'), record: { renderer: (value: string) => kindWord(value) }, width: 140 },\n        { type: 'string', name: 'subjectName', header: i18next.t('field.issued-document-subject'), width: 160 },\n        { type: 'string', name: 'purpose', header: i18next.t('field.issued-document-purpose'), width: 160 },\n        { type: 'string', name: 'submittedTo', header: i18next.t('field.issued-document-submitted-to'), width: 160 },\n        { type: 'datetime', name: 'createdAt', header: i18next.t('field.issued-document-issued-at'), width: 160 },\n        { type: 'resource-object', name: 'creator', header: i18next.t('field.issued-document-issuer'), width: 110 },\n        {\n          type: 'string',\n          name: 'state',\n          header: i18next.t('field.state'),\n          record: { renderer: (value: string, _c: any, record: any) => (value === 'revoked' ? `${i18next.t('text.issued-document-revoked')} · ${record.revokeReason ?? ''}` : i18next.t('text.issued-document-published')) },\n          width: 200\n        }\n      ],\n      rows: { appendable: false, selectable: { multiple: false } }\n    }\n    const response = await client.query({ query: gql`query { issuedDocumentKinds { kind asOf issuable refId } }`, fetchPolicy: 'no-cache' })\n    const kinds = response.data?.issuedDocumentKinds ?? []\n    this.kinds = kinds.map((one: any) => one.kind)\n    this.issuable = kinds.filter((one: any) => one.issuable)\n    this.updateContext()\n  }\n\n  async pageUpdated(changes: any) {\n    if ((this as any).active && changes.active && this.grist) this.grist.fetch()\n  }\n\n  async fetchHandler({ page = 1, limit = 100 }: FetchOption) {\n    const filters: any[] = []\n    if (this.kind) filters.push({ name: 'kind', operator: 'eq', value: this.kind })\n    if (this.grist?.searchText) filters.push({ name: 'q', operator: 'search', value: this.grist.searchText })\n    const response = await client.query({\n      query: gql(\n        this.mine\n          ? `query ($filters: [Filter!], $pagination: Pagination) { list: readableIssuedDocuments(filters: $filters, pagination: $pagination, mine: true) { items { ${FIELDS} } total } }`\n          : `query ($filters: [Filter!], $pagination: Pagination) { list: issuedDocuments(filters: $filters, pagination: $pagination) { items { ${FIELDS} } total } }`\n      ),\n      variables: { filters, pagination: { page, limit } },\n      fetchPolicy: 'no-cache'\n    })\n    this.select([])\n    return { total: response.data?.list?.total ?? 0, records: response.data?.list?.items ?? [] }\n  }\n\n  private select(records: any[] | undefined) {\n    const row = records?.[0] ?? null\n    if (row?.id !== this.selected?.id) this.reason = ''\n    this.selected = row\n  }\n\n  private async revoke() {\n    this.busy = true\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $reason: String!) {\n            revokeIssuedDocument(id: $id, reason: $reason) {\n              id\n            }\n          }\n        `,\n        variables: { id: this.selected.id, reason: this.reason }\n      })\n      if (response.errors?.length) throw response.errors[0]\n      notify({ message: i18next.t('text.issued-document-revoked-done', { number: this.selected.number }) })\n      this.grist.fetch()\n    } catch (error: any) {\n      notify({ level: 'error', message: error?.message ?? String(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n}\n\n/** 내 정보 › 내 증명서 - the ledger's rows that are one's own, and the documents one issues for oneself. */\n@customElement('my-issued-document-list')\nexport class MyIssuedDocumentList extends IssuedDocumentList {\n  protected mine = true\n}\n"]}

package/dist-client/pages/pdf-template/pdf-template-list-page.js

@@ -94,6 +94,7 @@ let PDFTemplateListPage = class PDFTemplateListPage extends localize(i18next)(Sc
     `;
     }
     async pageInitialized(lifecycle) {
+        const kinds = ((await client.query({ query: gql `query { issuedDocumentKinds { kind } }` })).data?.issuedDocumentKinds ?? []).map((one) => one.kind);
         this.gristConfig = { list: { fields: ['name', 'description'],
                 details: ['active', 'updatedAt']
             },
@@ -129,6 +130,16 @@ let PDFTemplateListPage = class PDFTemplateListPage extends localize(i18next)(Sc
                     sortable: true,
                     width: 60
                 },
+                /* The issued document kind this template prints for the domain, in place of the kind's template in code (ADR-0176). */
+                { type: 'select',
+                    name: 'kind',
+                    label: true,
+                    header: i18next.t('field.issued-document-kind'),
+                    record: { editable: true,
+                        options: ['', ...kinds],
+                        renderer: (value) => (value ? i18next.t(`issued-document.${value}`, { defaultValue: value }) : '')
+                    },
+                    width: 160 },
                 { type: 'string',
                     name: 'state',
                     label: true,
@@ -241,6 +252,7 @@ let PDFTemplateListPage = class PDFTemplateListPage extends localize(i18next)(Sc
               description
               active
               state
+              kind
               content_template
               header_template
               footer_template