@things-factory/pdf 10.1.255 → 10.1.257

package/dist-client/pages/pdf-template/pdf-template-editor.js

@@ -1,15 +1,16 @@
 import { __decorate, __metadata } from "tslib";
 import '@operato/input/ox-input-file.js';
 import '@operato/list-state/ox-page-state.js';
-import { client } from '@operato/graphql';
+import { client, MutationController, QueryController } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
-import { navigate, PageView } from '@operato/shell';
+import { navigate, PageView, DraftController } from '@operato/shell';
 import { ButtonStyles, DocumentPageStyles, FormFieldStyles } from '@operato/styles';
 import gql from 'graphql-tag';
 import { css, html, nothing } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 const FIELDS = 'id name description active state page_size watermark content_template header_template footer_template cover_template last_template';
 const PAGE_SIZES = ['A4', 'A3', 'A5', 'Letter', 'Legal', 'Tabloid'];
+const reasonOf = (error) => error?.graphQLErrors?.[0]?.message ?? error?.errors?.[0]?.message ?? error?.message ?? String(error);
 const blank = () => ({ name: '', description: '', active: true, state: 'draft', page_size: 'A4', watermark: '', content_template: '', header_template: '', footer_template: '', cover_template: '', last_template: '' });
 /**
  * One PDF template: its parts are Handlebars HTML, written here or loaded from a file, and printed to a PDF with
@@ -19,11 +20,19 @@ let PDFTemplateEditor = class PDFTemplateEditor extends localize(i18next)(PageVi
     constructor() {
         super(...arguments);
         this.templateId = '';
-        this.form = blank();
         this.sample = '{}';
         this.preview = '';
-        this.busy = false;
-        this.failure = '';
+        /* A preview being printed - a read on demand - and why it failed. */
+        this.previewing = false;
+        this.previewFailure = '';
+        /* The template the address names (ADR-0190). */
+        this.template = new QueryController(this, gql(`query ($id: String!) { PDFTemplate(id: $id) { ${FIELDS} } }`), {
+            variables: () => (this.templateId ? { id: this.templateId } : undefined)
+        });
+        this.creating = new MutationController(this, gql `mutation ($template: NewPDFTemplate!) { template: createPDFTemplate(pdfTemplate: $template) { id } }`, { showsError: true });
+        this.updating = new MutationController(this, gql `mutation ($id: String!, $patch: PDFTemplatePatch!) { template: updatePDFTemplate(id: $id, patch: $patch) { id } }`, { showsError: true, refetch: () => [this.template] });
+        /* The form as changed here over the template read (a blank one for a new template). */
+        this.draft = new DraftController(this, { read: () => this.stored, key: () => this.templateId });
     }
     static { this.styles = [
         DocumentPageStyles,
@@ -57,6 +66,17 @@ let PDFTemplateEditor = class PDFTemplateEditor extends localize(i18next)(PageVi
       }
     `
     ]; }
+    get stored() {
+        const { id, ...template } = this.template.data?.PDFTemplate ?? {};
+        return id ? { ...blank(), ...Object.fromEntries(Object.entries(template).map(([key, value]) => [key, value ?? ''])) } : blank();
+    }
+    get busy() {
+        return this.previewing || this.creating.pending || this.updating.pending;
+    }
+    get failure() {
+        const error = this.creating.error ?? this.updating.error;
+        return error ? reasonOf(error) : this.previewFailure;
+    }
     get context() {
         return {
             title: i18next.t('title.pdf-template'),
@@ -69,48 +89,20 @@ let PDFTemplateEditor = class PDFTemplateEditor extends localize(i18next)(PageVi
         if (!this.active || !(changes.active || changes.params))
             return;
         this.templateId = lifecycle?.params?.id ?? '';
-        this.form = blank();
         this.preview = '';
-        if (this.templateId)
-            this.read();
     }
-    async read() {
-        const response = await client.query({ query: gql(`query ($id: String!) { PDFTemplate(id: $id) { ${FIELDS} } }`), variables: { id: this.templateId }, fetchPolicy: 'no-cache' });
-        const { id, ...template } = response.data?.PDFTemplate ?? {};
-        if (id)
-            this.form = { ...blank(), ...Object.fromEntries(Object.entries(template).map(([key, value]) => [key, value ?? ''])) };
-    }
-    async run(work) {
+    async save() {
         if (this.busy)
             return;
-        this.busy = true;
-        this.failure = '';
+        this.previewFailure = '';
+        const id = this.templateId;
+        /* The save action is gone while it is out. */
+        const saving = this.draft.submit(sent => (id ? this.updating.run({ id, patch: sent }) : this.creating.run({ template: { ...blank(), ...sent } })));
         this.updateContext();
-        try {
-            await work();
-        }
-        catch (error) {
-            this.failure = error?.graphQLErrors?.[0]?.message ?? error?.errors?.[0]?.message ?? error?.message ?? String(error);
-        }
-        finally {
-            this.busy = false;
-            this.updateContext();
-        }
-    }
-    save() {
-        return this.run(async () => {
-            const id = this.templateId;
-            const response = await client.mutate({
-                mutation: gql(id
-                    ? `mutation ($id: String!, $patch: PDFTemplatePatch!) { template: updatePDFTemplate(id: $id, patch: $patch) { id } }`
-                    : `mutation ($template: NewPDFTemplate!) { template: createPDFTemplate(pdfTemplate: $template) { id } }`),
-                variables: id ? { id, patch: this.form } : { template: this.form }
-            });
-            if (response.errors?.length)
-                throw response;
-            if (!id)
-                navigate(`pdf-template-editor?id=${response.data.template.id}`);
-        });
+        const saved = await saving;
+        this.updateContext();
+        if (saved && !id)
+            navigate(`pdf-template-editor?id=${saved.template.id}`);
     }
     /** The saved template printed with the sample data — save first to see a change. */
     showPreview() {
@@ -119,26 +111,42 @@ let PDFTemplateEditor = class PDFTemplateEditor extends localize(i18next)(PageVi
             this.preview = '';
             return;
         }
-        return this.run(async () => {
+        if (this.busy)
+            return;
+        return this.printPreview();
+    }
+    async printPreview() {
+        this.previewing = true;
+        this.previewFailure = '';
+        this.updateContext();
+        try {
             const data = JSON.parse(this.sample || '{}');
             const response = await client.query({ query: gql `query ($id: String!, $data: Object) { renderPDF(templateId: $id, data: $data) }`, variables: { id: this.templateId, data }, fetchPolicy: 'no-cache' });
             if (response.errors?.length)
                 throw response;
             const bytes = Uint8Array.from(atob(response.data.renderPDF), c => c.charCodeAt(0));
             this.preview = URL.createObjectURL(new Blob([bytes], { type: 'application/pdf' }));
-        });
+        }
+        catch (error) {
+            this.previewFailure = reasonOf(error);
+        }
+        finally {
+            this.previewing = false;
+            this.updateContext();
+        }
     }
     /* Read here into the part's text, never uploaded: the picker is local and checks the type only. */
     async load(key, file) {
         if (file)
-            this.form = { ...this.form, [key]: await file.text() };
+            this.draft.set(key, await file.text());
     }
     render() {
-        const patch = (key, value) => (this.form = { ...this.form, [key]: value });
-        const text = (key, label) => html `<label>${label}<input .value=${this.form[key] ?? ''} @input=${(e) => patch(key, e.target.value)} /></label>`;
+        const value = (key) => this.draft.value(key);
+        const patch = (key, given) => this.draft.set(key, given);
+        const text = (key, label) => html `<label>${label}<input .value=${value(key) ?? ''} @input=${(e) => patch(key, e.target.value)} /></label>`;
         const part = (key, label, wide = '') => html `<label class="wide"
       >${label}
-      <textarea class=${wide} .value=${this.form[key] ?? ''} @input=${(e) => patch(key, e.target.value)}></textarea>
+      <textarea class=${wide} .value=${value(key) ?? ''} @input=${(e) => patch(key, e.target.value)}></textarea>
       <ox-input-file
         quiet
         local
@@ -155,8 +163,8 @@ let PDFTemplateEditor = class PDFTemplateEditor extends localize(i18next)(PageVi
           ${text('name', i18next.t('field.name'))}${text('description', i18next.t('field.description'))}
           <label
             >${i18next.t('field.page_size')}
-            <select .value=${this.form.page_size} @change=${(e) => patch('page_size', e.target.value)}>
-              ${PAGE_SIZES.map(size => html `<option value=${size} ?selected=${size === this.form.page_size}>${size}</option>`)}
+            <select .value=${value('page_size')} @change=${(e) => patch('page_size', e.target.value)}>
+              ${PAGE_SIZES.map(size => html `<option value=${size} ?selected=${size === value('page_size')}>${size}</option>`)}
             </select></label
           >
           ${text('watermark', i18next.t('field.watermark'))}
@@ -179,10 +187,6 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], PDFTemplateEditor.prototype, "templateId", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], PDFTemplateEditor.prototype, "form", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)
@@ -194,11 +198,11 @@ __decorate([
 __decorate([
     state(),
     __metadata("design:type", Object)
-], PDFTemplateEditor.prototype, "busy", void 0);
+], PDFTemplateEditor.prototype, "previewing", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)
-], PDFTemplateEditor.prototype, "failure", void 0);
+], PDFTemplateEditor.prototype, "previewFailure", void 0);
 PDFTemplateEditor = __decorate([
     customElement('pdf-template-editor')
 ], PDFTemplateEditor);

