@operato/dataset 7.1.26 → 7.1.27

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/dataset",
   "description": "WebApplication dataset supporting components following open-wc recommendations",
   "author": "heartyoh",
-  "version": "7.1.26",
+  "version": "7.1.27",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {
@@ -108,15 +108,15 @@
   },
   "dependencies": {
     "@material/web": "^2.0.0",
-    "@operato/data-grist": "^7.1.26",
+    "@operato/data-grist": "^7.1.27",
     "@operato/graphql": "^7.1.1",
-    "@operato/grist-editor": "^7.1.26",
+    "@operato/grist-editor": "^7.1.27",
     "@operato/i18n": "^7.1.1",
-    "@operato/input": "^7.1.26",
-    "@operato/popup": "^7.1.26",
-    "@operato/property-editor": "^7.1.26",
-    "@operato/shell": "^7.1.26",
-    "@operato/styles": "^7.1.25",
+    "@operato/input": "^7.1.27",
+    "@operato/popup": "^7.1.27",
+    "@operato/property-editor": "^7.1.27",
+    "@operato/shell": "^7.1.27",
+    "@operato/styles": "^7.1.27",
     "@operato/utils": "^7.1.1",
     "lit": "^3.1.2"
   },
@@ -152,5 +152,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "5490ff22eff31a7e2006d4da0af115f980d5945c"
+  "gitHead": "c1c3d738aa1f8462b2483cd1ebdfdfbe95d7e22a"
 }

package/src/usecase/ccp/ox-input-ccp-limits.ts

@@ -12,6 +12,7 @@ export enum DataItemType {
   text = 'text',
   boolean = 'boolean',
   select = 'select',
+  radio = 'radio',
   file = 'file',
   signature = 'signature'
 }
@@ -119,7 +120,7 @@ export class OxInputCcpLimits extends LitElement {
                 <div unit>${this.unit}</div>
               </label>
             `
-          : this.type === DataItemType.select
+          : this.type === DataItemType.select || this.type === DataItemType.radio
             ? html`
                 <!-- <div>Acceptables</div> -->
                 ${this.options?.options?.map(

package/src/usecase/qc/ox-input-qc-limits.ts

@@ -12,6 +12,7 @@ export enum DataItemType {
   text = 'text',
   boolean = 'boolean',
   select = 'select',
+  radio = 'radio',
   file = 'file',
   signature = 'signature'
 }
@@ -119,7 +120,7 @@ export class OxInputQcLimits extends LitElement {
                 <div unit>${this.unit}</div>
               </label>
             `
-          : this.type === DataItemType.select
+          : this.type === DataItemType.select || this.type === DataItemType.radio
             ? html`
                 ${this.options?.options?.map(
                   option => html`

package/src/usecase/spc/ox-input-spc-limits.ts

@@ -12,6 +12,7 @@ export enum DataItemType {
   text = 'text',
   boolean = 'boolean',
   select = 'select',
+  radio = 'radio',
   file = 'file',
   signature = 'signature'
 }

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

@@ -81,6 +81,32 @@ const dataItemD = {
   quota: 1
 }
 
+const dataItemE = {
+  name: '선택',
+  description: '길다/중간/짧다 를 기록함.',
+  sequence: 6,
+  tag: 'choice',
+  type: 'radio',
+  quota: 1,
+  options: {
+    options: [
+      {
+        text: '길다',
+        value: 'L'
+      },
+      {
+        text: '중간',
+        value: 'M'
+      },
+      {
+        text: '짧다',
+        value: 'S'
+      }
+    ]
+  },
+  active: true
+}
+
 var specA = {
   CCP: {
     criticalLimits: {
@@ -101,8 +127,51 @@ var specA = {
 }
 
 var specB = {
-  CCP: { accpetables: ['최우수', '우수'] },
-  QC: { accpetables: ['최우수', '우수'] }
+  CCP: {
+    criticalLimits: {
+      acceptables: ['최우수', '우수']
+    },
+    targetLimits: {
+      acceptables: ['최우수', '우수']
+    }
+  },
+  QC: {
+    passLimits: {
+      acceptables: ['최우수', '우수']
+    }
+  }
+}
+
+var specD = {
+  CCP: {
+    criticalLimits: {
+      acceptables: [true]
+    },
+    targetLimits: {
+      acceptables: [true]
+    }
+  },
+  QC: {
+    passLimits: {
+      acceptables: [true]
+    }
+  }
+}
+
+var specE = {
+  CCP: {
+    criticalLimits: {
+      acceptables: ['L', 'M']
+    },
+    targetLimits: {
+      acceptables: ['L']
+    }
+  },
+  QC: {
+    passLimits: {
+      acceptables: ['L', 'M']
+    }
+  }
 }
 
 const Template: Story<ArgTypes> = ({}: ArgTypes) =>
@@ -142,6 +211,8 @@ const Template: Story<ArgTypes> = ({}: ArgTypes) =>
       }}
     ></ox-data-item-spec>
 
+    <hr style="border: 1px solid black; width: 50%;" />
+
     <ox-data-item-spec
       .dataItem=${dataItemB}
       .value=${specB}
@@ -151,21 +222,34 @@ const Template: Story<ArgTypes> = ({}: ArgTypes) =>
       }}
     ></ox-data-item-spec>
 
+    <hr style="border: 1px solid black; width: 50%;" />
+
     <ox-data-item-spec
       .dataItem=${dataItemC}
-      .value=${specA}
       @change=${(e: CustomEvent) => {
         specA = e.detail
         console.log('change', specA)
       }}
     ></ox-data-item-spec>
 
+    <hr style="border: 1px solid black; width: 50%;" />
+
     <ox-data-item-spec
       .dataItem=${dataItemD}
-      .value=${specB}
+      .value=${specD}
       @change=${(e: CustomEvent) => {
-        specB = e.detail
-        console.log('change', specB)
+        specD = e.detail
+        console.log('change', specD)
+      }}
+    ></ox-data-item-spec>
+    <hr style="border: 1px solid black; width: 50%;" />
+
+    <ox-data-item-spec
+      .dataItem=${dataItemE}
+      .value=${specE}
+      @change=${(e: CustomEvent) => {
+        specE = e.detail
+        console.log('change', specE)
       }}
     ></ox-data-item-spec>`
 

package/themes/calendar-theme.css

@@ -9,7 +9,8 @@ body {
   /* monthly layout */
   --calendar-monthly-ol-margin: var(--margin-default) 0;
   --calendar-monthly-ol-top-border: 2px solid var(--md-sys-color-secondary);
-  --calendar-current-monty-background-color: var(--md-sys-color-surface-variant);
+  --calendar-current-month-background-color: var(--md-sys-color-surface-variant);
+  --calendar-current-month-color: var(--md-sys-color-on-surface);
   --calendar-monthly-label-align: left;
   --calendar-monthly-label-padding: var(--padding-narrow) 0;
   --calendar-monthly-label-color: var(--md-sys-color-secondary);
@@ -35,6 +36,7 @@ body {
   --calendar-weekly-ol-margin: var(--margin-default) 0;
   --calendar-weekly-ol-top-border: 2px solid var(--md-sys-color-secondary);
   --calendar-current-week-background-color: var(--md-sys-color-surface-variant);
+  --calendar-current-week-color: var(--md-sys-color-on-surface);
   --calendar-weekly-label-align: center;
   --calendar-weekly-label-padding: var(--padding-narrow) 0;
   --calendar-weekly-label-color: var(--md-sys-color-secondary);