@operato/dataset 8.0.0-beta.6 → 8.0.1

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/dataset",
   "description": "WebApplication dataset supporting components following open-wc recommendations",
   "author": "heartyoh",
-  "version": "8.0.0-beta.6",
+  "version": "8.0.1",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {
@@ -108,30 +108,30 @@
   },
   "dependencies": {
     "@material/web": "^2.0.0",
-    "@operato/data-grist": "^8.0.0-beta.6",
-    "@operato/graphql": "^8.0.0-beta.2",
-    "@operato/grist-editor": "^8.0.0-beta.6",
-    "@operato/i18n": "^8.0.0-beta.2",
-    "@operato/input": "^8.0.0-beta.5",
-    "@operato/popup": "^8.0.0-beta.5",
-    "@operato/property-editor": "^8.0.0-beta.6",
-    "@operato/shell": "^8.0.0-beta.5",
-    "@operato/styles": "^8.0.0-beta.2",
-    "@operato/utils": "^8.0.0-beta.2",
+    "@operato/data-grist": "^8.0.0",
+    "@operato/graphql": "^8.0.0",
+    "@operato/grist-editor": "^8.0.0",
+    "@operato/i18n": "^8.0.0",
+    "@operato/input": "^8.0.0",
+    "@operato/popup": "^8.0.0",
+    "@operato/property-editor": "^8.0.0",
+    "@operato/shell": "^8.0.0",
+    "@operato/styles": "^8.0.0",
+    "@operato/utils": "^8.0.0",
     "lit": "^3.1.2"
   },
   "devDependencies": {
-    "@custom-elements-manifest/analyzer": "^0.10.0",
+    "@custom-elements-manifest/analyzer": "^0.9.2",
     "@hatiolab/prettier-config": "^1.0.0",
     "@open-wc/eslint-config": "^12.0.3",
-    "@open-wc/testing": "^4.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.0.0",
-    "@typescript-eslint/parser": "^8.0.0",
-    "@web/dev-server": "^0.4.0",
+    "@open-wc/testing": "^3.1.6",
+    "@typescript-eslint/eslint-plugin": "^7.0.1",
+    "@typescript-eslint/parser": "^7.0.1",
+    "@web/dev-server": "^0.3.0",
     "@web/dev-server-storybook": "^2.0.1",
-    "@web/test-runner": "^0.19.0",
-    "concurrently": "^9.0.0",
-    "eslint": "^9.0.0",
+    "@web/test-runner": "^0.18.0",
+    "concurrently": "^8.0.1",
+    "eslint": "^8.39.0",
     "eslint-config-prettier": "^9.1.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
@@ -152,5 +152,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "b152426bfb79be62ba34a2eb1a4bb092b5ead2c2"
+  "gitHead": "d7d8e783c8c7215997c404fde0c5f65508abd161"
 }

package/dist/src/ox-data-input-factory.d.ts

@@ -1,53 +0,0 @@
-import '@operato/input/ox-input-file.js';
-import '@operato/input/ox-input-signature.js';
-import { TemplateResult } from 'lit';
-/**
- * OxDataInputFactory
- * A factory class that dynamically generates input elements based on different data types.
- */
-export declare class OxDataInputFactory {
-    /**
-     * Creates an input element based on the specified type.
-     * @param type - The type of input (e.g., text, number, date, select, etc.)
-     * @param tag - The name attribute for the input field
-     * @param value - The current value of the input field
-     * @param options - Additional options (used for select, radio, etc.)
-     * @param idx - Index for multiple input fields
-     * @returns TemplateResult - A Lit template result for rendering
-     */
-    static createInputElement(type: string, tag: string, value: any, options?: any, idx?: number): TemplateResult;
-    /**
-     * Creates a select dropdown element.
-     * @param tag - The name attribute for the select element
-     * @param value - The currently selected value
-     * @param options - The available options for the dropdown
-     * @returns TemplateResult - A Lit template result for rendering
-     */
-    private static createSelect;
-    /**
-     * Creates a radio button group.
-     * @param tag - The name attribute for the radio group
-     * @param value - The currently selected value
-     * @param options - The available radio options
-     * @param idx - Index for multiple radio groups
-     * @returns TemplateResult - A Lit template result for rendering
-     */
-    private static createRadio;
-    /**
-     * Creates a filter resource object element.
-     * @param tag - The name attribute for the input field
-     * @param value - The current value of the input field
-     * @param options - Additional options
-     * @returns TemplateResult - A Lit template result for
-     */
-    private static createEmployee;
-    /**
-     * Maps form input types to Grist-compatible column types.
-     * Ensures `OxDataEntrySubgroupForm` properly maps UI components to Grist.
-     */
-    static mapGristType(type: string): string;
-    /**
-     * Retrieves additional record options for Grist columns.
-     */
-    static getGristRecordOptions(type: string, options?: any): any;
-}

