@operato/dataset 2.0.0-alpha.14 → 2.0.0-alpha.140

package/dist/src/usecase/spc/ox-input-spc-limits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-input-spc-limits.js","sourceRoot":"","sources":["../../../../src/usecase/spc/ox-input-spc-limits.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5E,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,MAAM,CAAN,IAAY,YAMX;AAND,WAAY,YAAY;IACtB,iCAAiB,CAAA;IACjB,6BAAa,CAAA;IACb,mCAAmB,CAAA;IACnB,iCAAiB,CAAA;IACjB,6BAAa,CAAA;AACf,CAAC,EANW,YAAY,KAAZ,YAAY,QAMvB;AAQD;;;;;;;;;GASG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAsDuB,UAAK,GAAkB,EAAE,CAAA;QACzB,SAAI,GAAiB,YAAY,CAAC,MAAM,CAAA;QAExC,YAAO,GAAoD,EAAE,CAAA;IA0F3F,CAAC;IApFC,YAAY;QACV,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACtE,CAAC;IAED,MAAM;;QACJ,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE/D,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,MAAM;YACjC,CAAC,CAAC,IAAI,CAAA;;4BAEY,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;6DACE,MAAM,CAAC,OAAO,CAAC;4BAChD,IAAI,CAAC,IAAI;;;;4BAIT,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;6DACE,MAAM,CAAC,OAAO,CAAC;4BAChD,IAAI,CAAC,IAAI;;aAExB;YACH,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,MAAM;gBACnC,CAAC,CAAC,IAAI,CAAA;;gBAEA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,0CAAE,GAAG,CAC1B,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;;;mCAIK,MAAM,CAAC,KAAK;iCACb,WAAwB,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;;4BAErD,MAAM,CAAC,IAAI;mCACJ,MAAM,CAAC,KAAK;;iBAE9B,CACF;aACF;gBACH,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO;oBACpC,CAAC,CAAC,IAAI,CAAA;;oDAEoC,IAAI,aAAc,WAAyB,CAAC,QAAQ,CAAC,IAAI,CAAC;;;;oDAI1D,KAAK,aAAc,WAAyB,CAAC,QAAQ,CAAC,KAAK,CAAC;;;aAGnG;oBACH,CAAC,CAAC,IAAI,CAAA,oBAAoB,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,SAAS;;KAE9E,CAAA;IACH,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,MAAM,EAAE,CAAC;YACtC,IAAI,CAAC,KAAK,GAAG;gBACX,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa;gBACnC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa;aACpC,CAAA;QACH,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,MAAM,EAAE,CAAC;YAC7C,IAAI,CAAC,KAAK,GAAG;gBACX,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;oBACrD,MAAM,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,YAAY,CAAE,CAAA;oBAC7C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;oBACd,OAAO,CAAC,CAAA;gBACV,CAAC,CAAC;aACH,CAAA;QACH,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC;YAC9C,IAAI,CAAC,KAAK,GAAG;gBACX,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;oBACrD,MAAM,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,YAAY,CAAE,KAAK,MAAM,CAAA;oBACxD,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;oBACd,OAAO,CAAC,CAAA;gBACV,CAAC,CAAC;aACH,CAAA;QACH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;QACjB,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACtG,CAAC;;AAjJM,uBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDlB,AAnDY,CAmDZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAA0B;AACzB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAyC;AACxC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAc;AACb;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAA8D;AAEhE;IAAxB,KAAK,CAAC,gBAAgB,CAAC;iDAA2B;AAC1B;IAAxB,KAAK,CAAC,gBAAgB,CAAC;iDAA2B;AACd;IAApC,QAAQ,CAAC,yBAAyB,CAAC;oDAA0C;AA7DnE,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAmJ5B","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, queryAll } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nexport enum DataItemType {\n  number = 'number',\n  text = 'text',\n  boolean = 'boolean',\n  select = 'select',\n  file = 'file'\n}\n\nexport type SpcLimitValue = {\n  minimum?: number\n  maximum?: number\n  acceptables?: string[] | boolean[]\n}\n\n/**\n element for SPC limits\n \n Example:\n \n   <ox-input-spc-limits\n     .value=${value}\n     .type=${type}>\n   </ox-input-spc-limits>\n */\n@customElement('ox-input-spc-limits')\nexport class OxInputSpcLimits extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      align-content: center;\n    }\n\n    label {\n      margin: 0 var(--margin-default) var(--margin-default) 0;\n    }\n\n    label div > * {\n      vertical-align: middle;\n    }\n\n    button {\n      width: 20px;\n      text-align: center;\n    }\n\n    div[name],\n    input[type='checkbox'] + span {\n      display: inline-block;\n      font: var(--label-font);\n      color: var(--label-color);\n      text-align: right;\n    }\n    input,\n    select {\n      border: var(--input-field-border);\n      border-radius: var(--input-field-border-radius);\n      padding: var(--input-field-padding);\n      font: var(--input-field-font);\n    }\n\n    input[type='checkbox'] {\n      width: initial;\n    }\n    input[checked] + span {\n      font-weight: bold;\n    }\n    [unit],\n    [value] {\n      display: inline-block;\n      opacity: 0.7;\n      font: var(--form-sublabel-font);\n    }\n    [properties] {\n      font: var(--input-field-font);\n      color: var(--label-color);\n    }\n  `\n\n  @property({ type: Object }) value: SpcLimitValue = {}\n  @property({ type: String }) type: DataItemType = DataItemType.number\n  @property({ type: String }) unit?: string\n  @property({ type: Object }) options: { options?: { text: string; value: string }[] } = {}\n\n  @query('[name=minimum]') minimum!: HTMLInputElement\n  @query('[name=maximum]') maximum!: HTMLInputElement\n  @queryAll('[type=checkbox]:checked') checkedAll!: NodeListOf<HTMLInputElement>\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this.onChange.bind(this))\n  }\n\n  render() {\n    const { minimum, maximum, acceptables = [] } = this.value || {}\n\n    return html`\n      <div>\n        ${this.type === DataItemType.number\n          ? html`\n              <label>\n                <div name>${i18next.t('text.minimum value')}</div>\n                <input type=\"number\" name=\"minimum\" .value=${String(minimum)} />\n                <div unit>${this.unit}</div>\n              </select>\n              </label>\n              <label>\n                <div name>${i18next.t('text.maximum value')}</div>\n                <input type=\"number\" name=\"maximum\" .value=${String(maximum)} />\n                <div unit>${this.unit}</div>\n              </label>\n            `\n          : this.type === DataItemType.select\n          ? html`\n              <!-- <div>Acceptables</div> -->\n              ${this.options?.options?.map(\n                option => html`\n                  <div>\n                    <input\n                      type=\"checkbox\"\n                      data-value=${option.value}\n                      ?checked=${(acceptables as string[]).includes(option.value)}\n                    />\n                    <span>${option.text}</span>\n                    <span value>(${option.value})</span>\n                  </div>\n                `\n              )}\n            `\n          : this.type === DataItemType.boolean\n          ? html`\n              <div>\n                <input type=\"checkbox\" data-value=${true} ?checked=${(acceptables as boolean[]).includes(true)} />\n                <span value>true</span>\n              </div>\n              <div>\n                <input type=\"checkbox\" data-value=${false} ?checked=${(acceptables as boolean[]).includes(false)} />\n                <span value>false</span>\n              </div>\n            `\n          : html` <div properties>${i18next.t('text.no properties to set')}</div> `}\n      </div>\n    `\n  }\n\n  private onChange(e: Event) {\n    if (this.type === DataItemType.number) {\n      this.value = {\n        minimum: this.minimum.valueAsNumber,\n        maximum: this.maximum.valueAsNumber\n      }\n    } else if (this.type === DataItemType.select) {\n      this.value = {\n        acceptables: Array.from(this.checkedAll).map(checked => {\n          const x = checked.getAttribute('data-value')!\n          console.log(x)\n          return x\n        })\n      }\n    } else if (this.type === DataItemType.boolean) {\n      this.value = {\n        acceptables: Array.from(this.checkedAll).map(checked => {\n          const x = checked.getAttribute('data-value')! === 'true'\n          console.log(x)\n          return x\n        })\n      }\n    } else {\n      this.value = {}\n    }\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: this.value }))\n  }\n}\n"]}