package/dist-client/pages/pdf-template/pdf-template-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"pdf-template-editor.js","sourceRoot":"","sources":["../../../client/pages/pdf-template/pdf-template-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/input/ox-input-file.js'\nimport '@operato/list-state/ox-page-state.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate, PageView } from '@operato/shell'\nimport { ButtonStyles, DocumentPageStyles, FormFieldStyles } from '@operato/styles'\nimport gql from 'graphql-tag'\nimport { css, html, nothing } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nconst FIELDS = 'id name description active state page_size watermark content_template header_template footer_template cover_template last_template'\nconst PAGE_SIZES = ['A4', 'A3', 'A5', 'Letter', 'Legal', 'Tabloid']\nconst blank = () => ({ name: '', description: '', active: true, state: 'draft', page_size: 'A4', watermark: '', content_template: '', header_template: '', footer_template: '', cover_template: '', last_template: '' })\n\n/**\n * One PDF template: its parts are Handlebars HTML, written here or loaded from a file, and printed to a PDF with\n * sample data before it is used.\n */\n@customElement('pdf-template-editor')\nexport class PDFTemplateEditor extends localize(i18next)(PageView) {\n  static styles = [\n    DocumentPageStyles,\n    FormFieldStyles,\n    ButtonStyles,\n    css`\n      .form {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));\n        gap: var(--spacing-large);\n      }\n      label {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-small);\n      }\n      label.wide {\n        grid-column: 1 / -1;\n      }\n      textarea {\n        font-family: monospace;\n        min-height: 12em;\n      }\n      textarea.content {\n        min-height: 40vh;\n      }\n      iframe {\n        width: 100%;\n        height: 80vh;\n        border: 1px solid var(--md-sys-color-outline-variant);\n      }\n    `\n  ]\n\n  @state() private templateId = ''\n  @state() private form: Record<string, any> = blank()\n  @state() private sample = '{}'\n  @state() private preview = ''\n  @state() private busy = false\n  @state() private failure = ''\n\n  get context() {\n    return {\n      title: i18next.t('title.pdf-template'),\n      menu: 'pdf-template-list-page',\n      frame: 'document',\n      actions: this.busy ? [] : [{ title: i18next.t('button.save'), icon: 'save', emphasis: { raised: true }, action: () => this.save() }]\n    }\n  }\n\n  pageUpdated(changes: any, lifecycle: any) {\n    if (!this.active || !(changes.active || changes.params)) return\n    this.templateId = lifecycle?.params?.id ?? ''\n    this.form = blank()\n    this.preview = ''\n    if (this.templateId) this.read()\n  }\n\n  private async read() {\n    const response = await client.query({ query: gql(`query ($id: String!) { PDFTemplate(id: $id) { ${FIELDS} } }`), variables: { id: this.templateId }, fetchPolicy: 'no-cache' })\n    const { id, ...template } = response.data?.PDFTemplate ?? {}\n    if (id) this.form = { ...blank(), ...Object.fromEntries(Object.entries(template).map(([key, value]) => [key, value ?? ''])) }\n  }\n\n  private async run(work: () => Promise<void>) {\n    if (this.busy) return\n    this.busy = true\n    this.failure = ''\n    this.updateContext()\n    try {\n      await work()\n    } catch (error: any) {\n      this.failure = error?.graphQLErrors?.[0]?.message ?? error?.errors?.[0]?.message ?? error?.message ?? String(error)\n    } finally {\n      this.busy = false\n      this.updateContext()\n    }\n  }\n\n  private save() {\n    return this.run(async () => {\n      const id = this.templateId\n      const response = await client.mutate({\n        mutation: gql(\n          id\n            ? `mutation ($id: String!, $patch: PDFTemplatePatch!) { template: updatePDFTemplate(id: $id, patch: $patch) { id } }`\n            : `mutation ($template: NewPDFTemplate!) { template: createPDFTemplate(pdfTemplate: $template) { id } }`\n        ),\n        variables: id ? { id, patch: this.form } : { template: this.form }\n      })\n      if (response.errors?.length) throw response\n      if (!id) navigate(`pdf-template-editor?id=${response.data.template.id}`)\n    })\n  }\n\n  /** The saved template printed with the sample data — save first to see a change. */\n  private showPreview() {\n    if (this.preview) {\n      URL.revokeObjectURL(this.preview)\n      this.preview = ''\n      return\n    }\n    return this.run(async () => {\n      const data = JSON.parse(this.sample || '{}')\n      const response = await client.query({ query: gql`query ($id: String!, $data: Object) { renderPDF(templateId: $id, data: $data) }`, variables: { id: this.templateId, data }, fetchPolicy: 'no-cache' })\n      if (response.errors?.length) throw response\n      const bytes = Uint8Array.from(atob(response.data.renderPDF), c => c.charCodeAt(0))\n      this.preview = URL.createObjectURL(new Blob([bytes], { type: 'application/pdf' }))\n    })\n  }\n\n  /* Read here into the part's text, never uploaded: the picker is local and checks the type only. */\n  private async load(key: string, file?: File) {\n    if (file) this.form = { ...this.form, [key]: await file.text() }\n  }\n\n  render() {\n    const patch = (key: string, value: any) => (this.form = { ...this.form, [key]: value })\n    const text = (key: string, label: string) => html`<label>${label}<input .value=${this.form[key] ?? ''} @input=${(e: any) => patch(key, e.target.value)} /></label>`\n    const part = (key: string, label: string, wide = '') => html`<label class=\"wide\"\n      >${label}\n      <textarea class=${wide} .value=${this.form[key] ?? ''} @input=${(e: any) => patch(key, e.target.value)}></textarea>\n      <ox-input-file\n        quiet\n        local\n        hide-filelist\n        accept=\".html,.htm,text/html\"\n        .label=${i18next.t('button.load-html-file')}\n        @change=${(e: CustomEvent) => this.load(key, e.detail?.[0])}\n      ></ox-input-file>\n    </label>`\n    return html`<div class=\"page\">\n      ${this.failure ? html`<p class=\"notice crit\" role=\"alert\">${this.failure}</p>` : nothing}\n      <section class=\"page-section\">\n        <div class=\"form\">\n          ${text('name', i18next.t('field.name'))}${text('description', i18next.t('field.description'))}\n          <label\n            >${i18next.t('field.page_size')}\n            <select .value=${this.form.page_size} @change=${(e: any) => patch('page_size', e.target.value)}>\n              ${PAGE_SIZES.map(size => html`<option value=${size} ?selected=${size === this.form.page_size}>${size}</option>`)}\n            </select></label\n          >\n          ${text('watermark', i18next.t('field.watermark'))}\n          ${part('content_template', i18next.t('field.content_template'), 'content')}${part('header_template', i18next.t('field.header_template'))}${part('footer_template', i18next.t('field.footer_template'))}${part('cover_template', i18next.t('field.cover_template'))}${part('last_template', i18next.t('field.last_template'))}\n        </div>\n      </section>\n      ${this.templateId\n        ? html`<section class=\"page-section\">\n            <div class=\"form\">\n              <label class=\"wide\">${i18next.t('field.pdf-sample-data')}<textarea .value=${this.sample} @input=${(e: any) => (this.sample = e.target.value)}></textarea></label>\n            </div>\n            <button ?disabled=${this.busy} @click=${() => this.showPreview()}>${i18next.t('button.pdf-preview')}</button>\n            ${this.preview ? html`<iframe title=${i18next.t('button.pdf-preview')} src=${this.preview}></iframe>` : nothing}\n          </section>`\n        : nothing}\n    </div>`\n  }\n}\n"]}
+{"version":3,"file":"pdf-template-editor.js","sourceRoot":"","sources":["../../../client/pages/pdf-template/pdf-template-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/input/ox-input-file.js'\nimport '@operato/list-state/ox-page-state.js'\n\nimport { client, MutationController, QueryController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate, PageView, DraftController } from '@operato/shell'\nimport { ButtonStyles, DocumentPageStyles, FormFieldStyles } from '@operato/styles'\nimport gql from 'graphql-tag'\nimport { css, html, nothing } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nconst FIELDS = 'id name description active state page_size watermark content_template header_template footer_template cover_template last_template'\nconst PAGE_SIZES = ['A4', 'A3', 'A5', 'Letter', 'Legal', 'Tabloid']\nconst reasonOf = (error: any): string => error?.graphQLErrors?.[0]?.message ?? error?.errors?.[0]?.message ?? error?.message ?? String(error)\nconst blank = () => ({ name: '', description: '', active: true, state: 'draft', page_size: 'A4', watermark: '', content_template: '', header_template: '', footer_template: '', cover_template: '', last_template: '' })\n\n/**\n * One PDF template: its parts are Handlebars HTML, written here or loaded from a file, and printed to a PDF with\n * sample data before it is used.\n */\n@customElement('pdf-template-editor')\nexport class PDFTemplateEditor extends localize(i18next)(PageView) {\n  static styles = [\n    DocumentPageStyles,\n    FormFieldStyles,\n    ButtonStyles,\n    css`\n      .form {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));\n        gap: var(--spacing-large);\n      }\n      label {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-small);\n      }\n      label.wide {\n        grid-column: 1 / -1;\n      }\n      textarea {\n        font-family: monospace;\n        min-height: 12em;\n      }\n      textarea.content {\n        min-height: 40vh;\n      }\n      iframe {\n        width: 100%;\n        height: 80vh;\n        border: 1px solid var(--md-sys-color-outline-variant);\n      }\n    `\n  ]\n\n  @state() private templateId = ''\n  @state() private sample = '{}'\n  @state() private preview = ''\n  /* A preview being printed - a read on demand - and why it failed. */\n  @state() private previewing = false\n  @state() private previewFailure = ''\n\n  /* The template the address names (ADR-0190). */\n  private template = new QueryController(this, gql(`query ($id: String!) { PDFTemplate(id: $id) { ${FIELDS} } }`), {\n    variables: () => (this.templateId ? { id: this.templateId } : undefined)\n  })\n\n  private creating = new MutationController(\n    this,\n    gql`mutation ($template: NewPDFTemplate!) { template: createPDFTemplate(pdfTemplate: $template) { id } }`,\n    { showsError: true }\n  )\n\n  private updating = new MutationController(\n    this,\n    gql`mutation ($id: String!, $patch: PDFTemplatePatch!) { template: updatePDFTemplate(id: $id, patch: $patch) { id } }`,\n    { showsError: true, refetch: () => [this.template] }\n  )\n\n  /* The form as changed here over the template read (a blank one for a new template). */\n  private draft = new DraftController<Record<string, any>>(this, { read: () => this.stored, key: () => this.templateId })\n\n  private get stored(): Record<string, any> {\n    const { id, ...template } = this.template.data?.PDFTemplate ?? {}\n    return id ? { ...blank(), ...Object.fromEntries(Object.entries(template).map(([key, value]) => [key, value ?? ''])) } : blank()\n  }\n\n  private get busy() {\n    return this.previewing || this.creating.pending || this.updating.pending\n  }\n\n  private get failure() {\n    const error: any = this.creating.error ?? this.updating.error\n    return error ? reasonOf(error) : this.previewFailure\n  }\n\n  get context() {\n    return {\n      title: i18next.t('title.pdf-template'),\n      menu: 'pdf-template-list-page',\n      frame: 'document',\n      actions: this.busy ? [] : [{ title: i18next.t('button.save'), icon: 'save', emphasis: { raised: true }, action: () => this.save() }]\n    }\n  }\n\n  pageUpdated(changes: any, lifecycle: any) {\n    if (!this.active || !(changes.active || changes.params)) return\n    this.templateId = lifecycle?.params?.id ?? ''\n    this.preview = ''\n  }\n\n  private async save() {\n    if (this.busy) return\n    this.previewFailure = ''\n    const id = this.templateId\n    /* The save action is gone while it is out. */\n    const saving = this.draft.submit(sent => (id ? this.updating.run({ id, patch: sent }) : this.creating.run({ template: { ...blank(), ...sent } })))\n    this.updateContext()\n    const saved = await saving\n    this.updateContext()\n    if (saved && !id) navigate(`pdf-template-editor?id=${saved.template.id}`)\n  }\n\n  /** The saved template printed with the sample data — save first to see a change. */\n  private showPreview() {\n    if (this.preview) {\n      URL.revokeObjectURL(this.preview)\n      this.preview = ''\n      return\n    }\n    if (this.busy) return\n    return this.printPreview()\n  }\n\n  private async printPreview() {\n    this.previewing = true\n    this.previewFailure = ''\n    this.updateContext()\n    try {\n      const data = JSON.parse(this.sample || '{}')\n      const response = await client.query({ query: gql`query ($id: String!, $data: Object) { renderPDF(templateId: $id, data: $data) }`, variables: { id: this.templateId, data }, fetchPolicy: 'no-cache' })\n      if (response.errors?.length) throw response\n      const bytes = Uint8Array.from(atob(response.data.renderPDF), c => c.charCodeAt(0))\n      this.preview = URL.createObjectURL(new Blob([bytes], { type: 'application/pdf' }))\n    } catch (error: any) {\n      this.previewFailure = reasonOf(error)\n    } finally {\n      this.previewing = false\n      this.updateContext()\n    }\n  }\n\n  /* Read here into the part's text, never uploaded: the picker is local and checks the type only. */\n  private async load(key: string, file?: File) {\n    if (file) this.draft.set(key, await file.text())\n  }\n\n  render() {\n    const value = (key: string) => this.draft.value(key)\n    const patch = (key: string, given: any) => this.draft.set(key, given)\n    const text = (key: string, label: string) => html`<label>${label}<input .value=${value(key) ?? ''} @input=${(e: any) => patch(key, e.target.value)} /></label>`\n    const part = (key: string, label: string, wide = '') => html`<label class=\"wide\"\n      >${label}\n      <textarea class=${wide} .value=${value(key) ?? ''} @input=${(e: any) => patch(key, e.target.value)}></textarea>\n      <ox-input-file\n        quiet\n        local\n        hide-filelist\n        accept=\".html,.htm,text/html\"\n        .label=${i18next.t('button.load-html-file')}\n        @change=${(e: CustomEvent) => this.load(key, e.detail?.[0])}\n      ></ox-input-file>\n    </label>`\n    return html`<div class=\"page\">\n      ${this.failure ? html`<p class=\"notice crit\" role=\"alert\">${this.failure}</p>` : nothing}\n      <section class=\"page-section\">\n        <div class=\"form\">\n          ${text('name', i18next.t('field.name'))}${text('description', i18next.t('field.description'))}\n          <label\n            >${i18next.t('field.page_size')}\n            <select .value=${value('page_size')} @change=${(e: any) => patch('page_size', e.target.value)}>\n              ${PAGE_SIZES.map(size => html`<option value=${size} ?selected=${size === value('page_size')}>${size}</option>`)}\n            </select></label\n          >\n          ${text('watermark', i18next.t('field.watermark'))}\n          ${part('content_template', i18next.t('field.content_template'), 'content')}${part('header_template', i18next.t('field.header_template'))}${part('footer_template', i18next.t('field.footer_template'))}${part('cover_template', i18next.t('field.cover_template'))}${part('last_template', i18next.t('field.last_template'))}\n        </div>\n      </section>\n      ${this.templateId\n        ? html`<section class=\"page-section\">\n            <div class=\"form\">\n              <label class=\"wide\">${i18next.t('field.pdf-sample-data')}<textarea .value=${this.sample} @input=${(e: any) => (this.sample = e.target.value)}></textarea></label>\n            </div>\n            <button ?disabled=${this.busy} @click=${() => this.showPreview()}>${i18next.t('button.pdf-preview')}</button>\n            ${this.preview ? html`<iframe title=${i18next.t('button.pdf-preview')} src=${this.preview}></iframe>` : nothing}\n          </section>`\n        : nothing}\n    </div>`\n  }\n}\n"]}

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