package/dist/src/ox-data-input-factory.js

@@ -1,162 +0,0 @@
-import '@operato/input/ox-input-file.js';
-import '@operato/input/ox-input-signature.js';
-// import '@operato/app/ox-filter-resource-object.js'
-import { html } from 'lit';
-/**
- * OxDataInputFactory
- * A factory class that dynamically generates input elements based on different data types.
- */
-export class OxDataInputFactory {
-    /**
-     * Creates an input element based on the specified type.
-     * @param type - The type of input (e.g., text, number, date, select, etc.)
-     * @param tag - The name attribute for the input field
-     * @param value - The current value of the input field
-     * @param options - Additional options (used for select, radio, etc.)
-     * @param idx - Index for multiple input fields
-     * @returns TemplateResult - A Lit template result for rendering
-     */
-    static createInputElement(type, tag, value, options = {}, idx = 0) {
-        switch (type) {
-            case 'select':
-                return this.createSelect(tag, value, options);
-            case 'radio':
-                return this.createRadio(tag, value, options, idx);
-            case 'boolean':
-                return html `<input type="checkbox" name=${tag} .checked=${value} />`;
-            case 'number':
-                return html `<input type="number" name=${tag} .value=${value} />`;
-            case 'date':
-                return html `<input type="date" name=${tag} .value=${value} />`;
-            case 'datetime':
-                return html `<input type="datetime-local" name=${tag} .value=${value} />`;
-            case 'file':
-                return html `<ox-input-file name=${tag} multiple .value=${value}></ox-input-file>`;
-            case 'signature':
-                return html `<ox-input-signature name=${tag} .value=${value}></ox-input-signature>`;
-            case 'employee':
-                return this.createEmployee(tag, value, options);
-            case 'string':
-            default:
-                return html `<input type="text" name=${tag} .value=${value} />`;
-        }
-    }
-    /**
-     * Creates a select dropdown element.
-     * @param tag - The name attribute for the select element
-     * @param value - The currently selected value
-     * @param options - The available options for the dropdown
-     * @returns TemplateResult - A Lit template result for rendering
-     */
-    static createSelect(tag, value, options) {
-        var _a;
-        return html `
-      <select name=${tag}>
-        <option value=""></option>
-        ${(_a = options.options) === null || _a === void 0 ? void 0 : _a.map((option) => html `
-            <option value=${option.value} ?selected=${option.value === value}>${option.text}</option>
-          `)}
-      </select>
-    `;
-    }
-    /**
-     * Creates a radio button group.
-     * @param tag - The name attribute for the radio group
-     * @param value - The currently selected value
-     * @param options - The available radio options
-     * @param idx - Index for multiple radio groups
-     * @returns TemplateResult - A Lit template result for rendering
-     */
-    static createRadio(tag, value, options, idx) {
-        var _a;
-        return html `
-      <div
-        @change=${(e) => {
-            const div = e.currentTarget;
-            const hiddenInput = div.querySelector(`input[name="${tag}"]`);
-            hiddenInput.value = e.target.value;
-        }}
-      >
-        <input type="hidden" name=${tag} />
-        ${(_a = options.options) === null || _a === void 0 ? void 0 : _a.map((option) => html `
-            <label>
-              <input type="radio" name=${`${tag}-${idx}`} value=${option.value} ?checked=${option.value === value} />
-              ${option.text}
-            </label>
-          `)}
-      </div>
-    `;
-    }
-    /**
-     * Creates a filter resource object element.
-     * @param tag - The name attribute for the input field
-     * @param value - The current value of the input field
-     * @param options - Additional options
-     * @returns TemplateResult - A Lit template result for
-     */
-    static createEmployee(tag, value, options) {
-        return html ``;
-        // return html`<ox-filter-resource-object
-        //   .name=${tag}
-        //   .value=${value}
-        //   .confirmCallback=${confirmCallback.bind(this)}
-        //   .queryName=${'employees'}
-        //   .columns=${columns}
-        //   .pagination=${pagination}
-        //   .list=${list}
-        //   .basicArgs=${basicArgs}
-        //   .valueField=${valueField}
-        // ></ox-filter-resource-object>`
-    }
-    /**
-     * Maps form input types to Grist-compatible column types.
-     * Ensures `OxDataEntrySubgroupForm` properly maps UI components to Grist.
-     */
-    static mapGristType(type) {
-        switch (type) {
-            case 'radio':
-            case 'select':
-                return 'select'; // Convert radio to select for Grist
-            case 'boolean':
-                return 'boolean';
-            case 'number':
-                return 'number';
-            case 'date':
-                return 'date';
-            case 'datetime':
-                return 'datetime';
-            case 'file':
-                return 'file';
-            case 'signature':
-                return 'signature';
-            case 'string':
-                return 'text';
-            default:
-                return type;
-        }
-    }
-    /**
-     * Retrieves additional record options for Grist columns.
-     */
-    static getGristRecordOptions(type, options = {}) {
-        switch (type) {
-            case 'select':
-            case 'radio':
-                return {
-                    options: [
-                        '',
-                        ...(options.options || []).map((opt) => typeof opt === 'string' ? opt : { display: opt.text, value: opt.value })
-                    ]
-                };
-            case 'boolean':
-                return { align: 'center' };
-            case 'number':
-                return { align: 'right' };
-            case 'file':
-                return { multiple: true };
-            default:
-                return {};
-        }
-    }
-}
-//# sourceMappingURL=ox-data-input-factory.js.map