package/dist/src/usecase/spc/ox-property-editor-spc-limits.d.ts

@@ -0,0 +1,6 @@
+import './ox-input-spc-limits.js';
+import { TemplateResult } from 'lit';
+import { OxPropertyEditor, PropertySpec } from '@operato/property-editor';
+export declare class OxPropertyEditorSpcLimits extends OxPropertyEditor {
+    editorTemplate(value: any, spec: PropertySpec): TemplateResult;
+}

package/dist/src/usecase/spc/ox-property-editor-spc-limits.js

@@ -0,0 +1,24 @@
+import { __decorate } from "tslib";
+import './ox-input-spc-limits.js';
+import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { OxPropertyEditor } from '@operato/property-editor';
+let OxPropertyEditorSpcLimits = class OxPropertyEditorSpcLimits extends OxPropertyEditor {
+    editorTemplate(value, spec) {
+        const { type, options, unit } = spec.property || {};
+        return html `
+      <ox-input-spc-limits
+        id="editor"
+        .value=${value}
+        .type=${type}
+        .unit=${unit}
+        .options=${options}
+      ></ox-input-spc-limits>
+    `;
+    }
+};
+OxPropertyEditorSpcLimits = __decorate([
+    customElement('ox-property-editor-spc-limits')
+], OxPropertyEditorSpcLimits);
+export { OxPropertyEditorSpcLimits };
+//# sourceMappingURL=ox-property-editor-spc-limits.js.map

package/dist/src/usecase/spc/ox-property-editor-spc-limits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-spc-limits.js","sourceRoot":"","sources":["../../../../src/usecase/spc/ox-property-editor-spc-limits.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAgB,MAAM,0BAA0B,CAAA;AAGlE,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,gBAAgB;IAC7D,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;QAEnD,OAAO,IAAI,CAAA;;;iBAGE,KAAK;gBACN,IAAI;gBACJ,IAAI;mBACD,OAAO;;KAErB,CAAA;IACH,CAAC;CACF,CAAA;AAdY,yBAAyB;IADrC,aAAa,CAAC,+BAA+B,CAAC;GAClC,yBAAyB,CAcrC","sourcesContent":["import './ox-input-spc-limits.js'\n\nimport { html, TemplateResult } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor, PropertySpec } from '@operato/property-editor'\n\n@customElement('ox-property-editor-spc-limits')\nexport class OxPropertyEditorSpcLimits extends OxPropertyEditor {\n  editorTemplate(value: any, spec: PropertySpec): TemplateResult {\n    const { type, options, unit } = spec.property || {}\n\n    return html`\n      <ox-input-spc-limits\n        id=\"editor\"\n        .value=${value}\n        .type=${type}\n        .unit=${unit}\n        .options=${options}\n      ></ox-input-spc-limits>\n    `\n  }\n}\n"]}

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

