@operato/scene-grist 7.3.6 → 7.3.7

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.3.7](https://github.com/things-scene/operato-scene/compare/v7.3.6...v7.3.7) (2024-08-27)
+
+
+### :bug: Bug Fix
+
+* apply default background color for grist to theme surface color ([bd5d2d2](https://github.com/things-scene/operato-scene/commit/bd5d2d2091a45d7c9d8da3450680311d0f104d17))
+
+
+
 ## [7.3.6](https://github.com/things-scene/operato-scene/compare/v7.3.5...v7.3.6) (2024-08-27)
 
 

package/dist/grist.js

@@ -227,6 +227,14 @@ export default class SceneGrist extends HTMLOverlayElement {
      * 변화에 따른 기본적인 html 속성이 super.reposition()에서 진행되고, 그 밖의 작업이 필요할 때, 오버라이드 한다.
      */
     reposition() {
+        var _a, _b;
+        const { fillStyle } = this.state;
+        if (!fillStyle) {
+            (_a = this.grist) === null || _a === void 0 ? void 0 : _a.style.setProperty('--grist-background-color', 'var(--md-sys-color-surface, #f7f6f4)');
+        }
+        else {
+            (_b = this.grist) === null || _b === void 0 ? void 0 : _b.style.removeProperty('--grist-background-color');
+        }
         super.reposition();
     }
     /*

package/dist/grist.js.map

@@ -1 +1 @@
-{"version":3,"file":"grist.js","sourceRoot":"","sources":["../src/grist.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,CAAA;AACZ,OAAO,iCAAiC,CAAA;AACxC,OAAO,wCAAwC,CAAA;AAE/C,OAAO,EAAE,SAAS,EAAmB,KAAK,EAAE,kBAAkB,EAAc,MAAM,wBAAwB,CAAA;AAE1G,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGnD,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,MAAM;qBACd;oBACD;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,MAAM;qBACd;oBACD;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,MAAM;qBACd;oBACD;wBACE,OAAO,EAAE,mBAAmB;wBAC5B,KAAK,EAAE,QAAQ;qBAChB;iBACF;aACF;SACF;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,QAAQ;SACf;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,YAAY;SACnB;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,YAAY;SACnB;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,aAAa;SACpB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE,cAAc;YACpB,QAAQ,EAAE;gBACR,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;aACT;SACF;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,OAAO,EAAE,EAAE;wBACX,KAAK,EAAE,EAAE;qBACV;oBACD;wBACE,OAAO,EAAE,aAAa;wBACtB,KAAK,EAAE,aAAa;qBACrB;oBACD;wBACE,OAAO,EAAE,eAAe;wBACxB,KAAK,EAAE,eAAe;qBACvB;iBACF;aACF;SACF;KACF;IACD,IAAI,EAAE,uBAAuB;CAC9B,CAAA;AAED,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,CAAA;AAElC,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,kBAAkB;IAA1D;;QACS,qBAAgB,GAAQ,EAAE,CAAA;QAEzB,YAAO,GAAQ,EAAE,CAAA;IAiP3B,CAAC;IA3OC,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;YAC/B,IAAI,CAAC,SAAS,GAAG,UAA4B,KAAiB;gBAC5D,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAA;YAC/B,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACZ,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;QAC7C,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;YAE5C,OAAO,IAAI,CAAC,SAAS,CAAA;YACrB,OAAO,IAAI,CAAC,SAAS,CAAA;QACvB,CAAC;IACH,CAAC;IAED,aAAa;QACX,KAAK,CAAC,aAAa,EAAE,CAAA;QAErB,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAc,CAAA;QAC5D,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAEpC,IAAI,CAAC,OAAO,EAAE,CAAA;QAEd,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;QAExB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;QAE1B,KAAK,CAAC,YAAY,GAAG,KAAK,EAAE,EAC1B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACK,EAAwB,EAAE;YACtC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE,CACzD,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CACtE,CAAA;YACD,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAA;YAElD,OAAO;gBACL,IAAI;gBACJ,KAAK;gBACL,KAAK;gBACL,OAAO;aACR,CAAA;QACH,CAAC,CAAA;QAED,KAAK,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,CAAC,CAAC,EAAE;;YACjD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,eAAe,EAAE,CAAC;gBAC7C,IAAI,CAAC,IAAI,GAAG,CAAA,MAAC,CAAC,CAAC,MAAoB,0CAAE,QAAQ,KAAI,EAAE,CAAA;YACrD,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,CAAC,CAAC,EAAE;;YAC9C,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,eAAe,EAAE,CAAC;gBAC7C,IAAI,CAAC,IAAI,GAAG,CAAA,MAAC,CAAC,CAAC,MAAoB,0CAAE,QAAQ,KAAI,EAAE,CAAA;YACrD,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,KAAK,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAQ,EAAE,EAAE;;YAClD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,aAAa,EAAE,CAAC;gBAC3C,IAAI,CAAC,IAAI,GAAG,CAAC,CAAA,MAAA,MAAC,CAAC,CAAC,MAAoB,0CAAE,IAAI,0CAAE,OAAO,KAAI,EAAE,CAAC,CAAE,CAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;YAC3F,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAK;QACb,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAM;QAEpD,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,CAAA;QAElD,IAAI,CAAC,KAAK,CAAC,IAAI;YACb,KAAK,YAAY,KAAK;gBACpB,CAAC,CAAC;oBACE,IAAI;oBACJ,KAAK;oBACL,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;oBACnB,KAAK,EAAE,KAAK,CAAC,MAAM;oBACnB,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;iBAC3B;gBACH,CAAC,CAAC;oBACE,IAAI;oBACJ,KAAK;oBACL,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;oBACnB,GAAG,KAAK;iBACT,CAAA;IACT,CAAC;IAED,QAAQ,CAAC,KAAiB,EAAE,MAAkB;QAC5C,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAE7B,IACE,MAAM,IAAI,KAAK;YACf,YAAY,IAAI,KAAK;YACrB,YAAY,IAAI,KAAK;YACrB,aAAa,IAAI,KAAK;YACtB,QAAQ,IAAI,KAAK,EACjB,CAAC;YACD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACjC,CAAC;QAED,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAA;QAEf,OAAO,IAAI,CAAC,KAAK,CAAA;IACnB,CAAC;IAED;;;;;OAKG;IACH,oBAAoB,CAAC,KAAgB;QACnC,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,cAAc,CAAC,KAA4B;QACzC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAM;QACR,CAAC;QAED,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAErC,IAAI,IAAI,IAAI,QAAQ,EAAE,CAAC;YACrB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAA;QACnB,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,IAAI,GAAG,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;QACjD,CAAC;QAED,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;QAE1B,KAAK,CAAC,SAAS,GAAG,UAAU;YAC1B,CAAC,CAAC;;;;;;SAMC;YACH,CAAC,CAAC,EAAE,CAAA;IACR,CAAC;IAED;;;OAGG;IACH,UAAU;QACR,KAAK,CAAC,UAAU,EAAE,CAAA;IACpB,CAAC;IAED;;OAEG;IACH,OAAO;QACL,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;QACtB,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAM;QACR,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;QAEhD,MAAM,EAAE,GAAG,KAAK,CAAA;QAChB,MAAM,EAAE,GAAG,KAAK,CAAA;QAEhB,MAAM,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,CAEtC;QAAA,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,MAAc,EAAE,EAAE;YACnE,KAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,WAAW,EAAE,SAAS,CAAC,CAAA;YACzD,KAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,kBAAkB,EAAE,SAAS,CAAC,CAAA;QAClE,CAAC,CAAC,CAAA;QAEF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACpC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,IAAI,CAAA;QACpD,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,IAAI,CAAA;IACxD,CAAC;IAED,IAAI,MAAM;QACR,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEpD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC/B,IAAI,CAAC;gBACH,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC;oBACxB,CAAC,EAAE,QAAQ,CAAC,CAAC;oBACb,OAAO,EAAE,QAAQ;iBAClB,CAAC,CAAA;gBAEF,MAAM,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,MAAM,GAAG,CAAC,CAAA;YACpC,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,KAAK,CAAC,CAAC,CAAC,CAAA;YACV,CAAC;QACH,CAAC;QAED,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,MAAM,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,IAAI,MAAM,CAAC,UAAU,CAAC,KAAK,IAAI,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBAC/G,MAAM,CAAC,UAAU,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;YACtD,CAAC;QACH,CAAC;QAED,MAAM,CAAC,UAAU,GAAG;YAClB,GAAG,MAAM,CAAC,UAAU;YACpB,QAAQ,EAAE,CAAC,WAAW;SACvB,CAAA;QAED,MAAM,CAAC,IAAI,GAAG;YACZ,GAAG,MAAM,CAAC,IAAI;YACd,UAAU,EAAE,CAAC,CAAC,UAAU;SACzB,CAAA;QAED,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,OAAO;QACT,OAAO,KAAK,CAAA;IACd,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport 'ses'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\n\nimport { Component, ComponentNature, error, HTMLOverlayElement, Properties } from '@hatiolab/things-scene'\nimport { DataGrist, FetchResult } from '@operato/data-grist'\nimport { i18next as _i18next } from '@operato/i18n'\nimport { FetchOption } from '@operato/data-grist/dist/src/types'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'grist-mode',\n      name: 'mode',\n      property: {\n        options: [\n          {\n            display: 'Grid',\n            value: 'GRID'\n          },\n          {\n            display: 'List',\n            value: 'LIST'\n          },\n          {\n            display: 'Card',\n            value: 'CARD'\n          },\n          {\n            display: 'Depends on device',\n            value: 'DEVICE'\n          }\n        ]\n      }\n    },\n    {\n      type: 'textarea',\n      label: 'config',\n      name: 'config'\n    },\n    {\n      type: 'checkbox',\n      label: 'filterable',\n      name: 'filterable'\n    },\n    {\n      type: 'checkbox',\n      label: 'appendable',\n      name: 'appendable'\n    },\n    {\n      type: 'checkbox',\n      label: 'paginatable',\n      name: 'paginatable'\n    },\n    {\n      type: 'number',\n      label: 'content-scale',\n      name: 'contentScale',\n      property: {\n        step: 0.1,\n        min: 0.1\n      }\n    },\n    {\n      type: 'select',\n      label: 'bound-data',\n      name: 'boundData',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'Focused Row',\n            value: 'focused-row'\n          },\n          {\n            display: 'Selected Rows',\n            value: 'selected-rows'\n          }\n        ]\n      }\n    }\n  ],\n  help: 'scene/component/grist'\n}\n\nconst isMobileDevice = () => false\n\nexport default class SceneGrist extends HTMLOverlayElement {\n  public beforeFetchFuncs: any = {}\n\n  private __value: any = {}\n  private _listenTo?: any\n  private _listener?: any\n\n  public grist?: DataGrist\n\n  get nature() {\n    return NATURE\n  }\n\n  ready() {\n    super.ready()\n\n    if (this.rootModel) {\n      this._listenTo = this.rootModel\n      this._listener = function (this: SceneGrist, after: Properties) {\n        after.scale && this.rescale()\n      }.bind(this)\n      this.rootModel.on('change', this._listener)\n    }\n  }\n\n  removed() {\n    if (this._listenTo) {\n      this._listenTo.off('change', this._listener)\n\n      delete this._listenTo\n      delete this._listener\n    }\n  }\n\n  createElement() {\n    super.createElement()\n\n    this.grist = document.createElement('ox-grist') as DataGrist\n    this.element.appendChild(this.grist)\n\n    this.rescale()\n\n    const grist = this.grist\n\n    this.setGristConfig(grist)\n\n    grist.fetchHandler = async ({\n      page,\n      limit,\n      sorters,\n      sortings,\n      filters,\n      inherited,\n      options\n    }: FetchOption): Promise<FetchResult> => {\n      Object.values(this.beforeFetchFuncs).forEach((func: any) =>\n        func({ page, limit, sorters, sortings, filters, inherited, options })\n      )\n      var { total = 0, records = [] } = grist.data || {}\n\n      return {\n        page,\n        limit,\n        total,\n        records\n      }\n    }\n\n    grist.addEventListener('select-record-change', e => {\n      if (this.state.boundData === 'selected-rows') {\n        this.data = (e.target as DataGrist)?.selected || []\n      }\n    })\n\n    grist.addEventListener('select-all-change', e => {\n      if (this.state.boundData === 'selected-rows') {\n        this.data = (e.target as DataGrist)?.selected || []\n      }\n    })\n\n    grist.addEventListener('focus-change', (e: Event) => {\n      if (this.state.boundData === 'focused-row') {\n        this.data = ((e.target as DataGrist)?.data?.records || [])[(e as CustomEvent).detail.row]\n      }\n    })\n  }\n\n  get value() {\n    return this.__value\n  }\n\n  set value(value) {\n    this.__value = value\n    if (!this.grist || typeof value !== 'object') return\n\n    var { page, limit } = this.config.pagination || {}\n\n    this.grist.data =\n      value instanceof Array\n        ? {\n            page,\n            limit,\n            ...this.grist._data,\n            total: value.length,\n            records: Array.from(value)\n          }\n        : {\n            page,\n            limit,\n            ...this.grist._data,\n            ...value\n          }\n  }\n\n  onchange(after: Properties, before: Properties) {\n    super.onchange(after, before)\n\n    if (\n      'mode' in after ||\n      'filterable' in after ||\n      'appendable' in after ||\n      'paginatable' in after ||\n      'config' in after\n    ) {\n      this.setGristConfig(this.grist)\n    }\n\n    this.rescale()\n  }\n\n  dispose() {\n    super.dispose()\n\n    delete this.grist\n  }\n\n  /*\n   * 컴포넌트의 생성 또는 속성 변화 시에 호출되며,\n   * 그에 따른 html element의 반영이 필요한 부분을 구현한다.\n   *\n   * ThingsComponent state => HTML element properties\n   */\n  setElementProperties(grist: DataGrist) {\n    this.rescale()\n  }\n\n  setGristConfig(grist: DataGrist | undefined) {\n    if (!grist) {\n      return\n    }\n\n    var { mode, filterable } = this.state\n\n    if (mode != 'DEVICE') {\n      grist.mode = mode\n    } else {\n      grist.mode = isMobileDevice() ? 'LIST' : 'GRID'\n    }\n\n    grist.config = this.config\n\n    grist.innerHTML = filterable\n      ? `\n        <div slot=\"headroom\">\n          <div style=\"padding: 9px 9px 0px 9px;\">\n            <ox-filters-form autofocus></ox-filters-form>\n          </div>\n        </div>\n        `\n      : ''\n  }\n\n  /*\n   * 컴포넌트가 ready 상태가 되거나, 컴포넌트의 속성이 변화될 시 setElementProperties 뒤에 호출된다.\n   * 변화에 따른 기본적인 html 속성이 super.reposition()에서 진행되고, 그 밖의 작업이 필요할 때, 오버라이드 한다.\n   */\n  reposition() {\n    super.reposition()\n  }\n\n  /*\n   * grist는 부모의 스케일의 역으로 transform해서, scale을 1로 맞춘다.\n   */\n  rescale() {\n    var grist = this.grist\n    if (!grist) {\n      return\n    }\n\n    const scale = this.getState('contentScale') || 1\n\n    const sx = scale\n    const sy = scale\n\n    const transform = `scale(${sx}, ${sy})`\n\n    ;['-webkit-', '-moz-', '-ms-', '-o-', ''].forEach((prefix: string) => {\n      grist!.style.setProperty(prefix + 'transform', transform)\n      grist!.style.setProperty(prefix + 'transform-origin', '0px 0px')\n    })\n\n    const { width, height } = this.state\n    grist.style.width = Math.round(width / scale) + 'px'\n    grist.style.height = Math.round(height / scale) + 'px'\n  }\n\n  get config() {\n    var { config, appendable, paginatable } = this.state\n\n    if (typeof config !== 'object') {\n      try {\n        const c = new Compartment({\n          t: _i18next.t,\n          i18next: _i18next\n        })\n\n        config = c.evaluate(`(${config})`)\n      } catch (e) {\n        error(e)\n      }\n    }\n\n    if (paginatable) {\n      if (config.pagination && !config.pagination.limit && config.pagination.pages && config.pagination.pages.length) {\n        config.pagination.limit = config.pagination.pages[0]\n      }\n    }\n\n    config.pagination = {\n      ...config.pagination,\n      infinite: !paginatable\n    }\n\n    config.rows = {\n      ...config.rows,\n      appendable: !!appendable\n    }\n\n    return config\n  }\n\n  get tagName() {\n    return 'div'\n  }\n}\n\nComponent.register('grist', SceneGrist)\n"]}
+{"version":3,"file":"grist.js","sourceRoot":"","sources":["../src/grist.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport 'ses'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\n\nimport { Component, ComponentNature, error, HTMLOverlayElement, Properties } from '@hatiolab/things-scene'\nimport { DataGrist, FetchResult } from '@operato/data-grist'\nimport { i18next as _i18next } from '@operato/i18n'\nimport { FetchOption } from '@operato/data-grist/dist/src/types'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'grist-mode',\n      name: 'mode',\n      property: {\n        options: [\n          {\n            display: 'Grid',\n            value: 'GRID'\n          },\n          {\n            display: 'List',\n            value: 'LIST'\n          },\n          {\n            display: 'Card',\n            value: 'CARD'\n          },\n          {\n            display: 'Depends on device',\n            value: 'DEVICE'\n          }\n        ]\n      }\n    },\n    {\n      type: 'textarea',\n      label: 'config',\n      name: 'config'\n    },\n    {\n      type: 'checkbox',\n      label: 'filterable',\n      name: 'filterable'\n    },\n    {\n      type: 'checkbox',\n      label: 'appendable',\n      name: 'appendable'\n    },\n    {\n      type: 'checkbox',\n      label: 'paginatable',\n      name: 'paginatable'\n    },\n    {\n      type: 'number',\n      label: 'content-scale',\n      name: 'contentScale',\n      property: {\n        step: 0.1,\n        min: 0.1\n      }\n    },\n    {\n      type: 'select',\n      label: 'bound-data',\n      name: 'boundData',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'Focused Row',\n            value: 'focused-row'\n          },\n          {\n            display: 'Selected Rows',\n            value: 'selected-rows'\n          }\n        ]\n      }\n    }\n  ],\n  help: 'scene/component/grist'\n}\n\nconst isMobileDevice = () => false\n\nexport default class SceneGrist extends HTMLOverlayElement {\n  public beforeFetchFuncs: any = {}\n\n  private __value: any = {}\n  private _listenTo?: any\n  private _listener?: any\n\n  public grist?: DataGrist\n\n  get nature() {\n    return NATURE\n  }\n\n  ready() {\n    super.ready()\n\n    if (this.rootModel) {\n      this._listenTo = this.rootModel\n      this._listener = function (this: SceneGrist, after: Properties) {\n        after.scale && this.rescale()\n      }.bind(this)\n      this.rootModel.on('change', this._listener)\n    }\n  }\n\n  removed() {\n    if (this._listenTo) {\n      this._listenTo.off('change', this._listener)\n\n      delete this._listenTo\n      delete this._listener\n    }\n  }\n\n  createElement() {\n    super.createElement()\n\n    this.grist = document.createElement('ox-grist') as DataGrist\n    this.element.appendChild(this.grist)\n\n    this.rescale()\n\n    const grist = this.grist\n\n    this.setGristConfig(grist)\n\n    grist.fetchHandler = async ({\n      page,\n      limit,\n      sorters,\n      sortings,\n      filters,\n      inherited,\n      options\n    }: FetchOption): Promise<FetchResult> => {\n      Object.values(this.beforeFetchFuncs).forEach((func: any) =>\n        func({ page, limit, sorters, sortings, filters, inherited, options })\n      )\n      var { total = 0, records = [] } = grist.data || {}\n\n      return {\n        page,\n        limit,\n        total,\n        records\n      }\n    }\n\n    grist.addEventListener('select-record-change', e => {\n      if (this.state.boundData === 'selected-rows') {\n        this.data = (e.target as DataGrist)?.selected || []\n      }\n    })\n\n    grist.addEventListener('select-all-change', e => {\n      if (this.state.boundData === 'selected-rows') {\n        this.data = (e.target as DataGrist)?.selected || []\n      }\n    })\n\n    grist.addEventListener('focus-change', (e: Event) => {\n      if (this.state.boundData === 'focused-row') {\n        this.data = ((e.target as DataGrist)?.data?.records || [])[(e as CustomEvent).detail.row]\n      }\n    })\n  }\n\n  get value() {\n    return this.__value\n  }\n\n  set value(value) {\n    this.__value = value\n    if (!this.grist || typeof value !== 'object') return\n\n    var { page, limit } = this.config.pagination || {}\n\n    this.grist.data =\n      value instanceof Array\n        ? {\n            page,\n            limit,\n            ...this.grist._data,\n            total: value.length,\n            records: Array.from(value)\n          }\n        : {\n            page,\n            limit,\n            ...this.grist._data,\n            ...value\n          }\n  }\n\n  onchange(after: Properties, before: Properties) {\n    super.onchange(after, before)\n\n    if (\n      'mode' in after ||\n      'filterable' in after ||\n      'appendable' in after ||\n      'paginatable' in after ||\n      'config' in after\n    ) {\n      this.setGristConfig(this.grist)\n    }\n\n    this.rescale()\n  }\n\n  dispose() {\n    super.dispose()\n\n    delete this.grist\n  }\n\n  /*\n   * 컴포넌트의 생성 또는 속성 변화 시에 호출되며,\n   * 그에 따른 html element의 반영이 필요한 부분을 구현한다.\n   *\n   * ThingsComponent state => HTML element properties\n   */\n  setElementProperties(grist: DataGrist) {\n    this.rescale()\n  }\n\n  setGristConfig(grist: DataGrist | undefined) {\n    if (!grist) {\n      return\n    }\n\n    var { mode, filterable } = this.state\n\n    if (mode != 'DEVICE') {\n      grist.mode = mode\n    } else {\n      grist.mode = isMobileDevice() ? 'LIST' : 'GRID'\n    }\n\n    grist.config = this.config\n\n    grist.innerHTML = filterable\n      ? `\n        <div slot=\"headroom\">\n          <div style=\"padding: 9px 9px 0px 9px;\">\n            <ox-filters-form autofocus></ox-filters-form>\n          </div>\n        </div>\n        `\n      : ''\n  }\n\n  /*\n   * 컴포넌트가 ready 상태가 되거나, 컴포넌트의 속성이 변화될 시 setElementProperties 뒤에 호출된다.\n   * 변화에 따른 기본적인 html 속성이 super.reposition()에서 진행되고, 그 밖의 작업이 필요할 때, 오버라이드 한다.\n   */\n  reposition() {\n    const { fillStyle } = this.state\n\n    if (!fillStyle) {\n      this.grist?.style.setProperty('--grist-background-color', 'var(--md-sys-color-surface, #f7f6f4)')\n    } else {\n      this.grist?.style.removeProperty('--grist-background-color')\n    }\n\n    super.reposition()\n  }\n\n  /*\n   * grist는 부모의 스케일의 역으로 transform해서, scale을 1로 맞춘다.\n   */\n  rescale() {\n    var grist = this.grist\n    if (!grist) {\n      return\n    }\n\n    const scale = this.getState('contentScale') || 1\n\n    const sx = scale\n    const sy = scale\n\n    const transform = `scale(${sx}, ${sy})`\n\n    ;['-webkit-', '-moz-', '-ms-', '-o-', ''].forEach((prefix: string) => {\n      grist!.style.setProperty(prefix + 'transform', transform)\n      grist!.style.setProperty(prefix + 'transform-origin', '0px 0px')\n    })\n\n    const { width, height } = this.state\n    grist.style.width = Math.round(width / scale) + 'px'\n    grist.style.height = Math.round(height / scale) + 'px'\n  }\n\n  get config() {\n    var { config, appendable, paginatable } = this.state\n\n    if (typeof config !== 'object') {\n      try {\n        const c = new Compartment({\n          t: _i18next.t,\n          i18next: _i18next\n        })\n\n        config = c.evaluate(`(${config})`)\n      } catch (e) {\n        error(e)\n      }\n    }\n\n    if (paginatable) {\n      if (config.pagination && !config.pagination.limit && config.pagination.pages && config.pagination.pages.length) {\n        config.pagination.limit = config.pagination.pages[0]\n      }\n    }\n\n    config.pagination = {\n      ...config.pagination,\n      infinite: !paginatable\n    }\n\n    config.rows = {\n      ...config.rows,\n      appendable: !!appendable\n    }\n\n    return config\n  }\n\n  get tagName() {\n    return 'div'\n  }\n}\n\nComponent.register('grist', SceneGrist)\n"]}

package/dist/templates/grist.d.ts

@@ -9,7 +9,6 @@ declare const _default: {
         top: number;
         width: number;
         height: number;
-        fillStyle: string;
         mode: string;
         config: string;
     };

package/dist/templates/grist.js

@@ -11,7 +11,6 @@ export default {
         top: 10,
         width: 400,
         height: 300,
-        fillStyle: '#f7f6f4',
         mode: 'GRID',
         config: `{
   columns: [

package/dist/templates/grist.js.map

@@ -1 +1 @@
-{"version":3,"file":"grist.js","sourceRoot":"","sources":["../../src/templates/grist.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,uBAAuB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEnE,eAAe;IACb,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,OAAO;IACpB,KAAK,EAAE,OAAO;IACd,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,SAAS,EAAE,SAAS;QACpB,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgFV;KACC;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/grist.png', import.meta.url).href\n\nexport default {\n  type: 'grist',\n  description: 'grist',\n  group: 'table',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'grist',\n    left: 10,\n    top: 10,\n    width: 400,\n    height: 300,\n    fillStyle: '#f7f6f4',\n    mode: 'GRID',\n    config: `{\n  columns: [\n    {\n      type: 'gutter',\n      gutterName: 'dirty'\n    },\n    {\n      type: 'gutter',\n      gutterName: 'sequence'\n    },\n    {\n      type: 'gutter',\n      gutterName: 'row-selector',\n      multiple: true\n    },\n    {\n      type: 'string',\n      name: 'id',\n      hidden: true\n    },\n    {\n      type: 'string',\n      name: 'name',\n      header: 'name',\n      record: {\n        editable: true\n      },\n      sortable: true,\n      width: 120\n    },\n    {\n      type: 'string',\n      name: 'description',\n      header: 'description',\n      record: {\n        align: 'left',\n        editable: true\n      },\n      width: 200\n    },\n    {\n      type: 'boolean',\n      name: 'active',\n      header: 'active',\n      record: {\n        editable: true\n      },\n      sortable: true,\n      width: 60\n    },\n    {\n      type: 'datetime',\n      name: 'updatedAt',\n      header: 'updated at',\n      width: 180\n    },\n    {\n      type: 'datetime',\n      name: 'createdAt',\n      header: 'created at',\n      width: 180\n    }\n  ],\n  rows: {\n    selectable: {\n      multiple: true\n    },\n    handlers: {\n      click: 'select-row-toggle'\n    }\n  },\n  sorters: [\n    {\n      name: 'name',\n      desc: true\n    }\n  ],\n  pagination: {\n    pages: [20, 30, 50, 100, 200]\n  }\n}`\n  }\n}\n"]}
+{"version":3,"file":"grist.js","sourceRoot":"","sources":["../../src/templates/grist.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,uBAAuB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEnE,eAAe;IACb,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,OAAO;IACpB,KAAK,EAAE,OAAO;IACd,gGAAgG;IAChG,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgFV;KACC;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/grist.png', import.meta.url).href\n\nexport default {\n  type: 'grist',\n  description: 'grist',\n  group: 'table',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  icon,\n  model: {\n    type: 'grist',\n    left: 10,\n    top: 10,\n    width: 400,\n    height: 300,\n    mode: 'GRID',\n    config: `{\n  columns: [\n    {\n      type: 'gutter',\n      gutterName: 'dirty'\n    },\n    {\n      type: 'gutter',\n      gutterName: 'sequence'\n    },\n    {\n      type: 'gutter',\n      gutterName: 'row-selector',\n      multiple: true\n    },\n    {\n      type: 'string',\n      name: 'id',\n      hidden: true\n    },\n    {\n      type: 'string',\n      name: 'name',\n      header: 'name',\n      record: {\n        editable: true\n      },\n      sortable: true,\n      width: 120\n    },\n    {\n      type: 'string',\n      name: 'description',\n      header: 'description',\n      record: {\n        align: 'left',\n        editable: true\n      },\n      width: 200\n    },\n    {\n      type: 'boolean',\n      name: 'active',\n      header: 'active',\n      record: {\n        editable: true\n      },\n      sortable: true,\n      width: 60\n    },\n    {\n      type: 'datetime',\n      name: 'updatedAt',\n      header: 'updated at',\n      width: 180\n    },\n    {\n      type: 'datetime',\n      name: 'createdAt',\n      header: 'created at',\n      width: 180\n    }\n  ],\n  rows: {\n    selectable: {\n      multiple: true\n    },\n    handlers: {\n      click: 'select-row-toggle'\n    }\n  },\n  sorters: [\n    {\n      name: 'name',\n      desc: true\n    }\n  ],\n  pagination: {\n    pages: [20, 30, 50, 100, 200]\n  }\n}`\n  }\n}\n"]}

package/dist/templates/index.d.ts

@@ -9,7 +9,6 @@ declare const _default: ({
         top: number;
         width: number;
         height: number;
-        fillStyle: string;
         mode: string;
         config: string;
     };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/scene-grist",
   "description": "Grist UI component for things-scene",
   "author": "heartyoh",
-  "version": "7.3.6",
+  "version": "7.3.7",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "license": "MIT",
@@ -60,5 +60,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "2218b4a4e982943a4209b61f5d276f839e1a463b"
+  "gitHead": "48593f2287c9f0087cf2cab784242e9095a36c36"
 }

package/schema.graphql

@@ -747,7 +747,7 @@ scalar EmailAddress @specifiedBy(url: "https://html.spec.whatwg.org/multipage/in
 """Entity for Employee"""
 type Employee {
   active: Boolean
-  address: String!
+  address: String
   alias: String
   approvalLines: [ApprovalLine!]!
   contact: Contact
@@ -787,9 +787,10 @@ type EmployeeList {
 input EmployeePatch {
   active: Boolean
   alias: String
+  contact: ObjectRefForContact
   controlNo: String
   cuFlag: String
-  department: ObjectRef
+  department: ObjectRefForDepartment
   hiredOn: String
   id: ID
   jobPosition: String
@@ -1502,7 +1503,9 @@ type Mutation {
   """To activate user"""
   activateUser(userId: String!): Boolean!
 
-  """To attach a contact on Employee"""
+  """
+  Attaches an existing contact to an employee. The contact is identified by its ID and the employee is identified by their ID.
+  """
   attachContact(contactId: String!, id: String!): Employee!
   cancelInvitation(email: EmailAddress!, reference: String!, type: String!): Boolean!
 
@@ -1559,7 +1562,9 @@ type Mutation {
   """To create domain (Only superuser is granted this privilege.)"""
   createDomain(domainInput: DomainPatch!): Domain!
 
-  """To create new Employee"""
+  """
+  Creates a new employee record with the provided details. Optionally associates the employee with a supervisor, department, and system user. If a photo is provided, it will be attached to the employee record.
+  """
   createEmployee(employee: NewEmployee!): Employee!
 
   """To create new Entity"""
@@ -1610,6 +1615,12 @@ type Mutation {
   """To create new Oauth2Client"""
   createOauth2Client(oauth2Client: NewOauth2Client!): Oauth2Client!
 
+  """To create new PDFRelease"""
+  createPDFRelease(pdfRelease: NewPDFRelease!): PDFRelease!
+
+  """To create new PDFTemplate"""
+  createPDFTemplate(pdfTemplate: NewPDFTemplate!): PDFTemplate!
+
   """To create new PayloadLog"""
   createPayloadLog(payloadLog: NewPayloadLog!): PayloadLog!
 
@@ -1716,10 +1727,14 @@ type Mutation {
   """To delete multiple domains (Only superuser is granted this privilege.)"""
   deleteDomains(names: [String!]!): Boolean!
 
-  """To delete Employee"""
+  """
+  Deletes an employee record identified by the given ID. Also deletes any attachments associated with the employee.
+  """
   deleteEmployee(id: String!): Boolean!
 
-  """To delete multiple Employees"""
+  """
+  Deletes multiple employee records identified by the given IDs. Also deletes any attachments associated with each employee.
+  """
   deleteEmployees(ids: [String!]!): Boolean!
 
   """To delete multiple Entities"""
@@ -1809,6 +1824,18 @@ type Mutation {
   """To delete multiple Oauth2Clients"""
   deleteOauth2Clients(ids: [String!]!): Boolean!
 
+  """To delete PDFRelease"""
+  deletePDFRelease(id: String!): Boolean!
+
+  """To delete multiple PDFReleases"""
+  deletePDFReleases(ids: [String!]!): Boolean!
+
+  """To delete PDFTemplate"""
+  deletePDFTemplate(id: String!): Boolean!
+
+  """To delete multiple PDFTemplates"""
+  deletePDFTemplates(ids: [String!]!): Boolean!
+
   """To delete PagePreference"""
   deletePagePreference(id: String!): Boolean!
 
@@ -1887,7 +1914,9 @@ type Mutation {
   """To delete some users"""
   deleteUsers(emails: [String!]!): Boolean!
 
-  """To detach a contact from Employee"""
+  """
+  Detaches an existing contact from an employee. The employee is identified by their ID.
+  """
   detachContact(id: String!): Employee!
 
   """To disconnect a connection"""
@@ -1929,7 +1958,9 @@ type Mutation {
   """To import multiple Departments"""
   importDepartments(departments: [DepartmentPatch!]!): Boolean!
 
-  """To import multiple Employees"""
+  """
+  Imports multiple employee records into the system. Each employee record must be provided in the EmployeePatch format.
+  """
   importEmployees(employees: [EmployeePatch!]!): Boolean!
 
   """To import multiple MenuButtons"""
@@ -1956,6 +1987,12 @@ type Mutation {
   """To import multiple Oauth2Clients"""
   importOauth2Clients(oauth2Clients: [Oauth2ClientPatch!]!): Boolean!
 
+  """To import multiple PDFReleases"""
+  importPDFReleases(pdfReleases: [PDFReleasePatch!]!): Boolean!
+
+  """To import multiple PDFTemplates"""
+  importPDFTemplates(pdfTemplates: [PDFTemplatePatch!]!): Boolean!
+
   """To import multiple scenarios"""
   importScenarios(scenarios: [ScenarioPatch!]!): Boolean!
 
@@ -2003,6 +2040,14 @@ type Mutation {
     visibility: String!
   ): BoardTemplate!
 
+  """
+  Registers an existing employee as a system user, granting them access to the system. The employee is identified by their ID.
+  """
+  registerEmployeeAsSystemUser(
+    """Employee Id"""
+    employeeId: String!
+  ): Boolean!
+
   """To release a Board"""
   releaseBoard(id: String!): Board!
   renewApplicationAccessToken(id: String!, scope: String!): AccessToken!
@@ -2092,7 +2137,9 @@ type Mutation {
   """To update multiple domains (Only superuser is granted this privilege.)"""
   updateDomains(patches: [DomainPatch!]!): Boolean!
 
-  """To modify Employee information"""
+  """
+  Updates the details of an existing employee identified by the given ID. Optionally updates the supervisor, department, system user, and photo associated with the employee.
+  """
   updateEmployee(id: String!, patch: EmployeePatch!): Employee!
 
   """To modify Entity' information"""
@@ -2147,7 +2194,9 @@ type Mutation {
   """To modify multiple Departments' information"""
   updateMultipleDepartment(patches: [DepartmentPatch!]!): [Department!]!
 
-  """To modify multiple Employees' information"""
+  """
+  Updates or creates multiple employee records based on the provided patches. New employees are created if the "cuFlag" is "+", and existing employees are updated if the "cuFlag" is "M".
+  """
   updateMultipleEmployee(patches: [EmployeePatch!]!): [Employee!]!
 
   """To modify multiple Entitys' information"""
@@ -2168,6 +2217,12 @@ type Mutation {
   """To modify multiple NotificationRules' information"""
   updateMultipleNotificationRule(patches: [NotificationRulePatch!]!): [NotificationRule!]!
 
+  """To modify multiple PDFReleases' information"""
+  updateMultiplePDFRelease(patches: [PDFReleasePatch!]!): [PDFRelease!]!
+
+  """To modify multiple PDFTemplates' information"""
+  updateMultiplePDFTemplate(patches: [PDFTemplatePatch!]!): [PDFTemplate!]!
+
   """To modify multiple PartnerSettings' information"""
   updateMultiplePartnerSetting(patches: [PartnerSettingPatch!]!): [PartnerSetting!]!
 
@@ -2216,6 +2271,12 @@ type Mutation {
   """To modify Oauth2Client information"""
   updateOauth2Client(id: String!, patch: Oauth2ClientPatch!): Oauth2Client!
 
+  """To modify PDFRelease information"""
+  updatePDFRelease(id: String!, patch: PDFReleasePatch!): PDFRelease!
+
+  """To modify PDFTemplate information"""
+  updatePDFTemplate(id: String!, patch: PDFTemplatePatch!): PDFTemplate!
+
   """To modify PayloadLog information"""
   updatePayloadLog(id: String!, patch: PayloadLogPatch!): PayloadLog!
 
@@ -2386,8 +2447,9 @@ input NewDepartment {
 input NewEmployee {
   active: Boolean
   alias: String
+  contact: ObjectRefForContact
   controlNo: String!
-  department: ObjectRef
+  department: ObjectRefForDepartment
   extension: String
   hiredOn: String
   jobPosition: String
@@ -2663,6 +2725,28 @@ input NewOauth2Client {
   webhook: String
 }
 
+input NewPDFRelease {
+  active: Boolean
+  description: String
+  name: String!
+  params: String
+  state: PDFReleaseStatus
+}
+
+input NewPDFTemplate {
+  active: Boolean
+  content_template: String
+  cover_template: String
+  description: String
+  footer_template: String
+  header_template: String
+  last_template: String
+  name: String!
+  page_size: String = "A4"
+  state: PDFTemplateStatus
+  watermark: String
+}
+
 input NewPagePreference {
   element: String
   page: String
@@ -2968,6 +3052,34 @@ input ObjectRefApprovalLineOwnerType {
   name: String
 }
 
+input ObjectRefForContact {
+  address: String
+
+  """Field description"""
+  description: String
+  email: EmailAddress
+
+  """Field id"""
+  id: ID!
+
+  """Field name"""
+  name: String
+  phone: String
+}
+
+input ObjectRefForDepartment {
+  controlNo: String
+
+  """Field description"""
+  description: String
+
+  """Field id"""
+  id: ID!
+
+  """Field name"""
+  name: String
+}
+
 input ObjectRefForEmployee {
   active: Boolean
   alias: String
@@ -3024,6 +3136,92 @@ enum OrgMemberTargetType {
   Role
 }
 
+"""Entity for PDFRelease"""
+type PDFRelease {
+  active: Boolean
+  createdAt: DateTimeISO
+  creator: User
+  deletedAt: DateTimeISO
+  description: String
+  domain: Domain
+  filePath: String
+  fileUrl: String
+  id: ID!
+  name: String
+  state: String
+  template: PDFTemplate!
+  templateId: String!
+  updatedAt: DateTimeISO
+  updater: User
+}
+
+type PDFReleaseList {
+  items: [PDFRelease!]!
+  total: Int!
+}
+
+input PDFReleasePatch {
+  active: Boolean
+  cuFlag: String
+  description: String
+  id: ID
+  name: String
+  state: PDFReleaseStatus
+}
+
+"""state enumeration of a PDFRelease"""
+enum PDFReleaseStatus {
+  failed
+  published
+}
+
+"""Entity for PDFTemplate"""
+type PDFTemplate {
+  active: Boolean
+  content_template: String
+  cover_template: String
+  createdAt: DateTimeISO
+  creator: User
+  description: String
+  domain: Domain
+  footer_template: String
+  header_template: String
+  id: ID!
+  last_template: String
+  name: String
+  page_size: String
+  state: String
+  updatedAt: DateTimeISO
+  updater: User
+  watermark: String
+}
+
+type PDFTemplateList {
+  items: [PDFTemplate!]!
+  total: Int!
+}
+
+input PDFTemplatePatch {
+  active: Boolean
+  content_template: String
+  cover_template: String
+  cuFlag: String
+  description: String
+  footer_template: String
+  header_template: String
+  id: ID
+  last_template: String
+  name: String
+  page_size: String = "A4"
+  state: PDFTemplateStatus
+}
+
+"""state enumeration of a PDF Template"""
+enum PDFTemplateStatus {
+  draft
+  released
+}
+
 """Entity for PagePreference"""
 type PagePreference {
   createdAt: DateTimeISO
@@ -3094,6 +3292,18 @@ input PartnerSettingPatch {
   value: String
 }
 
+type PasswordRule {
+  allowRepeat: Boolean
+  digit: Boolean
+  looseCharacterLength: Float
+  lowerCase: Boolean
+  specialCharacter: Boolean
+  tightCharacterLength: Float
+  upperCase: Boolean
+  useLoosePattern: Boolean
+  useTightPattern: Boolean
+}
+
 """Entity for PayloadLog"""
 type PayloadLog {
   createdAt: DateTimeISO
@@ -3270,6 +3480,12 @@ type PropertySpec {
 
 type Query {
   APIDocCompletion(input: APIDocCompletionInput!): APIDocCompletionOutput!
+
+  """To fetch a PDFTemplate"""
+  PDFTemplate(id: String!): PDFTemplate
+
+  """To fetch multiple PDFTemplates"""
+  PDFTemplates(filters: [Filter!], inherited: InheritedValueType, pagination: Pagination, sortings: [Sorting!]): PDFTemplateList!
   appBinding(id: String!): AppBinding!
   appBindings(filters: [Filter!], inherited: InheritedValueType, pagination: Pagination, sortings: [Sorting!]): AppBindingList!
 
@@ -3342,19 +3558,25 @@ type Query {
   boardsCreatedByMe(filters: [Filter!], inherited: InheritedValueType, pagination: Pagination, sortings: [Sorting!]): BoardList!
   chatCompletion(input: ChatCompletionInput!): ChatCompletionOutput!
 
-  """To check if system would provide default password to create new user"""
+  """
+  Checks if the system is configured to provide a default password for new users.
+  """
   checkDefaultPassword: Boolean!
 
-  """To check if system would provide default password to create new user"""
+  """
+  Determines whether the system provides a default password when creating a new user.
+  """
   checkResettablePasswordToDefault: Boolean!
 
   """To fetch the preset of role for new user"""
   checkRolePreset: [Role!]!
 
-  """To check if current user is belongs to current domain"""
+  """
+  Checks if the current authenticated user belongs to the current domain.
+  """
   checkUserBelongsDomain: Boolean!
 
-  """..."""
+  """Checks if a user with the given email address exists in the system."""
   checkUserExistence(email: EmailAddress!): Boolean!
 
   """To fetch common approval lines"""
@@ -3414,10 +3636,14 @@ type Query {
   """To fetch multiple appliance"""
   edges(filters: [Filter!], inherited: InheritedValueType, pagination: Pagination, sortings: [Sorting!]): ApplianceList!
 
-  """To fetch a Employee"""
+  """
+  Fetches a specific employee by their unique ID. Returns the employee object if found, or null if not found.
+  """
   employee(id: String!): Employee
 
-  """To fetch multiple Employees"""
+  """
+  Fetches a list of employees based on provided query parameters. Supports searching by name, control number, and alias.
+  """
   employees(filters: [Filter!], inherited: InheritedValueType, pagination: Pagination, sortings: [Sorting!]): EmployeeList!
 
   """To fetch multiple Entities"""
@@ -3575,12 +3801,23 @@ type Query {
   partnerSettings(filters: [Filter!]!, pagination: Pagination!, partnerDomain: ObjectRef!, sortings: [Sorting!]!): PartnerSettingList!
   partners(filters: [Filter!], inherited: InheritedValueType, pagination: Pagination, sortings: [Sorting!]): PartnerList!
 
+  """
+  Retrieves the current password rule configuration for the system, such as required character types and minimum length.
+  """
+  passwordRule: PasswordRule!
+
   """To fetch a PayloadLog"""
   payloadLog(id: String!): PayloadLog!
 
   """To fetch multiple PayloadLogs"""
   payloadLogs(filters: [Filter!], inherited: InheritedValueType, pagination: Pagination, sortings: [Sorting!]): PayloadLogList!
 
+  """To fetch a PDFRelease"""
+  pdfRelease(id: String!): PDFRelease
+
+  """To fetch multiple PDFReleases"""
+  pdfReleases(filters: [Filter!], inherited: InheritedValueType, pagination: Pagination, sortings: [Sorting!]): PDFReleaseList!
+
   """To fetch a PlayGroup"""
   playGroup(id: String!): PlayGroup
 
@@ -3672,7 +3909,7 @@ type Query {
   """To fetch multiple Themes"""
   themes(filters: [Filter!], inherited: InheritedValueType, pagination: Pagination, sortings: [Sorting!]): ThemeList!
 
-  """To fetch user"""
+  """Fetches a user by their email address within the current domain."""
   user(email: EmailAddress!): User!
 
   """To fetch Menus by role"""
@@ -3681,7 +3918,9 @@ type Query {
   """To fetch roles of a user"""
   userRoles(userId: String!): [UserRole!]!
 
-  """To fetch multiple users"""
+  """
+  Fetches a list of users based on provided search parameters within the current domain.
+  """
   users(filters: [Filter!], inherited: InheritedValueType, pagination: Pagination, sortings: [Sorting!]): UserList!
   vendors: [Domain!]!
 }

package/src/grist.ts

@@ -274,6 +274,14 @@ export default class SceneGrist extends HTMLOverlayElement {
    * 변화에 따른 기본적인 html 속성이 super.reposition()에서 진행되고, 그 밖의 작업이 필요할 때, 오버라이드 한다.
    */
   reposition() {
+    const { fillStyle } = this.state
+
+    if (!fillStyle) {
+      this.grist?.style.setProperty('--grist-background-color', 'var(--md-sys-color-surface, #f7f6f4)')
+    } else {
+      this.grist?.style.removeProperty('--grist-background-color')
+    }
+
     super.reposition()
   }
 

package/src/templates/grist.ts

@@ -12,7 +12,6 @@ export default {
     top: 10,
     width: 400,
     height: 300,
-    fillStyle: '#f7f6f4',
     mode: 'GRID',
     config: `{
   columns: [