package/dist/src/ox-data-input-factory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-data-input-factory.js","sourceRoot":"","sources":["../../src/ox-data-input-factory.ts"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAA;AACxC,OAAO,sCAAsC,CAAA;AAC7C,qDAAqD;AAErD,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C;;;GAGG;AACH,MAAM,OAAO,kBAAkB;IAC7B;;;;;;;;OAQG;IACH,MAAM,CAAC,kBAAkB,CAAC,IAAY,EAAE,GAAW,EAAE,KAAU,EAAE,UAAe,EAAE,EAAE,MAAc,CAAC;QACjG,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;YAC/C,KAAK,OAAO;gBACV,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,CAAA;YACnD,KAAK,SAAS;gBACZ,OAAO,IAAI,CAAA,+BAA+B,GAAG,aAAa,KAAK,KAAK,CAAA;YACtE,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAA,6BAA6B,GAAG,WAAW,KAAK,KAAK,CAAA;YAClE,KAAK,MAAM;gBACT,OAAO,IAAI,CAAA,2BAA2B,GAAG,WAAW,KAAK,KAAK,CAAA;YAChE,KAAK,UAAU;gBACb,OAAO,IAAI,CAAA,qCAAqC,GAAG,WAAW,KAAK,KAAK,CAAA;YAC1E,KAAK,MAAM;gBACT,OAAO,IAAI,CAAA,uBAAuB,GAAG,oBAAoB,KAAK,mBAAmB,CAAA;YACnF,KAAK,WAAW;gBACd,OAAO,IAAI,CAAA,4BAA4B,GAAG,WAAW,KAAK,wBAAwB,CAAA;YACpF,KAAK,UAAU;gBACb,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;YACjD,KAAK,QAAQ,CAAC;YACd;gBACE,OAAO,IAAI,CAAA,2BAA2B,GAAG,WAAW,KAAK,KAAK,CAAA;QAClE,CAAC;IACH,CAAC;IAED;;;;;;OAMG;IACK,MAAM,CAAC,YAAY,CAAC,GAAW,EAAE,KAAU,EAAE,OAAY;;QAC/D,OAAO,IAAI,CAAA;qBACM,GAAG;;UAEd,MAAA,OAAO,CAAC,OAAO,0CAAE,GAAG,CACpB,CAAC,MAAW,EAAE,EAAE,CAAC,IAAI,CAAA;4BACH,MAAM,CAAC,KAAK,cAAc,MAAM,CAAC,KAAK,KAAK,KAAK,IAAI,MAAM,CAAC,IAAI;WAChF,CACF;;KAEJ,CAAA;IACH,CAAC;IAED;;;;;;;OAOG;IACK,MAAM,CAAC,WAAW,CAAC,GAAW,EAAE,KAAU,EAAE,OAAY,EAAE,GAAW;;QAC3E,OAAO,IAAI,CAAA;;kBAEG,CAAC,CAAQ,EAAE,EAAE;YACrB,MAAM,GAAG,GAAG,CAAC,CAAC,aAA4B,CAAA;YAC1C,MAAM,WAAW,GAAG,GAAG,CAAC,aAAa,CAAC,eAAe,GAAG,IAAI,CAAqB,CAAA;YACjF,WAAW,CAAC,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAA;QAC1D,CAAC;;oCAE2B,GAAG;UAC7B,MAAA,OAAO,CAAC,OAAO,0CAAE,GAAG,CACpB,CAAC,MAAW,EAAE,EAAE,CAAC,IAAI,CAAA;;yCAEU,GAAG,GAAG,IAAI,GAAG,EAAE,UAAU,MAAM,CAAC,KAAK,aAAa,MAAM,CAAC,KAAK,KAAK,KAAK;gBACjG,MAAM,CAAC,IAAI;;WAEhB,CACF;;KAEJ,CAAA;IACH,CAAC;IAED;;;;;;OAMG;IACK,MAAM,CAAC,cAAc,CAAC,GAAW,EAAE,KAAU,EAAE,OAAY;QACjE,OAAO,IAAI,CAAA,EAAE,CAAA;QACb,yCAAyC;QACzC,iBAAiB;QACjB,oBAAoB;QACpB,mDAAmD;QACnD,8BAA8B;QAC9B,wBAAwB;QACxB,8BAA8B;QAC9B,kBAAkB;QAClB,4BAA4B;QAC5B,8BAA8B;QAC9B,iCAAiC;IACnC,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,YAAY,CAAC,IAAY;QAC9B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO,CAAC;YACb,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAA,CAAC,oCAAoC;YACtD,KAAK,SAAS;gBACZ,OAAO,SAAS,CAAA;YAClB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAA;YACjB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAA;YACf,KAAK,UAAU;gBACb,OAAO,UAAU,CAAA;YACnB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAA;YACf,KAAK,WAAW;gBACd,OAAO,WAAW,CAAA;YACpB,KAAK,QAAQ;gBACX,OAAO,MAAM,CAAA;YACf;gBACE,OAAO,IAAI,CAAA;QACf,CAAC;IACH,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,qBAAqB,CAAC,IAAY,EAAE,UAAe,EAAE;QAC1D,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ,CAAC;YACd,KAAK,OAAO;gBACV,OAAO;oBACL,OAAO,EAAE;wBACP,EAAE;wBACF,GAAG,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAC1C,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,CACxE;qBACF;iBACF,CAAA;YACH,KAAK,SAAS;gBACZ,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAA;YAC5B,KAAK,QAAQ;gBACX,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAA;YAC3B,KAAK,MAAM;gBACT,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;YAC3B;gBACE,OAAO,EAAE,CAAA;QACb,CAAC;IACH,CAAC;CACF","sourcesContent":["import '@operato/input/ox-input-file.js'\nimport '@operato/input/ox-input-signature.js'\n// import '@operato/app/ox-filter-resource-object.js'\n\nimport { html, TemplateResult } from 'lit'\n\n/**\n * OxDataInputFactory\n * A factory class that dynamically generates input elements based on different data types.\n */\nexport class OxDataInputFactory {\n  /**\n   * Creates an input element based on the specified type.\n   * @param type - The type of input (e.g., text, number, date, select, etc.)\n   * @param tag - The name attribute for the input field\n   * @param value - The current value of the input field\n   * @param options - Additional options (used for select, radio, etc.)\n   * @param idx - Index for multiple input fields\n   * @returns TemplateResult - A Lit template result for rendering\n   */\n  static createInputElement(type: string, tag: string, value: any, options: any = {}, idx: number = 0): TemplateResult {\n    switch (type) {\n      case 'select':\n        return this.createSelect(tag, value, options)\n      case 'radio':\n        return this.createRadio(tag, value, options, idx)\n      case 'boolean':\n        return html`<input type=\"checkbox\" name=${tag} .checked=${value} />`\n      case 'number':\n        return html`<input type=\"number\" name=${tag} .value=${value} />`\n      case 'date':\n        return html`<input type=\"date\" name=${tag} .value=${value} />`\n      case 'datetime':\n        return html`<input type=\"datetime-local\" name=${tag} .value=${value} />`\n      case 'file':\n        return html`<ox-input-file name=${tag} multiple .value=${value}></ox-input-file>`\n      case 'signature':\n        return html`<ox-input-signature name=${tag} .value=${value}></ox-input-signature>`\n      case 'employee':\n        return this.createEmployee(tag, value, options)\n      case 'string':\n      default:\n        return html`<input type=\"text\" name=${tag} .value=${value} />`\n    }\n  }\n\n  /**\n   * Creates a select dropdown element.\n   * @param tag - The name attribute for the select element\n   * @param value - The currently selected value\n   * @param options - The available options for the dropdown\n   * @returns TemplateResult - A Lit template result for rendering\n   */\n  private static createSelect(tag: string, value: any, options: any): TemplateResult {\n    return html`\n      <select name=${tag}>\n        <option value=\"\"></option>\n        ${options.options?.map(\n          (option: any) => html`\n            <option value=${option.value} ?selected=${option.value === value}>${option.text}</option>\n          `\n        )}\n      </select>\n    `\n  }\n\n  /**\n   * Creates a radio button group.\n   * @param tag - The name attribute for the radio group\n   * @param value - The currently selected value\n   * @param options - The available radio options\n   * @param idx - Index for multiple radio groups\n   * @returns TemplateResult - A Lit template result for rendering\n   */\n  private static createRadio(tag: string, value: any, options: any, idx: number): TemplateResult {\n    return html`\n      <div\n        @change=${(e: Event) => {\n          const div = e.currentTarget as HTMLElement\n          const hiddenInput = div.querySelector(`input[name=\"${tag}\"]`) as HTMLInputElement\n          hiddenInput.value = (e.target as HTMLInputElement).value\n        }}\n      >\n        <input type=\"hidden\" name=${tag} />\n        ${options.options?.map(\n          (option: any) => html`\n            <label>\n              <input type=\"radio\" name=${`${tag}-${idx}`} value=${option.value} ?checked=${option.value === value} />\n              ${option.text}\n            </label>\n          `\n        )}\n      </div>\n    `\n  }\n\n  /**\n   * Creates a filter resource object element.\n   * @param tag - The name attribute for the input field\n   * @param value - The current value of the input field\n   * @param options - Additional options\n   * @returns TemplateResult - A Lit template result for\n   */\n  private static createEmployee(tag: string, value: any, options: any): TemplateResult {\n    return html``\n    // return html`<ox-filter-resource-object\n    //   .name=${tag}\n    //   .value=${value}\n    //   .confirmCallback=${confirmCallback.bind(this)}\n    //   .queryName=${'employees'}\n    //   .columns=${columns}\n    //   .pagination=${pagination}\n    //   .list=${list}\n    //   .basicArgs=${basicArgs}\n    //   .valueField=${valueField}\n    // ></ox-filter-resource-object>`\n  }\n\n  /**\n   * Maps form input types to Grist-compatible column types.\n   * Ensures `OxDataEntrySubgroupForm` properly maps UI components to Grist.\n   */\n  static mapGristType(type: string): string {\n    switch (type) {\n      case 'radio':\n      case 'select':\n        return 'select' // Convert radio to select for Grist\n      case 'boolean':\n        return 'boolean'\n      case 'number':\n        return 'number'\n      case 'date':\n        return 'date'\n      case 'datetime':\n        return 'datetime'\n      case 'file':\n        return 'file'\n      case 'signature':\n        return 'signature'\n      case 'string':\n        return 'text'\n      default:\n        return type\n    }\n  }\n\n  /**\n   * Retrieves additional record options for Grist columns.\n   */\n  static getGristRecordOptions(type: string, options: any = {}): any {\n    switch (type) {\n      case 'select':\n      case 'radio':\n        return {\n          options: [\n            '',\n            ...(options.options || []).map((opt: any) =>\n              typeof opt === 'string' ? opt : { display: opt.text, value: opt.value }\n            )\n          ]\n        }\n      case 'boolean':\n        return { align: 'center' }\n      case 'number':\n        return { align: 'right' }\n      case 'file':\n        return { multiple: true }\n      default:\n        return {}\n    }\n  }\n}\n"]}