@@ -1,7 +1,7 @@
 import '@operato/i18n';
 import '../src/ox-data-entry-form.js';
 import '../src/usecase/ccp';
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import { TemplateResult } from 'lit';
 declare const _default: {
     title: string;

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

@@ -1,7 +1,7 @@
 import '@operato/i18n';
 import '../src/ox-data-entry-form.js';
 import '../src/usecase/ccp'; /* register usecase CCP */
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import { html } from 'lit';
 export default {
     title: 'ox-data-entry-form',
@@ -91,7 +91,8 @@ const dataSet = {
                     { text: '최우수', value: '최우수' },
                     { text: '우수', value: '우수' },
                     { text: '보통', value: '보통' },
-                    { text: '미달', value: '미달' }
+                    { text: '미달', value: '미달' },
+                    { text: '등외', value: '등외' }
                 ]
             },
             quota: 3,
@@ -116,6 +117,49 @@ const dataSet = {
             quota: 1,
             active: true
         },
+        {
+            name: '라디오',
+            description: '라디오 그룹',
+            group: '측정데이타',
+            sequence: 5,
+            tag: 'check1',
+            type: 'radio',
+            options: {
+                options: [
+                    {
+                        text: '예',
+                        value: 'Y'
+                    },
+                    {
+                        text: '아니오',
+                        value: 'N'
+                    }
+                ]
+            },
+            quota: 3,
+            active: true
+        },
+        {
+            name: '라디오2',
+            description: '라디오 그룹2',
+            sequence: 5,
+            tag: 'check2',
+            type: 'radio',
+            options: {
+                options: [
+                    {
+                        text: '예',
+                        value: 'Y'
+                    },
+                    {
+                        text: '아니오',
+                        value: 'N'
+                    }
+                ]
+            },
+            quota: 1,
+            active: true
+        },
         {
             name: '첨부파일',
             description: '참조 첨부 파일.',
@@ -135,25 +179,37 @@ var value = {
     comment: '이것이 코멘트입니다.'
 };
 const Template = ({}) => html `
-    <link href="/themes/app-theme.css" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
-    <style>
-      body {
-      }
-    </style>
-    <link href="/themes/app-theme.css" rel="stylesheet" />
-    <link href="/themes/oops-theme.css" rel="stylesheet" />
-    <link href="/themes/grist-theme.css" rel="stylesheet" />
+  <link href="/themes/app-theme.css" rel="stylesheet" />
+  <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/oops-theme.css" rel="stylesheet" />
+  <link href="/themes/grist-theme.css" rel="stylesheet" />
 
-    <ox-data-entry-form
-      .dataSet=${dataSet}
-      .value=${value}
-      @change=${(e) => {
+  <ox-data-entry-form
+    .dataSet=${dataSet}
+    .value=${value}
+    @change=${(e) => {
     value = e.detail;
     console.log('change', value);
 }}
-    ></ox-data-entry-form>
-  `;
+  ></ox-data-entry-form>
+`;
 export const Regular = Template.bind({});
 Regular.args = {};
 //# sourceMappingURL=ox-data-entry-form.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ox-data-entry-form.stories.js","sourceRoot":"","sources":["../../stories/ox-data-entry-form.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/mwc-icon'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-data-entry-form',\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: '창고 온도는 섭씨 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: '창고 습도는 30% 이하로 유지되어야 합니다.',\n      sequence: 2,\n      tag: 'humid',\n      group: '측정데이타',\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: '육안 검사는 포장전 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: '측정데이타',\n      type: 'select',\n      options: {\n        options: [\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      sequence: 4,\n      tag: 'comment',\n      type: 'string',\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}\nvar value = {\n  temp: 1000,\n  humid: [20, 23, 21, 26, 27],\n  inspection: [true, false, true],\n  evaluation: ['최우수', '보통', '우수'],\n  comment: '이것이 코멘트입니다.'\n}\n\nconst Template: Story<ArgTypes> = ({}: ArgTypes) =>\n  html`\n    <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n    <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n    <style>\n      body {\n      }\n    </style>\n    <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n    <link href=\"/themes/oops-theme.css\" rel=\"stylesheet\" />\n    <link href=\"/themes/grist-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"]}