@@ -328,7 +328,7 @@ let PDFTemplateListPage = class PDFTemplateListPage extends localize(i18next)(Sc
     }
     async creationCallback(pdfTemplate) {
         try {
-            const response = await client.query({ query: gql `
+            const response = await client.mutate({ mutation: gql `
           mutation ($pdfTemplate: NewPDFTemplate!) {             createPDFTemplate(pdfTemplate: $pdfTemplate) {               id
  }
  }

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

@@ -1 +1 @@
-{"version":3,"file":"pdf-template-list-page.js","sourceRoot":"","sources":["../../../client/pages/pdf-template/pdf-template-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '@operato/data-grist/ox-record-creator.js'\n\nimport { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { navigate, PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { ColumnConfig, DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { OxPopup, OxPrompt } from '@operato/popup'\nimport { isMobileDevice } from '@operato/utils'\n\nimport gql from 'graphql-tag'\n\nimport { PDFTemplateImporter } from './pdf-template-importer'\n\n@customElement('pdf-template-list-page')\nexport class PDFTemplateListPage extends localize(i18next)(ScopedElementsMixin(PageView)) {   static styles = [\n    /* The work surface frame for a list screen (ADR-0060 decision 8). */\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      ox-filters-form {         flex: 1;\n }\n    `\n  ]\n\n  static get scopedElements() {     return {       'pdf-template-importer': PDFTemplateImporter\n }\n }\n\n  @property({ type: Object }) gristConfig: any\n  @property({ type: String }) mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {     return {       title: i18next.t('title.pdf-template list'),\n      search: {         handler: (search: string) => {           this.grist.searchText = search\n },\n        value: this.grist.searchText\n },\n      filter: {         handler: () => {           this.grist.toggleHeadroom()\n }\n },\n      help: 'pdf/pdf-template',\n      actions: [\n        {           title: i18next.t('button.save'),\n          action: this._updatePDFTemplate.bind(this),\n          ...CommonButtonStyles.save\n },\n        {           title: i18next.t('button.delete'),\n          action: this._deletePDFTemplate.bind(this),\n          ...CommonButtonStyles.delete\n }\n      ],\n      exportable: {         name: i18next.t('title.pdf-template list'),\n        data: this.exportHandler.bind(this)\n },\n      importable: {         handler: this.importHandler.bind(this)\n }\n }\n }\n\n  render() {     const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n\n    return html`\n      <ox-grist class=\"page-fill\" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-filters-form autofocus without-search></ox-filters-form>\n\n            <div id=\"modes\">\n              <md-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>grid_on</md-icon>\n              <md-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>format_list_bulleted</md-icon>\n              <md-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</md-icon>\n            </div>\n\n            <ox-record-creator id=\"add\" .callback=${this.creationCallback.bind(this)}>\n              <button>\n                <md-icon>add</md-icon>\n              </button>\n            </ox-record-creator>\n          </div>\n        </div>\n      </ox-grist>\n    `\n }\n\n  async pageInitialized(lifecycle: any) {     const kinds: string[] = ((await client.query({ query: gql`query { issuedDocumentKinds { kind } }` })).data?.issuedDocumentKinds ?? []).map((one: any) => one.kind)\n    this.gristConfig = {       list: {         fields: ['name', 'description'],\n        details: ['active', 'updatedAt']\n },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        /* The parts are HTML — written in the editor, with a file and a preview. */\n        { type: 'gutter', gutterName: 'button', icon: 'edit_note', handlers: { click: (_c: any, _d: any, _col: any, record: any) => record?.id && navigate(`pdf-template-editor?id=${record.id}`) } },\n        {           type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: {             editable: true\n },\n          filter: 'search',\n          sortable: true,\n          width: 150\n },\n        {           type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: {             editable: true\n },\n          filter: 'search',\n          width: 200\n },\n        {           type: 'checkbox',\n          name: 'active',\n          label: true,\n          header: i18next.t('field.active'),\n          record: {             editable: true\n },\n          filter: true,\n          sortable: true,\n          width: 60\n },\n        /* The issued document kind this template prints for the domain, in place of the kind's template in code (ADR-0176). */\n        {           type: 'select',\n          name: 'kind',\n          label: true,\n          header: i18next.t('field.issued-document-kind'),\n          record: {             editable: true,\n            options: ['', ...kinds],\n            renderer: (value: string) => (value ? i18next.t(`issued-document.${value}`, { defaultValue: value }) : '')\n },\n          width: 160\n },\n        {           type: 'string',\n          name: 'state',\n          label: true,\n          header: i18next.t('field.state'),\n          record: {             editable: true\n },\n          width: 120\n },\n        {           type: 'template',\n          name: 'content_template',\n          label: true,\n          header: i18next.t('field.content_template'),\n          record: {             editable: true,\n            options: {               language: 'html'\n }\n },\n          width: 120\n },\n        {           type: 'template',\n          name: 'header_template',\n          label: true,\n          header: i18next.t('field.header_template'),\n          record: {             editable: true,\n            options: {               language: 'html'\n }\n },\n          width: 120\n },\n        {           type: 'template',\n          name: 'footer_template',\n          label: true,\n          header: i18next.t('field.footer_template'),\n          record: {             editable: true,\n            options: {               language: 'html'\n }\n },\n          width: 120\n },\n        {           type: 'template',\n          name: 'cover_template',\n          label: true,\n          header: i18next.t('field.cover_template'),\n          record: {             editable: true,\n            options: {               language: 'html'\n }\n },\n          width: 120\n },\n        {           type: 'template',\n          name: 'last_template',\n          label: true,\n          header: i18next.t('field.last_template'),\n          record: {             editable: true,\n            options: {               language: 'html'\n }\n },\n          width: 120\n },\n        {           type: 'select',\n          name: 'page_size',\n          label: true,\n          header: i18next.t('field.page_size'),\n          record: {             editable: true,\n            options: ['', 'A4', 'B4']\n },\n          width: 120\n },\n        {           type: 'string',\n          name: 'watermark',\n          label: true,\n          header: i18next.t('field.watermark'),\n          record: {             editable: true\n },\n          width: 120\n },\n\n        {           type: 'resource-object',\n          name: 'updater',\n          header: i18next.t('field.updater'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 120\n },\n        {           type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n }\n      ],\n      rows: {         appendable: false,\n        selectable: {           multiple: true\n }\n },\n      sorters: [\n        {           name: 'name'\n }\n      ]\n }\n }\n\n  async pageUpdated(changes: any, lifecycle: any) {     if (this.active) {       // do something here when this page just became as active\n }\n }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {     const response = await client.query({       query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: PDFTemplates(filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id\n              name\n              description\n              active\n              state\n              kind\n              content_template\n              header_template\n              footer_template\n              cover_template\n              last_template\n              page_size\n              watermark\n              updater {                 id\n                name\n }\n              updatedAt\n }\n            total\n }\n }\n      `,\n      variables: {         filters,\n        pagination: { page, limit },\n        sortings\n }\n })\n\n    return {       total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n }\n }\n\n  async _deletePDFTemplate() {     if (\n      await OxPrompt.open({         title: i18next.t('text.are_you_sure'),\n        text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),\n        confirmButton: { text: i18next.t('button.confirm') },\n        cancelButton: { text: i18next.t('button.cancel') }\n })\n    ) {       const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {         const response = await client.mutate({           mutation: gql`\n            mutation ($ids: [String!]!) {               deletePDFTemplates(ids: $ids)\n }\n          `,\n          variables: {             ids\n }\n })\n\n        if (!response.errors) {           this.grist.fetch()\n          notify({             message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') })\n })\n }\n }\n }\n }\n\n  async _updatePDFTemplate() {     let patches = this.grist.dirtyRecords\n    if (patches && patches.length) {       patches = patches.map(patch => {         let patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {           patchField[key] = dirtyFields[key].after\n }\n        patchField.cuFlag = patch.__dirty__\n\n        return patchField\n })\n\n      const response = await client.mutate({         mutation: gql`\n          mutation ($patches: [PDFTemplatePatch!]!) {             updateMultiplePDFTemplate(patches: $patches) {               name\n }\n }\n        `,\n        variables: {           patches\n }\n })\n\n      if (!response.errors) {         this.grist.fetch()\n }\n }\n }\n\n  async creationCallback(pdfTemplate) {     try {       const response = await client.query({         query: gql`\n          mutation ($pdfTemplate: NewPDFTemplate!) {             createPDFTemplate(pdfTemplate: $pdfTemplate) {               id\n }\n }\n        `,\n        variables: {           pdfTemplate\n },\n        context: {           hasUpload: true\n }\n })\n\n      if (!response.errors) {         this.grist.fetch()\n        document.dispatchEvent(\n          new CustomEvent('notify', {             detail: {               message: i18next.t('text.data_created_successfully')\n }\n })\n        )\n }\n\n      return true\n } catch (ex) {       console.error(ex)\n      document.dispatchEvent(\n        new CustomEvent('notify', {           detail: {             type: 'error',\n            message: i18next.t('text.error')\n }\n })\n      )\n      return false\n }\n }\n\n  async exportHandler() {     const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records\n    const targetFieldSet = new Set(['id', 'name', 'description', 'active'])\n\n    return exportTargets.map(pdfTemplate => {       let tempObj = {}\n      for (const field of targetFieldSet) {         tempObj[field] = pdfTemplate[field]\n }\n\n      return tempObj\n })\n }\n\n  async importHandler(records) {     const popup = openPopup(\n      html`\n        <pdf-template-importer\n          .pdfTemplates=${records}\n          @imported=${() => {             history.back()\n            this.grist.fetch()\n }}\n        ></pdf-template-importer>\n      `,\n      {         backdrop: true,\n        size: 'large',\n        title: i18next.t('title.import pdf-template')\n }\n    )\n\n    popup.onclosed = () => {       this.grist.fetch()\n }\n }\n}\n"]}
+{"version":3,"file":"pdf-template-list-page.js","sourceRoot":"","sources":["../../../client/pages/pdf-template/pdf-template-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '@operato/data-grist/ox-record-creator.js'\n\nimport { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { navigate, PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { ColumnConfig, DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { OxPopup, OxPrompt } from '@operato/popup'\nimport { isMobileDevice } from '@operato/utils'\n\nimport gql from 'graphql-tag'\n\nimport { PDFTemplateImporter } from './pdf-template-importer'\n\n@customElement('pdf-template-list-page')\nexport class PDFTemplateListPage extends localize(i18next)(ScopedElementsMixin(PageView)) {   static styles = [\n    /* The work surface frame for a list screen (ADR-0060 decision 8). */\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        --grid-record-emphasized-background-color: #8b0000;\n        --grid-record-emphasized-color: #ff6b6b;\n      }\n\n      ox-filters-form {         flex: 1;\n }\n    `\n  ]\n\n  static get scopedElements() {     return {       'pdf-template-importer': PDFTemplateImporter\n }\n }\n\n  @property({ type: Object }) gristConfig: any\n  @property({ type: String }) mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {     return {       title: i18next.t('title.pdf-template list'),\n      search: {         handler: (search: string) => {           this.grist.searchText = search\n },\n        value: this.grist.searchText\n },\n      filter: {         handler: () => {           this.grist.toggleHeadroom()\n }\n },\n      help: 'pdf/pdf-template',\n      actions: [\n        {           title: i18next.t('button.save'),\n          action: this._updatePDFTemplate.bind(this),\n          ...CommonButtonStyles.save\n },\n        {           title: i18next.t('button.delete'),\n          action: this._deletePDFTemplate.bind(this),\n          ...CommonButtonStyles.delete\n }\n      ],\n      exportable: {         name: i18next.t('title.pdf-template list'),\n        data: this.exportHandler.bind(this)\n },\n      importable: {         handler: this.importHandler.bind(this)\n }\n }\n }\n\n  render() {     const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n\n    return html`\n      <ox-grist class=\"page-fill\" .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-filters-form autofocus without-search></ox-filters-form>\n\n            <div id=\"modes\">\n              <md-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>grid_on</md-icon>\n              <md-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>format_list_bulleted</md-icon>\n              <md-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</md-icon>\n            </div>\n\n            <ox-record-creator id=\"add\" .callback=${this.creationCallback.bind(this)}>\n              <button>\n                <md-icon>add</md-icon>\n              </button>\n            </ox-record-creator>\n          </div>\n        </div>\n      </ox-grist>\n    `\n }\n\n  async pageInitialized(lifecycle: any) {     const kinds: string[] = ((await client.query({ query: gql`query { issuedDocumentKinds { kind } }` })).data?.issuedDocumentKinds ?? []).map((one: any) => one.kind)\n    this.gristConfig = {       list: {         fields: ['name', 'description'],\n        details: ['active', 'updatedAt']\n },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        /* The parts are HTML — written in the editor, with a file and a preview. */\n        { type: 'gutter', gutterName: 'button', icon: 'edit_note', handlers: { click: (_c: any, _d: any, _col: any, record: any) => record?.id && navigate(`pdf-template-editor?id=${record.id}`) } },\n        {           type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: {             editable: true\n },\n          filter: 'search',\n          sortable: true,\n          width: 150\n },\n        {           type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: {             editable: true\n },\n          filter: 'search',\n          width: 200\n },\n        {           type: 'checkbox',\n          name: 'active',\n          label: true,\n          header: i18next.t('field.active'),\n          record: {             editable: true\n },\n          filter: true,\n          sortable: true,\n          width: 60\n },\n        /* The issued document kind this template prints for the domain, in place of the kind's template in code (ADR-0176). */\n        {           type: 'select',\n          name: 'kind',\n          label: true,\n          header: i18next.t('field.issued-document-kind'),\n          record: {             editable: true,\n            options: ['', ...kinds],\n            renderer: (value: string) => (value ? i18next.t(`issued-document.${value}`, { defaultValue: value }) : '')\n },\n          width: 160\n },\n        {           type: 'string',\n          name: 'state',\n          label: true,\n          header: i18next.t('field.state'),\n          record: {             editable: true\n },\n          width: 120\n },\n        {           type: 'template',\n          name: 'content_template',\n          label: true,\n          header: i18next.t('field.content_template'),\n          record: {             editable: true,\n            options: {               language: 'html'\n }\n },\n          width: 120\n },\n        {           type: 'template',\n          name: 'header_template',\n          label: true,\n          header: i18next.t('field.header_template'),\n          record: {             editable: true,\n            options: {               language: 'html'\n }\n },\n          width: 120\n },\n        {           type: 'template',\n          name: 'footer_template',\n          label: true,\n          header: i18next.t('field.footer_template'),\n          record: {             editable: true,\n            options: {               language: 'html'\n }\n },\n          width: 120\n },\n        {           type: 'template',\n          name: 'cover_template',\n          label: true,\n          header: i18next.t('field.cover_template'),\n          record: {             editable: true,\n            options: {               language: 'html'\n }\n },\n          width: 120\n },\n        {           type: 'template',\n          name: 'last_template',\n          label: true,\n          header: i18next.t('field.last_template'),\n          record: {             editable: true,\n            options: {               language: 'html'\n }\n },\n          width: 120\n },\n        {           type: 'select',\n          name: 'page_size',\n          label: true,\n          header: i18next.t('field.page_size'),\n          record: {             editable: true,\n            options: ['', 'A4', 'B4']\n },\n          width: 120\n },\n        {           type: 'string',\n          name: 'watermark',\n          label: true,\n          header: i18next.t('field.watermark'),\n          record: {             editable: true\n },\n          width: 120\n },\n\n        {           type: 'resource-object',\n          name: 'updater',\n          header: i18next.t('field.updater'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 120\n },\n        {           type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          record: {             editable: false\n },\n          sortable: true,\n          width: 180\n }\n      ],\n      rows: {         appendable: false,\n        selectable: {           multiple: true\n }\n },\n      sorters: [\n        {           name: 'name'\n }\n      ]\n }\n }\n\n  async pageUpdated(changes: any, lifecycle: any) {     if (this.active) {       // do something here when this page just became as active\n }\n }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {     const response = await client.query({       query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: PDFTemplates(filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id\n              name\n              description\n              active\n              state\n              kind\n              content_template\n              header_template\n              footer_template\n              cover_template\n              last_template\n              page_size\n              watermark\n              updater {                 id\n                name\n }\n              updatedAt\n }\n            total\n }\n }\n      `,\n      variables: {         filters,\n        pagination: { page, limit },\n        sortings\n }\n })\n\n    return {       total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n }\n }\n\n  async _deletePDFTemplate() {     if (\n      await OxPrompt.open({         title: i18next.t('text.are_you_sure'),\n        text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),\n        confirmButton: { text: i18next.t('button.confirm') },\n        cancelButton: { text: i18next.t('button.cancel') }\n })\n    ) {       const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {         const response = await client.mutate({           mutation: gql`\n            mutation ($ids: [String!]!) {               deletePDFTemplates(ids: $ids)\n }\n          `,\n          variables: {             ids\n }\n })\n\n        if (!response.errors) {           this.grist.fetch()\n          notify({             message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') })\n })\n }\n }\n }\n }\n\n  async _updatePDFTemplate() {     let patches = this.grist.dirtyRecords\n    if (patches && patches.length) {       patches = patches.map(patch => {         let patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {           patchField[key] = dirtyFields[key].after\n }\n        patchField.cuFlag = patch.__dirty__\n\n        return patchField\n })\n\n      const response = await client.mutate({         mutation: gql`\n          mutation ($patches: [PDFTemplatePatch!]!) {             updateMultiplePDFTemplate(patches: $patches) {               name\n }\n }\n        `,\n        variables: {           patches\n }\n })\n\n      if (!response.errors) {         this.grist.fetch()\n }\n }\n }\n\n  async creationCallback(pdfTemplate) {     try {       const response = await client.mutate({         mutation: gql`\n          mutation ($pdfTemplate: NewPDFTemplate!) {             createPDFTemplate(pdfTemplate: $pdfTemplate) {               id\n }\n }\n        `,\n        variables: {           pdfTemplate\n },\n        context: {           hasUpload: true\n }\n })\n\n      if (!response.errors) {         this.grist.fetch()\n        document.dispatchEvent(\n          new CustomEvent('notify', {             detail: {               message: i18next.t('text.data_created_successfully')\n }\n })\n        )\n }\n\n      return true\n } catch (ex) {       console.error(ex)\n      document.dispatchEvent(\n        new CustomEvent('notify', {           detail: {             type: 'error',\n            message: i18next.t('text.error')\n }\n })\n      )\n      return false\n }\n }\n\n  async exportHandler() {     const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records\n    const targetFieldSet = new Set(['id', 'name', 'description', 'active'])\n\n    return exportTargets.map(pdfTemplate => {       let tempObj = {}\n      for (const field of targetFieldSet) {         tempObj[field] = pdfTemplate[field]\n }\n\n      return tempObj\n })\n }\n\n  async importHandler(records) {     const popup = openPopup(\n      html`\n        <pdf-template-importer\n          .pdfTemplates=${records}\n          @imported=${() => {             history.back()\n            this.grist.fetch()\n }}\n        ></pdf-template-importer>\n      `,\n      {         backdrop: true,\n        size: 'large',\n        title: i18next.t('title.import pdf-template')\n }\n    )\n\n    popup.onclosed = () => {       this.grist.fetch()\n }\n }\n}\n"]}