package/dist/stories/ox-data-entry-form-subgroups.stories.d.ts

@@ -1,19 +0,0 @@
-import '@operato/i18n';
-import '../src/ox-data-entry-form.js';
-import '../src/usecase/ccp';
-import '@material/web/icon/icon.js';
-import { TemplateResult } from 'lit';
-declare const _default: {
-    title: string;
-    component: string;
-    argTypes: {};
-};
-export default _default;
-interface Story<T> {
-    (args: T): TemplateResult;
-    args?: Partial<T>;
-    argTypes?: Record<string, unknown>;
-}
-interface ArgTypes {
-}
-export declare const Regular: Story<ArgTypes>;

package/dist/stories/ox-data-entry-form-subgroups.stories.js

@@ -1,248 +0,0 @@
-import '@operato/i18n';
-import '../src/ox-data-entry-form.js';
-import '../src/usecase/ccp'; /* register usecase CCP */
-import '@material/web/icon/icon.js';
-import { html } from 'lit';
-export default {
-    title: 'ox-data-entry-form-subgroups',
-    component: 'ox-data-entry-form',
-    argTypes: {}
-};
-const dataSet = {
-    name: 'sample',
-    description: 'sample description',
-    useCase: 'CCP',
-    dataItems: [
-        {
-            name: '라디오 독립',
-            description: '라디오',
-            sequence: 5,
-            tag: 'check2',
-            type: 'radio',
-            options: {
-                options: [
-                    {
-                        text: '예',
-                        value: 'Y'
-                    },
-                    {
-                        text: '아니오',
-                        value: 'N'
-                    }
-                ]
-            },
-            quota: 1,
-            active: true
-        },
-        {
-            name: '첨부파일',
-            description: '참조 첨부 파일.',
-            sequence: 4,
-            tag: 'attachment',
-            type: 'file',
-            quota: 1,
-            active: true
-        },
-        {
-            name: '창고 온도',
-            description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
-            sequence: 1,
-            tag: 'temp',
-            group: '측정데이타',
-            type: 'number',
-            quota: 1,
-            active: true,
-            unit: '℃',
-            spec: {
-                CCP: {
-                    criticalLimits: {
-                        minimum: 100,
-                        maximum: 200
-                    },
-                    targetLimits: {
-                        minimum: 120,
-                        maximum: 180
-                    }
-                }
-            }
-        },
-        {
-            name: '코멘트',
-            description: '특이사항을 기록함.',
-            sequence: 4,
-            tag: 'comment',
-            type: 'string',
-            quota: 1,
-            active: true
-        },
-        {
-            name: '창고 습도',
-            description: '창고 습도는 30% 이하로 유지되어야 합니다.',
-            sequence: 2,
-            tag: 'humid',
-            group: '측정데이타2',
-            type: 'number',
-            quota: 5,
-            active: true,
-            unit: '%',
-            spec: {
-                CCP: {
-                    criticalLimits: {
-                        minimum: 10,
-                        maximum: 50
-                    },
-                    targetLimits: {
-                        minimum: 20,
-                        maximum: 40
-                    }
-                }
-            }
-        },
-        {
-            name: '설명',
-            description: '설명',
-            sequence: 12,
-            tag: 'description',
-            type: 'string',
-            active: true,
-            group: '측정데이타2'
-        },
-        {
-            name: '육안 검사',
-            description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',
-            sequence: 3,
-            tag: 'inspection',
-            group: '측정데이타',
-            type: 'boolean',
-            quota: 3,
-            active: true,
-            spec: {
-                CCP: {
-                    criticalLimits: {
-                        acceptables: true
-                    },
-                    targetLimits: {
-                        acceptables: true
-                    }
-                }
-            }
-        },
-        {
-            name: '품평',
-            description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
-            sequence: 4,
-            tag: 'evaluation',
-            group: '측정데이타2',
-            type: 'select',
-            options: {
-                options: [
-                    { text: '최우수', value: '최우수' },
-                    { text: '우수', value: '우수' },
-                    { text: '보통', value: '보통' },
-                    { text: '미달', value: '미달' },
-                    { text: '등외', value: '등외' }
-                ]
-            },
-            quota: 3,
-            active: true,
-            spec: {
-                CCP: {
-                    criticalLimits: {
-                        acceptables: ['최우수', '우수', '보통']
-                    },
-                    targetLimits: {
-                        acceptables: ['최우수', '우수']
-                    }
-                }
-            }
-        },
-        {
-            name: '라디오 측정',
-            description: '라디오 그룹',
-            group: '측정데이타',
-            sequence: 5,
-            tag: 'check1',
-            type: 'radio',
-            options: {
-                options: [
-                    {
-                        text: '예',
-                        value: 'Y'
-                    },
-                    {
-                        text: '아니오',
-                        value: 'N'
-                    }
-                ]
-            },
-            quota: 3,
-            active: true
-        },
-        {
-            name: '서명',
-            description: '품평가 서명.',
-            sequence: 4,
-            tag: 'sign',
-            group: '측정데이타',
-            type: 'signature',
-            quota: 3,
-            active: true
-        },
-        {
-            name: '서명',
-            description: '서명',
-            sequence: 5,
-            tag: 'signature',
-            type: 'signature',
-            quota: 1,
-            active: true
-        }
-    ]
-};
-var value = {
-    temp: 1000,
-    humid: [20, 23, 21, 26, 27],
-    inspection: [true, false, true],
-    evaluation: ['최우수', '보통', '우수'],
-    comment: '이것이 코멘트입니다.',
-    description: [''],
-    signature: 'data:image/png;base64,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'
-};
-const Template = ({}) => html `
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-  <link
-    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
-    rel="stylesheet"
-  />
-
-  <style>
-    body {
-    }
-  </style>
-
-  <link href="/themes/app-theme.css" rel="stylesheet" />
-  <link href="/themes/light.css" rel="stylesheet" />
-  <link href="/themes/dark.css" rel="stylesheet" />
-  <link href="/themes/spacing.css" rel="stylesheet" />
-  <link href="/themes/grist-theme.css" rel="stylesheet" />
-  <link href="/themes/form-theme.css" rel="stylesheet" />
-
-  <ox-data-entry-form
-    .dataSet=${dataSet}
-    .value=${value}
-    @change=${(e) => {
-    value = e.detail;
-    console.log('change', value);
-}}
-  ></ox-data-entry-form>
-`;
-export const Regular = Template.bind({});
-Regular.args = {};
-//# sourceMappingURL=ox-data-entry-form-subgroups.stories.js.map