+{"version":3,"file":"ox-data-entry-form.stories.js","sourceRoot":"","sources":["../../stories/ox-data-entry-form.stories.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAA;AACtB,OAAO,8BAA8B,CAAA;AACrC,OAAO,oBAAoB,CAAA,CAAC,0BAA0B;AACtD,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAoB;IAC/B,QAAQ,EAAE,EAAE;CACb,CAAA;AAUD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,oBAAoB;IACjC,OAAO,EAAE,KAAK;IACd,SAAS,EAAE;QACT;YACE,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,6BAA6B;YAC1C,QAAQ,EAAE,CAAC;YACX,GAAG,EAAE,MAAM;YACX,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,GAAG;YACT,IAAI,EAAE;gBACJ,GAAG,EAAE;oBACH,cAAc,EAAE;wBACd,OAAO,EAAE,GAAG;wBACZ,OAAO,EAAE,GAAG;qBACb;oBACD,YAAY,EAAE;wBACZ,OAAO,EAAE,GAAG;wBACZ,OAAO,EAAE,GAAG;qBACb;iBACF;aACF;SACF;QACD;YACE,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,2BAA2B;YACxC,QAAQ,EAAE,CAAC;YACX,GAAG,EAAE,OAAO;YACZ,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,GAAG;YACT,IAAI,EAAE;gBACJ,GAAG,EAAE;oBACH,cAAc,EAAE;wBACd,OAAO,EAAE,EAAE;wBACX,OAAO,EAAE,EAAE;qBACZ;oBACD,YAAY,EAAE;wBACZ,OAAO,EAAE,EAAE;wBACX,OAAO,EAAE,EAAE;qBACZ;iBACF;aACF;SACF;QACD;YACE,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,8BAA8B;YAC3C,QAAQ,EAAE,CAAC;YACX,GAAG,EAAE,YAAY;YACjB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE;gBACJ,GAAG,EAAE;oBACH,cAAc,EAAE;wBACd,WAAW,EAAE,IAAI;qBAClB;oBACD,YAAY,EAAE;wBACZ,WAAW,EAAE,IAAI;qBAClB;iBACF;aACF;SACF;QACD;YACE,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,gCAAgC;YAC7C,QAAQ,EAAE,CAAC;YACX,GAAG,EAAE,YAAY;YACjB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,OAAO,EAAE;oBACP,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;oBAC7B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;oBAC3B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;oBAC3B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;oBAC3B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;iBAC5B;aACF;YACD,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE;gBACJ,GAAG,EAAE;oBACH,cAAc,EAAE;wBACd,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC;qBACjC;oBACD,YAAY,EAAE;wBACZ,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;qBAC3B;iBACF;aACF;SACF;QACD;YACE,IAAI,EAAE,KAAK;YACX,WAAW,EAAE,YAAY;YACzB,QAAQ,EAAE,CAAC;YACX,GAAG,EAAE,SAAS;YACd,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,IAAI;SACb;QACD;YACE,IAAI,EAAE,KAAK;YACX,WAAW,EAAE,QAAQ;YAErB,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,CAAC;YACX,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,OAAO;YACb,OAAO,EAAE;gBACP,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,GAAG;wBACT,KAAK,EAAE,GAAG;qBACX;oBACD;wBACE,IAAI,EAAE,KAAK;wBACX,KAAK,EAAE,GAAG;qBACX;iBACF;aACF;YACD,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,IAAI;SACb;QACD;YACE,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,SAAS;YACtB,QAAQ,EAAE,CAAC;YACX,GAAG,EAAE,QAAQ;YACb,IAAI,EAAE,OAAO;YACb,OAAO,EAAE;gBACP,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,GAAG;wBACT,KAAK,EAAE,GAAG;qBACX;oBACD;wBACE,IAAI,EAAE,KAAK;wBACX,KAAK,EAAE,GAAG;qBACX;iBACF;aACF;YACD,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,IAAI;SACb;QACD;YACE,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,WAAW;YACxB,QAAQ,EAAE,CAAC;YACX,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,IAAI;SACb;KACF;CACF,CAAA;AACD,IAAI,KAAK,GAAG;IACV,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IAC3B,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC;IAC/B,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC;IAC/B,OAAO,EAAE,aAAa;CACvB,CAAA;AAED,MAAM,QAAQ,GAAoB,CAAC,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;eAwBzC,OAAO;aACT,KAAK;cACJ,CAAC,CAAc,EAAE,EAAE;IAC3B,KAAK,GAAG,CAAC,CAAC,MAAM,CAAA;IAChB,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;AAC9B,CAAC;;CAEJ,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAA","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',\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: '창고 온도는 섭씨 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: '창고 습도는 30% 이하로 유지되어야 합니다.',\n      sequence: 2,\n      tag: 'humid',\n      group: '측정데이타',\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: '육안 검사는 포장전 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: '측정데이타',\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      sequence: 4,\n      tag: 'comment',\n      type: 'string',\n      quota: 1,\n      active: true\n    },\n    {\n      name: '라디오',\n      description: '라디오 그룹',\n\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: '라디오2',\n      description: '라디오 그룹2',\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}\nvar value = {\n  temp: 1000,\n  humid: [20, 23, 21, 26, 27],\n  inspection: [true, false, true],\n  evaluation: ['최우수', '보통', '우수'],\n  comment: '이것이 코멘트입니다.'\n}\n\nconst Template: Story<ArgTypes> = ({}: ArgTypes) => html`\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\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  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/oops-theme.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/grist-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"]}

package/dist/stories/ox-data-item-spec.stories.d.ts

@@ -1,5 +1,5 @@
 import '@operato/i18n';
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import '@operato/property-editor/ox-property-editor-checkbox.js';
 import '@operato/property-editor/ox-property-editor-number.js';
 import '@operato/property-editor/ox-property-editor-string.js';

package/dist/stories/ox-data-item-spec.stories.js

@@ -1,5 +1,5 @@
 import '@operato/i18n';
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import '@operato/property-editor/ox-property-editor-checkbox.js';
 import '@operato/property-editor/ox-property-editor-number.js';
 import '@operato/property-editor/ox-property-editor-string.js';