package/dist/stories/ox-data-entry-form-subgroups.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-data-entry-form-subgroups.stories.js","sourceRoot":"","sources":["../../stories/ox-data-entry-form-subgroups.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n'\nimport '../src/ox-data-entry-form.js'\nimport '../src/usecase/ccp' /* register usecase CCP */\nimport '@material/web/icon/icon.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-data-entry-form-subgroups',\n  component: 'ox-data-entry-form',\n  argTypes: {}\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {}\n\nconst dataSet = {\n  name: 'sample',\n  description: 'sample description',\n  useCase: 'CCP',\n  dataItems: [\n    {\n      name: '라디오 독립',\n      description: '라디오',\n      sequence: 5,\n      tag: 'check2',\n      type: 'radio',\n      options: {\n        options: [\n          {\n            text: '예',\n            value: 'Y'\n          },\n          {\n            text: '아니오',\n            value: 'N'\n          }\n        ]\n      },\n      quota: 1,\n      active: true\n    },\n    {\n      name: '첨부파일',\n      description: '참조 첨부 파일.',\n      sequence: 4,\n      tag: 'attachment',\n      type: 'file',\n      quota: 1,\n      active: true\n    },\n    {\n      name: '창고 온도',\n      description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',\n      sequence: 1,\n      tag: 'temp',\n      group: '측정데이타',\n      type: 'number',\n      quota: 1,\n      active: true,\n      unit: '℃',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            minimum: 100,\n            maximum: 200\n          },\n          targetLimits: {\n            minimum: 120,\n            maximum: 180\n          }\n        }\n      }\n    },\n    {\n      name: '코멘트',\n      description: '특이사항을 기록함.',\n      sequence: 4,\n      tag: 'comment',\n      type: 'string',\n      quota: 1,\n      active: true\n    },\n    {\n      name: '창고 습도',\n      description: '창고 습도는 30% 이하로 유지되어야 합니다.',\n      sequence: 2,\n      tag: 'humid',\n      group: '측정데이타2',\n      type: 'number',\n      quota: 5,\n      active: true,\n      unit: '%',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            minimum: 10,\n            maximum: 50\n          },\n          targetLimits: {\n            minimum: 20,\n            maximum: 40\n          }\n        }\n      }\n    },\n    {\n      name: '설명',\n      description: '설명',\n      sequence: 12,\n      tag: 'description',\n      type: 'string',\n      active: true,\n      group: '측정데이타2'\n    },\n    {\n      name: '육안 검사',\n      description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',\n      sequence: 3,\n      tag: 'inspection',\n      group: '측정데이타',\n      type: 'boolean',\n      quota: 3,\n      active: true,\n      spec: {\n        CCP: {\n          criticalLimits: {\n            acceptables: true\n          },\n          targetLimits: {\n            acceptables: true\n          }\n        }\n      }\n    },\n    {\n      name: '품평',\n      description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',\n      sequence: 4,\n      tag: 'evaluation',\n      group: '측정데이타2',\n      type: 'select',\n      options: {\n        options: [\n          { text: '최우수', value: '최우수' },\n          { text: '우수', value: '우수' },\n          { text: '보통', value: '보통' },\n          { text: '미달', value: '미달' },\n          { text: '등외', value: '등외' }\n        ]\n      },\n      quota: 3,\n      active: true,\n      spec: {\n        CCP: {\n          criticalLimits: {\n            acceptables: ['최우수', '우수', '보통']\n          },\n          targetLimits: {\n            acceptables: ['최우수', '우수']\n          }\n        }\n      }\n    },\n    {\n      name: '라디오 측정',\n      description: '라디오 그룹',\n      group: '측정데이타',\n      sequence: 5,\n      tag: 'check1',\n      type: 'radio',\n      options: {\n        options: [\n          {\n            text: '예',\n            value: 'Y'\n          },\n          {\n            text: '아니오',\n            value: 'N'\n          }\n        ]\n      },\n      quota: 3,\n      active: true\n    },\n    {\n      name: '서명',\n      description: '품평가 서명.',\n      sequence: 4,\n      tag: 'sign',\n      group: '측정데이타',\n      type: 'signature',\n      quota: 3,\n      active: true\n    },\n    {\n      name: '서명',\n      description: '서명',\n      sequence: 5,\n      tag: 'signature',\n      type: 'signature',\n      quota: 1,\n      active: true\n    }\n  ]\n}\n\nvar value = {\n  temp: 1000,\n  humid: [20, 23, 21, 26, 27],\n  inspection: [true, false, true],\n  evaluation: ['최우수', '보통', '우수'],\n  comment: '이것이 코멘트입니다.',\n  description: [''],\n  signature:\n    'data:image/png;base64,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'\n}\n\nconst Template: Story<ArgTypes> = ({}: ArgTypes) => html`\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n\n  <style>\n    body {\n    }\n  </style>\n\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/light.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/dark.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/spacing.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/grist-theme.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/form-theme.css\" rel=\"stylesheet\" />\n\n  <ox-data-entry-form\n    .dataSet=${dataSet}\n    .value=${value}\n    @change=${(e: CustomEvent) => {\n      value = e.detail\n      console.log('change', value)\n    }}\n  ></ox-data-entry-form>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {}\n"]}