@@ -87,7 +87,19 @@ var specB = {
     QC: { accpetables: ['최우수', '우수'] }
 };
 const Template = ({}) => html ` <link href="/themes/app-theme.css" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+    <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 {
       }

package/dist/stories/ox-data-item-spec.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-data-item-spec.stories.js","sourceRoot":"","sources":["../../stories/ox-data-item-spec.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n'\nimport '@material/mwc-icon'\nimport '@operato/property-editor/ox-property-editor-checkbox.js'\nimport '@operato/property-editor/ox-property-editor-number.js'\nimport '@operato/property-editor/ox-property-editor-string.js'\nimport '@operato/property-editor/ox-properties-dynamic-view.js'\nimport '../src/ox-data-item-spec.js'\nimport '../src/usecase/ccp' /* register usecase CCP */\nimport '../src/usecase/qc' /* register usecase QC */\nimport '../src/usecase/ccp/ox-property-editor-ccp-limits.js'\nimport '../src/usecase/qc/ox-property-editor-qc-limits.js'\n\nimport { html, TemplateResult } from 'lit'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\n\nOxPropertyEditor.register({\n  number: 'ox-property-editor-number',\n  string: 'ox-property-editor-string',\n  boolean: 'ox-property-editor-checkbox',\n  'ccp-limits': 'ox-property-editor-ccp-limits',\n  'qc-limits': 'ox-property-editor-qc-limits'\n})\n\nexport default {\n  title: 'ox-data-item-spec',\n  component: 'ox-data-item-spec',\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 dataItemA = {\n  name: '창고 온도',\n  description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',\n  sequence: 1,\n  tag: 'temp',\n  unit: '℃',\n  type: 'number',\n  quota: 1\n}\n\nconst dataItemB = {\n  name: '품평',\n  description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',\n  sequence: 4,\n  tag: 'evaluation',\n  type: 'select',\n  options: {\n    options: [\n      { text: '최우수', value: '최우수' },\n      { text: '우수', value: '우수' },\n      { text: '보통', value: '보통' },\n      { text: '미달', value: '미달' }\n    ]\n  },\n  quota: 3\n}\n\nconst dataItemC = {\n  name: '코멘트',\n  description: '특이사항을 기록함.',\n  sequence: 4,\n  tag: 'comment',\n  type: 'string',\n  quota: 1\n}\n\nconst dataItemD = {\n  name: '성공',\n  description: '성공여부를 기록함.',\n  sequence: 5,\n  tag: 'success',\n  type: 'boolean',\n  quota: 1\n}\n\nvar specA = {\n  CCP: {\n    criticalLimits: {\n      minimum: 100,\n      maximum: 200\n    },\n    targetLimits: {\n      minimum: 120,\n      maximum: 180\n    }\n  },\n  QC: {\n    passLimits: {\n      minimum: 320,\n      maximum: 440\n    }\n  }\n}\n\nvar specB = {\n  CCP: { accpetables: ['최우수', '우수'] },\n  QC: { accpetables: ['최우수', '우수'] }\n}\n\nconst Template: Story<ArgTypes> = ({}: ArgTypes) =>\n  html` <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n    <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n    <style>\n      body {\n      }\n    </style>\n\n    <script type=\"module\"></script>\n\n    <ox-data-item-spec\n      .dataItem=${dataItemA}\n      .value=${specA}\n      @change=${(e: CustomEvent) => {\n        specA = e.detail\n        console.log('change', specA)\n      }}\n    ></ox-data-item-spec>\n\n    <ox-data-item-spec\n      .dataItem=${dataItemB}\n      .value=${specB}\n      @change=${(e: CustomEvent) => {\n        specB = e.detail\n        console.log('change', specB)\n      }}\n    ></ox-data-item-spec>\n\n    <ox-data-item-spec\n      .dataItem=${dataItemC}\n      .value=${specA}\n      @change=${(e: CustomEvent) => {\n        specA = e.detail\n        console.log('change', specA)\n      }}\n    ></ox-data-item-spec>\n\n    <ox-data-item-spec\n      .dataItem=${dataItemD}\n      .value=${specB}\n      @change=${(e: CustomEvent) => {\n        specB = e.detail\n        console.log('change', specB)\n      }}\n    ></ox-data-item-spec>`\n\nexport const Regular = Template.bind({})\nRegular.args = {}\n"]}
+{"version":3,"file":"ox-data-item-spec.stories.js","sourceRoot":"","sources":["../../stories/ox-data-item-spec.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n'\nimport '@material/web/icon/icon.js'\nimport '@operato/property-editor/ox-property-editor-checkbox.js'\nimport '@operato/property-editor/ox-property-editor-number.js'\nimport '@operato/property-editor/ox-property-editor-string.js'\nimport '@operato/property-editor/ox-properties-dynamic-view.js'\nimport '../src/ox-data-item-spec.js'\nimport '../src/usecase/ccp' /* register usecase CCP */\nimport '../src/usecase/qc' /* register usecase QC */\nimport '../src/usecase/ccp/ox-property-editor-ccp-limits.js'\nimport '../src/usecase/qc/ox-property-editor-qc-limits.js'\n\nimport { html, TemplateResult } from 'lit'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\n\nOxPropertyEditor.register({\n  number: 'ox-property-editor-number',\n  string: 'ox-property-editor-string',\n  boolean: 'ox-property-editor-checkbox',\n  'ccp-limits': 'ox-property-editor-ccp-limits',\n  'qc-limits': 'ox-property-editor-qc-limits'\n})\n\nexport default {\n  title: 'ox-data-item-spec',\n  component: 'ox-data-item-spec',\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 dataItemA = {\n  name: '창고 온도',\n  description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',\n  sequence: 1,\n  tag: 'temp',\n  unit: '℃',\n  type: 'number',\n  quota: 1\n}\n\nconst dataItemB = {\n  name: '품평',\n  description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',\n  sequence: 4,\n  tag: 'evaluation',\n  type: 'select',\n  options: {\n    options: [\n      { text: '최우수', value: '최우수' },\n      { text: '우수', value: '우수' },\n      { text: '보통', value: '보통' },\n      { text: '미달', value: '미달' }\n    ]\n  },\n  quota: 3\n}\n\nconst dataItemC = {\n  name: '코멘트',\n  description: '특이사항을 기록함.',\n  sequence: 4,\n  tag: 'comment',\n  type: 'string',\n  quota: 1\n}\n\nconst dataItemD = {\n  name: '성공',\n  description: '성공여부를 기록함.',\n  sequence: 5,\n  tag: 'success',\n  type: 'boolean',\n  quota: 1\n}\n\nvar specA = {\n  CCP: {\n    criticalLimits: {\n      minimum: 100,\n      maximum: 200\n    },\n    targetLimits: {\n      minimum: 120,\n      maximum: 180\n    }\n  },\n  QC: {\n    passLimits: {\n      minimum: 320,\n      maximum: 440\n    }\n  }\n}\n\nvar specB = {\n  CCP: { accpetables: ['최우수', '우수'] },\n  QC: { accpetables: ['최우수', '우수'] }\n}\n\nconst Template: Story<ArgTypes> = ({}: ArgTypes) =>\n  html` <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\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    <script type=\"module\"></script>\n\n    <ox-data-item-spec\n      .dataItem=${dataItemA}\n      .value=${specA}\n      @change=${(e: CustomEvent) => {\n        specA = e.detail\n        console.log('change', specA)\n      }}\n    ></ox-data-item-spec>\n\n    <ox-data-item-spec\n      .dataItem=${dataItemB}\n      .value=${specB}\n      @change=${(e: CustomEvent) => {\n        specB = e.detail\n        console.log('change', specB)\n      }}\n    ></ox-data-item-spec>\n\n    <ox-data-item-spec\n      .dataItem=${dataItemC}\n      .value=${specA}\n      @change=${(e: CustomEvent) => {\n        specA = e.detail\n        console.log('change', specA)\n      }}\n    ></ox-data-item-spec>\n\n    <ox-data-item-spec\n      .dataItem=${dataItemD}\n      .value=${specB}\n      @change=${(e: CustomEvent) => {\n        specB = e.detail\n        console.log('change', specB)\n      }}\n    ></ox-data-item-spec>`\n\nexport const Regular = Template.bind({})\nRegular.args = {}\n"]}

package/dist/stories/ox-data-ooc-brief-view.stories.d.ts

@@ -1,7 +1,7 @@
 import '@operato/i18n';
 import '../src/ox-data-ooc-brief-view.js';
 import '../src/usecase/ccp/index.js';
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import { TemplateResult } from 'lit';
 declare const _default: {
     title: string;

package/dist/stories/ox-data-ooc-brief-view.stories.js

@@ -1,7 +1,7 @@
 import '@operato/i18n';
 import '../src/ox-data-ooc-brief-view.js';
 import '../src/usecase/ccp/index.js'; /* register usecase CCP */
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import { html } from 'lit';
 export default {
     title: 'ox-data-ooc-brief-view',
@@ -251,19 +251,31 @@ var dataOoc = {
     ]
 };
 const Template = ({}) => html `
-    <link href="/themes/app-theme.css" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
-    <style>
-      body {
-      }
-    </style>
+  <link href="/themes/app-theme.css" rel="stylesheet" />
+  <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"
+  />
 
-    <ox-data-ooc-brief-view
-      .dataSet=${dataSet}
-      .dataOoc=${dataOoc}
-      @change=${(e) => console.log(e.detail)}
-    ></ox-data-ooc-brief-view>
-  `;
+  <style>
+    body {
+    }
+  </style>
+
+  <ox-data-ooc-brief-view
+    .dataSet=${dataSet}
+    .dataOoc=${dataOoc}
+    @change=${(e) => console.log(e.detail)}
+  ></ox-data-ooc-brief-view>
+`;
 export const Regular = Template.bind({});
 Regular.args = {};
 //# sourceMappingURL=ox-data-ooc-brief-view.stories.js.map

package/dist/stories/ox-data-ooc-brief-view.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-data-ooc-brief-view.stories.js","sourceRoot":"","sources":["../../stories/ox-data-ooc-brief-view.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n'\nimport '../src/ox-data-ooc-brief-view.js'\nimport '../src/usecase/ccp/index.js' /* register usecase CCP */\nimport '@material/mwc-icon'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-data-ooc-brief-view',\n  component: 'ox-data-ooc-brief-view',\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  type: 'manual',\n  useCase: 'CCP',\n  dataItems: [\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: '창고 습도는 30% 이하로 유지되어야 합니다.',\n      sequence: 2,\n      tag: 'humid',\n      group: '측정데이타',\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: '육안 검사는 포장전 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: '측정데이타',\n      type: 'select',\n      options: {\n        options: [\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      sequence: 4,\n      tag: 'comment',\n      type: 'string',\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}\n\nvar dataOoc = {\n  name: 'Data Sample Name',\n  description: 'Data Sample이 어쩌구 저쩌구 그래서 중요합니다. 당연히 그래야죠.',\n  state: 'CORRECTED',\n  useCase: 'CCP',\n  judgment: {\n    temp: {\n      ooc: true,\n      oos: false\n    },\n    humid: {\n      ooc: false,\n      oos: true\n    }\n  },\n  data: {\n    temp: [1000, 1023, 1027, 997, 981],\n    humid: [20, 23, 21, 26, 27],\n    inspection: [true, false, true, false, false],\n    evaluation: ['최우수', '보통', '우수', '보통', '최우수'],\n    comment: '이것은 코멘트입니다.'\n  },\n  dataItems: dataSet.dataItems,\n  spec: {\n    temp: {\n      name: '창고 온도',\n      description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',\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    humid: {\n      name: '창고 습도',\n      description: '창고 습도는 30% 이하로 유지되어야 합니다.',\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    inspection: {\n      name: '육안 검사',\n      description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.'\n    },\n    evaluation: {\n      name: '품평',\n      description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            acceptables: ['최우수', '우수', '보통']\n          },\n          targetLimits: {\n            acceptables: ['최우수', '우수']\n          }\n        }\n      }\n    },\n    comment: {\n      name: '코멘트',\n      description: '특이사항을 기록함.'\n    },\n    attachment: {\n      name: '첨부파일',\n      description: '참조 첨부 파일.'\n    }\n  },\n  collectedAt: Date.now(),\n  reviewer: {\n    name: '남상혁'\n  },\n  reviewedAt: Date.now(),\n  correctiveInstruction: '바지틀고서 만나오리오. 쿠투추파',\n  corrector: {\n    name: '남상혁'\n  },\n  correctedAt: Date.now(),\n  correctiveAction: '바지틀고서 만나오리오. 쿠투추파',\n  history: [\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'ISSUED',\n      timestamp: Date.now()\n    },\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'REVIEWED',\n      comment: '금일 생산한 제품은 전량 폐기합니다',\n      timestamp: Date.now()\n    },\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'CORRECTED',\n      timestamp: Date.now()\n    }\n  ]\n}\n\nconst Template: Story<ArgTypes> = ({}: ArgTypes) =>\n  html`\n    <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n    <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n    <style>\n      body {\n      }\n    </style>\n\n    <ox-data-ooc-brief-view\n      .dataSet=${dataSet}\n      .dataOoc=${dataOoc}\n      @change=${(e: CustomEvent) => console.log(e.detail)}\n    ></ox-data-ooc-brief-view>\n  `\n\nexport const Regular = Template.bind({})\nRegular.args = {}\n"]}
+{"version":3,"file":"ox-data-ooc-brief-view.stories.js","sourceRoot":"","sources":["../../stories/ox-data-ooc-brief-view.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n'\nimport '../src/ox-data-ooc-brief-view.js'\nimport '../src/usecase/ccp/index.js' /* register usecase CCP */\nimport '@material/web/icon/icon.js'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-data-ooc-brief-view',\n  component: 'ox-data-ooc-brief-view',\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  type: 'manual',\n  useCase: 'CCP',\n  dataItems: [\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: '창고 습도는 30% 이하로 유지되어야 합니다.',\n      sequence: 2,\n      tag: 'humid',\n      group: '측정데이타',\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: '육안 검사는 포장전 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: '측정데이타',\n      type: 'select',\n      options: {\n        options: [\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      sequence: 4,\n      tag: 'comment',\n      type: 'string',\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}\n\nvar dataOoc = {\n  name: 'Data Sample Name',\n  description: 'Data Sample이 어쩌구 저쩌구 그래서 중요합니다. 당연히 그래야죠.',\n  state: 'CORRECTED',\n  useCase: 'CCP',\n  judgment: {\n    temp: {\n      ooc: true,\n      oos: false\n    },\n    humid: {\n      ooc: false,\n      oos: true\n    }\n  },\n  data: {\n    temp: [1000, 1023, 1027, 997, 981],\n    humid: [20, 23, 21, 26, 27],\n    inspection: [true, false, true, false, false],\n    evaluation: ['최우수', '보통', '우수', '보통', '최우수'],\n    comment: '이것은 코멘트입니다.'\n  },\n  dataItems: dataSet.dataItems,\n  spec: {\n    temp: {\n      name: '창고 온도',\n      description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',\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    humid: {\n      name: '창고 습도',\n      description: '창고 습도는 30% 이하로 유지되어야 합니다.',\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    inspection: {\n      name: '육안 검사',\n      description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.'\n    },\n    evaluation: {\n      name: '품평',\n      description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            acceptables: ['최우수', '우수', '보통']\n          },\n          targetLimits: {\n            acceptables: ['최우수', '우수']\n          }\n        }\n      }\n    },\n    comment: {\n      name: '코멘트',\n      description: '특이사항을 기록함.'\n    },\n    attachment: {\n      name: '첨부파일',\n      description: '참조 첨부 파일.'\n    }\n  },\n  collectedAt: Date.now(),\n  reviewer: {\n    name: '남상혁'\n  },\n  reviewedAt: Date.now(),\n  correctiveInstruction: '바지틀고서 만나오리오. 쿠투추파',\n  corrector: {\n    name: '남상혁'\n  },\n  correctedAt: Date.now(),\n  correctiveAction: '바지틀고서 만나오리오. 쿠투추파',\n  history: [\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'ISSUED',\n      timestamp: Date.now()\n    },\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'REVIEWED',\n      comment: '금일 생산한 제품은 전량 폐기합니다',\n      timestamp: Date.now()\n    },\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'CORRECTED',\n      timestamp: Date.now()\n    }\n  ]\n}\n\nconst Template: Story<ArgTypes> = ({}: ArgTypes) => html`\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\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  <ox-data-ooc-brief-view\n    .dataSet=${dataSet}\n    .dataOoc=${dataOoc}\n    @change=${(e: CustomEvent) => console.log(e.detail)}\n  ></ox-data-ooc-brief-view>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {}\n"]}

package/dist/stories/ox-data-ooc-view.stories.d.ts

@@ -1,7 +1,7 @@
 import '@operato/i18n';
 import '../src/ox-data-ooc-view.js';
 import '../src/usecase/ccp';
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import { TemplateResult } from 'lit';
 declare const _default: {
     title: string;

package/dist/stories/ox-data-ooc-view.stories.js

@@ -1,7 +1,7 @@
 import '@operato/i18n';
 import '../src/ox-data-ooc-view.js';
 import '../src/usecase/ccp'; /* register usecase CCP */
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import { html } from 'lit';
 export default {
     title: 'ox-data-ooc-view',
@@ -242,19 +242,31 @@ var dataOoc = {
     ]
 };
 const Template = ({}) => html `
-    <link href="/themes/app-theme.css" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
-    <style>
-      body {
-      }
-    </style>
+  <link href="/themes/app-theme.css" rel="stylesheet" />
+  <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"
+  />
 
-    <ox-data-ooc-view
-      .dataSet=${dataSet}
-      .dataOoc=${dataOoc}
-      @change=${(e) => console.log(e.detail)}
-    ></ox-data-ooc-view>
-  `;
+  <style>
+    body {
+    }
+  </style>
+
+  <ox-data-ooc-view
+    .dataSet=${dataSet}
+    .dataOoc=${dataOoc}
+    @change=${(e) => console.log(e.detail)}
+  ></ox-data-ooc-view>
+`;
 export const Regular = Template.bind({});
 Regular.args = {};
 //# sourceMappingURL=ox-data-ooc-view.stories.js.map

package/dist/stories/ox-data-ooc-view.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-data-ooc-view.stories.js","sourceRoot":"","sources":["../../stories/ox-data-ooc-view.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n'\nimport '../src/ox-data-ooc-view.js'\nimport '../src/usecase/ccp' /* register usecase CCP */\nimport '@material/mwc-icon'\n\nimport { html, TemplateResult } from 'lit'\n\nexport default {\n  title: 'ox-data-ooc-view',\n  component: 'ox-data-ooc-view',\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  type: 'manual',\n  useCase: 'CCP',\n  dataItems: [\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: '창고 습도는 30% 이하로 유지되어야 합니다.',\n      sequence: 2,\n      tag: 'humid',\n      group: '측정데이타',\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: '육안 검사는 포장전 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: '측정데이타',\n      type: 'select',\n      options: {\n        options: [\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      sequence: 4,\n      tag: 'comment',\n      type: 'string',\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}\n\nvar dataOoc = {\n  name: 'Data Sample Name',\n  description: 'Data Sample이 어쩌구 저쩌구 그래서 중요합니다. 당연히 그래야죠.',\n  useCase: 'CCP',\n  state: 'REVIEWED',\n  judgment: {\n    temp: {\n      ooc: true,\n      oos: false\n    },\n    humid: {\n      ooc: false,\n      oos: true\n    }\n  },\n  data: {\n    temp: [1000],\n    humid: [20, 23, 21, 26, 27],\n    inspection: [true, false, true],\n    evaluation: ['최우수', '보통', '우수'],\n    comment: '이것은 코멘트입니다.'\n  },\n  dataItems: dataSet.dataItems,\n  spec: {\n    temp: {\n      name: '창고 온도',\n      description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',\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    humid: {\n      name: '창고 습도',\n      description: '창고 습도는 30% 이하로 유지되어야 합니다.',\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    inspection: {\n      name: '육안 검사',\n      description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.'\n    },\n    evaluation: {\n      name: '품평',\n      description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            acceptables: ['최우수', '우수', '보통']\n          },\n          targetLimits: {\n            acceptables: ['최우수', '우수']\n          }\n        }\n      }\n    },\n    comment: {\n      name: '코멘트',\n      description: '특이사항을 기록함.'\n    },\n    attachment: {\n      name: '첨부파일',\n      description: '참조 첨부 파일.'\n    }\n  },\n  collectedAt: Date.now(),\n  history: [\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'ISSUED',\n      timestamp: Date.now()\n    },\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'REVIEWED',\n      comment: '금일 생산한 제품은 전량 폐기합니다',\n      timestamp: Date.now()\n    },\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'CORRECTED',\n      comment: '전량 폐기하였습니다',\n      timestamp: Date.now()\n    }\n  ]\n}\n\nconst Template: Story<ArgTypes> = ({}: ArgTypes) =>\n  html`\n    <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n    <link href=\"https://fonts.googleapis.com/css?family=Material+Icons&display=block\" rel=\"stylesheet\" />\n    <style>\n      body {\n      }\n    </style>\n\n    <ox-data-ooc-view\n      .dataSet=${dataSet}\n      .dataOoc=${dataOoc}\n      @change=${(e: CustomEvent) => console.log(e.detail)}\n    ></ox-data-ooc-view>\n  `\n\nexport const Regular = Template.bind({})\nRegular.args = {}\n"]}
+{"version":3,"file":"ox-data-ooc-view.stories.js","sourceRoot":"","sources":["../../stories/ox-data-ooc-view.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n'\nimport '../src/ox-data-ooc-view.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-ooc-view',\n  component: 'ox-data-ooc-view',\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  type: 'manual',\n  useCase: 'CCP',\n  dataItems: [\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: '창고 습도는 30% 이하로 유지되어야 합니다.',\n      sequence: 2,\n      tag: 'humid',\n      group: '측정데이타',\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: '육안 검사는 포장전 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: '측정데이타',\n      type: 'select',\n      options: {\n        options: [\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      sequence: 4,\n      tag: 'comment',\n      type: 'string',\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}\n\nvar dataOoc = {\n  name: 'Data Sample Name',\n  description: 'Data Sample이 어쩌구 저쩌구 그래서 중요합니다. 당연히 그래야죠.',\n  useCase: 'CCP',\n  state: 'REVIEWED',\n  judgment: {\n    temp: {\n      ooc: true,\n      oos: false\n    },\n    humid: {\n      ooc: false,\n      oos: true\n    }\n  },\n  data: {\n    temp: [1000],\n    humid: [20, 23, 21, 26, 27],\n    inspection: [true, false, true],\n    evaluation: ['최우수', '보통', '우수'],\n    comment: '이것은 코멘트입니다.'\n  },\n  dataItems: dataSet.dataItems,\n  spec: {\n    temp: {\n      name: '창고 온도',\n      description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',\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    humid: {\n      name: '창고 습도',\n      description: '창고 습도는 30% 이하로 유지되어야 합니다.',\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    inspection: {\n      name: '육안 검사',\n      description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.'\n    },\n    evaluation: {\n      name: '품평',\n      description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',\n      spec: {\n        CCP: {\n          criticalLimits: {\n            acceptables: ['최우수', '우수', '보통']\n          },\n          targetLimits: {\n            acceptables: ['최우수', '우수']\n          }\n        }\n      }\n    },\n    comment: {\n      name: '코멘트',\n      description: '특이사항을 기록함.'\n    },\n    attachment: {\n      name: '첨부파일',\n      description: '참조 첨부 파일.'\n    }\n  },\n  collectedAt: Date.now(),\n  history: [\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'ISSUED',\n      timestamp: Date.now()\n    },\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'REVIEWED',\n      comment: '금일 생산한 제품은 전량 폐기합니다',\n      timestamp: Date.now()\n    },\n    {\n      user: {\n        id: 0,\n        name: 'shnam'\n      },\n      state: 'CORRECTED',\n      comment: '전량 폐기하였습니다',\n      timestamp: Date.now()\n    }\n  ]\n}\n\nconst Template: Story<ArgTypes> = ({}: ArgTypes) => html`\n  <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\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  <ox-data-ooc-view\n    .dataSet=${dataSet}\n    .dataOoc=${dataOoc}\n    @change=${(e: CustomEvent) => console.log(e.detail)}\n  ></ox-data-ooc-view>\n`\n\nexport const Regular = Template.bind({})\nRegular.args = {}\n"]}

package/dist/stories/ox-data-sample-view.stories.d.ts

@@ -1,7 +1,7 @@
 import '@operato/i18n';
 import '../src/ox-data-sample-view.js';
 import '../src/usecase/ccp';
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import { TemplateResult } from 'lit';
 declare const _default: {
     title: string;

package/dist/stories/ox-data-sample-view.stories.js

@@ -1,7 +1,7 @@
 import '@operato/i18n';
 import '../src/ox-data-sample-view.js';
 import '../src/usecase/ccp'; /* register usecase CCP */
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import { html } from 'lit';
 export default {
     title: 'ox-data-sample-view',
@@ -215,15 +215,27 @@ var dataSample = {
     collectedAt: Date.now()
 };
 const Template = ({}) => html `
-    <link href="/themes/app-theme.css" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
-    <style>
-      body {
-      }
-    </style>
+  <link href="/themes/app-theme.css" rel="stylesheet" />
+  <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"
+  />
 
-    <ox-data-sample-view .dataSample=${dataSample}></ox-data-sample-view>
-  `;
+  <style>
+    body {
+    }
+  </style>
+
+  <ox-data-sample-view .dataSample=${dataSample}></ox-data-sample-view>
+`;
 export const Regular = Template.bind({});
 Regular.args = {};
 //# sourceMappingURL=ox-data-sample-view.stories.js.map