@operato/dataset 1.0.0-beta.4 → 1.0.0-beta.43

package/dist/src/ox-data-sample-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-data-sample-view.js","sourceRoot":"","sources":["../../src/ox-data-sample-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/input/ox-input-file.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { OxDataUseCase } from './ox-data-use-case.js'\nimport { DataItem, DataSample, DataSet } from './types.js'\n\n@customElement('ox-data-sample-view')\nexport class OxDataSampleView extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      background-color: var(--main-section-background-color);\n    }\n\n    form {\n      flex: 1;\n\n      display: flex;\n      flex-direction: column;\n    }\n\n    h2 {\n      margin: var(--title-margin);\n      padding-top: 25px;\n      font: var(--title-font);\n      color: var(--title-text-color);\n    }\n    [page-description] {\n      margin: var(--page-description-margin);\n      font: var(--page-description-font);\n      color: var(--page-description-color);\n    }\n\n    table {\n      border-collapse: collapse;\n      margin-bottom: var(--margin-default);\n    }\n    th {\n      padding: var(--th-padding);\n      border-top: var(--th-border-top);\n      border-bottom: var(--td-border-bottom);\n      text-transform: var(--th-text-transform);\n      font: var(--th-font);\n      color: var(--th-color);\n      text-align: left;\n    }\n    th[item] {\n      min-width: 100px;\n    }\n    th[value] {\n      min-width: 100px;\n    }\n    tr {\n      background-color: var(--tr-background-color);\n    }\n    tr:nth-child(odd) {\n      background-color: var(--tr-background-odd-color);\n    }\n    tr:hover {\n      background-color: var(--tr-background-hover-color);\n    }\n    tr[ooc],\n    tr[oos] {\n      background-color: #fefbdf;\n    }\n    td {\n      border-bottom: var(--td-border-bottom);\n      padding: var(--td-padding);\n      font: var(--td-font);\n      color: var(--td-color);\n    }\n    td[name] {\n      font-weight: bold;\n    }\n    td mwc-icon {\n      color: var(--status-danger-color);\n    }\n\n    pre {\n      tab-size: 2;\n    }\n  `\n\n  @property({ type: Object }) dataSet?: DataSet\n  @property({ type: Object }) dataSample?: DataSample\n\n  render() {\n    const dataItems = this.dataSet?.dataItems.filter(item => item.active) || []\n    const data = this.dataSample?.data || {}\n    const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })\n\n    const { name, description, collectedAt, workDate, workShift } = this.dataSample || {}\n\n    return html` <h2>${i18next.t('field.name')}</h2>\n      <p page-description>\n        ${i18next.t('field.description')}<br /><br />\n        ${i18next.t('field.work-date')}: ${workDate} ${workShift}<br />\n        ${i18next.t('field.collected-at')}: ${formatter.format(new Date(collectedAt!))}\n      </p>\n\n      <form @change=${(e: Event) => this.onChange(e)}>\n        <table>\n          <tr>\n            <th item>${i18next.t('field.item')}</th>\n            <th>${i18next.t('field.description')}</th>\n            <th>${i18next.t('field.unit')}</th>\n            <th value>${i18next.t('field.value')}</th>\n            <th>${i18next.t('field.spec')}</th>\n            <th>${i18next.t('field.ooc')}</th>\n            <th>${i18next.t('field.oos')}</th>\n          </tr>\n          ${dataItems.map(dataItem => {\n            const { ooc, oos } = this.evaluateOOC(dataItem, data?.[dataItem.tag]) || {}\n            const { name, description, unit } = dataItem\n            return html`\n              <tr ?ooc=${ooc} ?oos=${oos}>\n                <td name>${name}</td>\n                <td>${description}</td>\n                <td>${unit}</td>\n                <td>${this.buildValue(dataItem)}</td>\n                <td><pre>${this.buildSpec(dataItem)}</pre></td>\n                <td>${ooc ? html`<mwc-icon>done</mwc-icon>` : ''}</td>\n                <td>${oos ? html`<mwc-icon>done</mwc-icon>` : ''}</td>\n              </tr>\n            `\n          })}\n        </table>\n      </form>`\n  }\n\n  private onChange(e: Event) {}\n\n  private buildSpec(dataItem: DataItem) {\n    return OxDataUseCase.elaborateDataItemSpec(this.dataSet!, dataItem)\n  }\n\n  private buildValue(dataItem: DataItem) {\n    const { tag, type } = dataItem\n\n    if (!this.dataSample) {\n      return ''\n    }\n\n    const value = this.dataSample?.data[dataItem.tag]\n    if (value === undefined) {\n      return ''\n    }\n    const values = value instanceof Array ? value : [value]\n\n    const elements = values.map((_: any, idx) => {\n      const v = value[idx]\n\n      switch (type) {\n        case 'boolean':\n          return html` <input type=\"checkbox\" name=${tag} .checked=${v} disabled />`\n          break\n\n        case 'select':\n        case 'number':\n        case 'string':\n        default:\n          return String(v === undefined ? '' : v)\n      }\n    })\n\n    return type === 'boolean' ? elements : elements.join(', ')\n  }\n\n  private evaluateOOC(dataItem: DataItem, value: any) {\n    return OxDataUseCase.evaluateItem(this.dataSet!, dataItem, value)\n  }\n}\n"]}
+{"version":3,"file":"ox-data-sample-view.js","sourceRoot":"","sources":["../../src/ox-data-sample-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/input/ox-input-file.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { DataSample, DataSpecLimitSet } from './types.js'\nimport { OxDataUseCase } from './usecase/ox-data-use-case.js'\n\n@customElement('ox-data-sample-view')\nexport class OxDataSampleView extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n    }\n\n    form {\n      flex: 1;\n\n      display: flex;\n      flex-direction: column;\n    }\n\n    h2 {\n      margin: var(--title-margin);\n      font: var(--title-font);\n      color: var(--title-text-color);\n      text-transform: capitalize;\n    }\n    [page-description] {\n      margin: var(--page-description-margin);\n      opacity: 0.7;\n      font: var(--page-description-font);\n      color: var(--secondary-color);\n      text-transform: capitalize;\n    }\n    [page-description] * {\n      vertical-align: middle;\n    }\n    [page-description] mwc-icon {\n      margin-top: -2px;\n      font-size: 0.9rem;\n      color: var(--page-description-color);\n    }\n\n    table {\n      border-collapse: collapse;\n      margin-bottom: var(--margin-default);\n    }\n    th {\n      padding: var(--th-padding);\n      border-top: var(--th-border-top);\n      border-bottom: var(--td-border-bottom);\n      text-transform: var(--th-text-transform);\n      font: var(--th-font);\n      color: var(--th-color);\n      text-align: left;\n    }\n    th[item] {\n      min-width: 100px;\n    }\n    th[value] {\n      min-width: 100px;\n    }\n    tr {\n      background-color: var(--tr-background-color);\n    }\n    tr:nth-child(odd) {\n      background-color: var(--tr-background-odd-color);\n    }\n    tr:hover {\n      background-color: var(--tr-background-hover-color);\n    }\n    tr[ooc],\n    tr[oos] {\n      background-color: #fefbdf;\n    }\n    td {\n      border-bottom: var(--td-border-bottom);\n      padding: var(--td-padding);\n      font: var(--td-font);\n      color: var(--td-color);\n    }\n    td[name] {\n      font-weight: bold;\n    }\n    td mwc-icon {\n      color: var(--status-danger-color);\n    }\n\n    pre {\n      tab-size: 2;\n    }\n  `\n\n  @property({ type: Object }) dataSample?: DataSample\n\n  render() {\n    var { useCase, data = {}, judgment, dataItems = [] } = this.dataSample || {}\n    const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })\n    const useCaseNames = useCase?.split(',').filter(useCase => useCase.trim()) || []\n\n    const { name, description, collectedAt, workDate, workShift } = this.dataSample || {}\n\n    /* TODO below converting logic should be removed after dataset migration */\n    if (!(dataItems instanceof Array)) {\n      dataItems = Object.keys(dataItems).map(tag => {\n        var dataItem = (dataItems as any)[tag]\n        dataItem.tag = tag\n        return dataItem\n      })\n    }\n\n    return html` <h2>${name}</h2>\n      <p page-description>\n        <mwc-icon>info_outline</mwc-icon> ${description}<br />\n        <mwc-icon>alarm</mwc-icon> ${i18next.t('field.work-date')}: ${workDate} ${workShift} |\n        <mwc-icon>pending_actions</mwc-icon> ${i18next.t('field.collected-at')}:\n        ${formatter.format(new Date(collectedAt!))}\n      </p>\n\n      <form @change=${(e: Event) => this.onChange(e)}>\n        <table>\n          <tr>\n            <th item>${i18next.t('field.item')}</th>\n            <th>${i18next.t('field.description')}</th>\n            <th>${i18next.t('field.unit')}</th>\n            <th value>${i18next.t('field.value')}</th>\n            <th>${i18next.t('field.spec')}</th>\n            <th>${i18next.t('field.ooc')}</th>\n            <th>${i18next.t('field.oos')}</th>\n          </tr>\n          ${dataItems.map(dataItem => {\n            const { name = '', tag = '', description = '', unit = '', spec = {} } = dataItem\n            const value = data[tag]\n            const { ooc, oos } = judgment?.[tag] || {}\n\n            return html`\n              <tr ?ooc=${ooc} ?oos=${oos}>\n                <td name>${name}</td>\n                <td>${description}</td>\n                <td>${unit}</td>\n                <td>${this.buildValue(value)}</td>\n                <td><pre>${this.buildSpec(useCaseNames, spec)}</pre></td>\n                <td>${ooc ? html`<mwc-icon>done</mwc-icon>` : ''}</td>\n                <td>${oos ? html`<mwc-icon>done</mwc-icon>` : ''}</td>\n              </tr>\n            `\n          })}\n        </table>\n      </form>`\n  }\n\n  private onChange(e: Event) {}\n\n  private buildSpec(useCaseNames: string[], spec: DataSpecLimitSet): string {\n    return OxDataUseCase.elaborateDataItemSpec(useCaseNames, spec)\n  }\n\n  private buildValue(value: any | any[]) {\n    if (value === undefined) {\n      return ''\n    }\n    const values = value instanceof Array ? value : [value]\n\n    const elements = values.map((v: any, idx) => {\n      switch (typeof v) {\n        case 'boolean':\n          return html` <input type=\"checkbox\" .checked=${v} disabled />`\n          break\n\n        default:\n          return v === undefined ? '' : v\n      }\n    })\n\n    return typeof values[0] === 'boolean' ? elements : elements.join(', ')\n  }\n}\n"]}

package/dist/src/types.d.ts

@@ -18,7 +18,9 @@ export declare type DataItem = {
     unit: string;
     quota: number;
     spec: {
-        [useCase: string]: any;
+        [useCase: string]: {
+            [limit: string]: number | string | string[] | boolean;
+        };
     };
 };
 export declare type DataSet = {
@@ -34,7 +36,7 @@ export declare type DataSet = {
         };
     };
 };
-export declare type DataItemSpec = {
+export declare type DataSpecDefinition = {
     type: string;
     label: string;
     name: string;
@@ -42,17 +44,34 @@ export declare type DataItemSpec = {
         [option: string]: any;
     };
 };
-export declare type DataItemSpecSet = {
+export declare type UseCaseDefinition = {
     name: string;
     description: string;
     help: string;
-    specs: DataItemSpec[];
+    specs: DataSpecDefinition[];
+};
+export declare type DataSpecLimit = {
+    [limit: string]: number | string | string[] | boolean;
+};
+export declare type DataSpecLimitSet = {
+    [useCase: string]: DataSpecLimit;
+};
+export declare type DataCollection = {
+    [tag: string]: any;
+};
+export declare type Judgment = {
+    [tag: string]: {
+        ooc: boolean;
+        oos: boolean;
+    };
 };
 export declare type DataSample = {
     name: string;
     description: string;
-    data: any;
-    spec: any;
+    useCase: string;
+    data?: DataCollection;
+    judgment?: Judgment;
+    dataItems?: DataItem[];
     quota: number;
     workDate: string;
     workShift: string;

package/dist/src/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type SelectOption = { text: string; value: string }\nexport type SelectOptions = SelectOption[]\nexport type TypeOptions = {\n  options?: SelectOptions\n  [prop: string]: any\n}\n\nexport type DataItem = {\n  name: string\n  description: string\n  sequence: number\n  tag: string\n  type: string\n  active: boolean\n  options: TypeOptions\n  unit: string\n  quota: number\n  spec: { [useCase: string]: any }\n}\n\nexport type DataSet = {\n  name: string\n  description: string\n  type: 'manual' | 'automatic'\n  useCase: string\n  active: boolean\n  dataItems: DataItem[]\n  spec: { [dataItem: string]: { [useCase: string]: any } }\n}\n\nexport type DataItemSpec = {\n  type: string\n  label: string\n  name: string\n  property?: { [option: string]: any }\n}\n\nexport type DataItemSpecSet = {\n  name: string\n  description: string\n  help: string\n  specs: DataItemSpec[]\n}\n\nexport type DataSample = {\n  name: string\n  description: string\n  data: any\n  spec: any\n  quota: number\n  workDate: string\n  workShift: string\n  collectedAt: Date\n}\n\nexport type DataOocState = 'CREATED' | 'REVIEWED' | 'CORRECTED'\n\nexport type DataOoc = DataSample & {\n  state: DataOocState\n  correctiveAction: string\n  history: {\n    user: {\n      id: string\n      name: string\n    }\n    state: DataOocState\n    comment: string\n    timestamp: number\n  }[]\n}\n\nexport type EvaluationResult = { oos: boolean; ooc: boolean }\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type SelectOption = { text: string; value: string }\nexport type SelectOptions = SelectOption[]\nexport type TypeOptions = {\n  options?: SelectOptions\n  [prop: string]: any\n}\n\nexport type DataItem = {\n  name: string\n  description: string\n  sequence: number\n  tag: string\n  type: string\n  active: boolean\n  options: TypeOptions\n  unit: string\n  quota: number\n  spec: {\n    [useCase: string]: {\n      [limit: string]: number | string | string[] | boolean\n    }\n  }\n}\n\nexport type DataSet = {\n  name: string\n  description: string\n  type: 'manual' | 'automatic'\n  useCase: string\n  active: boolean\n  dataItems: DataItem[]\n  spec: { [dataItem: string]: { [useCase: string]: any } }\n}\n\nexport type DataSpecDefinition = {\n  type: string\n  label: string\n  name: string\n  property?: { [option: string]: any }\n}\n\nexport type UseCaseDefinition = {\n  name: string\n  description: string\n  help: string\n  specs: DataSpecDefinition[]\n}\n\nexport type DataSpecLimit = {\n  [limit: string]: number | string | string[] | boolean\n}\n\nexport type DataSpecLimitSet = {\n  [useCase: string]: DataSpecLimit\n}\n\nexport type DataCollection = {\n  [tag: string]: any\n}\n\nexport type Judgment = {\n  [tag: string]: {\n    ooc: boolean\n    oos: boolean\n  }\n}\n\nexport type DataSample = {\n  name: string\n  description: string\n  useCase: string\n  data?: DataCollection\n  judgment?: Judgment\n  dataItems?: DataItem[]\n  quota: number\n  workDate: string\n  workShift: string\n  collectedAt: Date\n}\n\nexport type DataOocState = 'CREATED' | 'REVIEWED' | 'CORRECTED'\n\nexport type DataOoc = DataSample & {\n  state: DataOocState\n  correctiveAction: string\n  history: {\n    user: {\n      id: string\n      name: string\n    }\n    state: DataOocState\n    comment: string\n    timestamp: number\n  }[]\n}\n\nexport type EvaluationResult = { oos: boolean; ooc: boolean }\n"]}

package/dist/src/usecase/ccp/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/usecase/ccp/index.js

@@ -0,0 +1,8 @@
+/* Here, only the common module of client and server is imported/exported. Be careful not to use a module dedicated to client or server. */
+import { OxDataUseCase } from '../ox-data-use-case';
+import { OxDataUseCaseCCP } from './ox-data-use-case-ccp';
+// OxPropertyEditor.register({
+//   'ccp-limits': 'ox-property-editor-ccp-limits'
+// })
+OxDataUseCase.registerUseCase('CCP', new OxDataUseCaseCCP());
+//# sourceMappingURL=index.js.map

package/dist/src/usecase/ccp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/usecase/ccp/index.ts"],"names":[],"mappings":"AAAA,2IAA2I;AAE3I,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAEzD,8BAA8B;AAC9B,kDAAkD;AAClD,KAAK;AAEL,aAAa,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,gBAAgB,EAAE,CAAC,CAAA","sourcesContent":["/* Here, only the common module of client and server is imported/exported. Be careful not to use a module dedicated to client or server. */\n\nimport { OxDataUseCase } from '../ox-data-use-case'\nimport { OxDataUseCaseCCP } from './ox-data-use-case-ccp'\n\n// OxPropertyEditor.register({\n//   'ccp-limits': 'ox-property-editor-ccp-limits'\n// })\n\nOxDataUseCase.registerUseCase('CCP', new OxDataUseCaseCCP())\n"]}

package/dist/src/usecase/ccp/ox-data-use-case-ccp.d.ts

@@ -0,0 +1,7 @@
+import { DataItem, EvaluationResult, UseCaseDefinition } from '../../types';
+import { OxDataUseCase } from '../ox-data-use-case.js';
+export declare class OxDataUseCaseCCP extends OxDataUseCase {
+    getSpecification(dataItem: DataItem): UseCaseDefinition;
+    evaluate(spec: any, values: any | any[]): EvaluationResult | undefined;
+    elaborateUseCaseSpec(limits: any): string | undefined;
+}

package/dist/src/usecase/ccp/ox-data-use-case-ccp.js

@@ -0,0 +1,102 @@
+import i18next from 'i18next'; // Since this is a common module, @operato/i18n was deliberately avoided.
+import { OxDataUseCase } from '../ox-data-use-case.js';
+export class OxDataUseCaseCCP extends OxDataUseCase {
+    getSpecification(dataItem) {
+        return {
+            name: 'CCP',
+            description: 'Critical Control Point Data Spec',
+            help: '',
+            specs: [
+                {
+                    type: 'ccp-limits' /* A value which seperates acceptability from unacceptability */,
+                    label: 'critical-limits',
+                    name: 'criticalLimits',
+                    property: dataItem
+                },
+                {
+                    type: 'ccp-limits',
+                    label: 'target-limits',
+                    name: 'targetLimits',
+                    property: dataItem
+                }
+            ]
+        };
+    }
+    evaluate(spec, values) {
+        if (!spec || typeof values === 'undefined') {
+            return;
+        }
+        if (!(values instanceof Array)) {
+            values = [values];
+        }
+        const { minimum: criticalMinimum, maximum: criticalMaximum, acceptables: criticalAcceptables } = spec['criticalLimits'] || {};
+        const { minimum: targetMinimum, maximum: targetMaximum, acceptables: targetAcceptables } = spec['targetLimits'] || {};
+        var oos = false;
+        var ooc = false;
+        for (let i = 0; i < values.length; i++) {
+            const value = values[i];
+            if (criticalMinimum != null && value < criticalMinimum) {
+                oos = true;
+                break;
+            }
+            if (criticalMaximum != null && value > criticalMaximum) {
+                oos = true;
+                break;
+            }
+            if (criticalAcceptables != null && !criticalAcceptables.includes(value)) {
+                oos = true;
+                break;
+            }
+        }
+        for (let i = 0; i < values.length; i++) {
+            const value = values[i];
+            if (targetMinimum != null && value < targetMinimum) {
+                ooc = true;
+                break;
+            }
+            if (targetMaximum != null && value > targetMaximum) {
+                ooc = true;
+                break;
+            }
+            if (targetAcceptables != null && !targetAcceptables.includes(value)) {
+                ooc = true;
+                break;
+            }
+        }
+        return { oos, ooc };
+    }
+    elaborateUseCaseSpec(limits) {
+        if (!limits) {
+            return;
+        }
+        var text = '';
+        const { minimum: criticalMinimum, maximum: criticalMaximum, acceptables: criticalAcceptables } = limits['criticalLimits'] || {};
+        if (criticalMinimum != null || criticalMaximum != null || criticalAcceptables != null) {
+            text += `${i18next.t('label.critical-limits')}\n`;
+        }
+        if (criticalMinimum != null) {
+            text += `\t${i18next.t('label.minimum value')} : ${criticalMinimum}\n`;
+        }
+        if (criticalMaximum != null) {
+            text += `\t${i18next.t('label.maximum value')} : ${criticalMaximum}\n`;
+        }
+        if (criticalAcceptables != null) {
+            text += `\t${i18next.t('label.acceptables')} : ${criticalAcceptables instanceof Array ? criticalAcceptables.join(', ') : criticalAcceptables}\n`;
+        }
+        const { minimum: targetMinimum, maximum: targetMaximum, acceptables: targetAcceptables } = limits['targetLimits'] || {};
+        if (targetMinimum != null || targetMaximum != null || targetAcceptables != null) {
+            text += `${i18next.t('label.target-limits')}\n`;
+        }
+        if (targetMinimum != null) {
+            text += `\t${i18next.t('label.minimum value')} : ${targetMinimum}\n`;
+        }
+        if (targetMaximum != null) {
+            text += `\t${i18next.t('label.maximum value')} : ${targetMaximum}\n`;
+        }
+        if (targetAcceptables != null) {
+            text += `\t${i18next.t('label.acceptables')} : ${targetAcceptables instanceof Array ? targetAcceptables.join(', ') : targetAcceptables}\n`;
+        }
+        return text;
+    }
+}
+//# sourceMappingURL=ox-data-use-case-ccp.js.map

package/dist/src/usecase/ccp/ox-data-use-case-ccp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-data-use-case-ccp.js","sourceRoot":"","sources":["../../../../src/usecase/ccp/ox-data-use-case-ccp.ts"],"names":[],"mappings":"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","sourcesContent":["import i18next from 'i18next' // Since this is a common module, @operato/i18n was deliberately avoided.\n\nimport { DataItem, EvaluationResult, UseCaseDefinition } from '../../types'\nimport { OxDataUseCase } from '../ox-data-use-case.js'\n\nexport class OxDataUseCaseCCP extends OxDataUseCase {\n  getSpecification(dataItem: DataItem): UseCaseDefinition {\n    return {\n      name: 'CCP',\n      description: 'Critical Control Point Data Spec',\n      help: '',\n      specs: [\n        {\n          type: 'ccp-limits' /* A value which seperates acceptability from unacceptability */,\n          label: 'critical-limits',\n          name: 'criticalLimits',\n          property: dataItem\n        },\n        {\n          type: 'ccp-limits',\n          label: 'target-limits',\n          name: 'targetLimits',\n          property: dataItem\n        }\n      ]\n    }\n  }\n\n  evaluate(spec: any, values: any | any[]): EvaluationResult | undefined {\n    if (!spec || typeof values === 'undefined') {\n      return\n    }\n\n    if (!(values instanceof Array)) {\n      values = [values]\n    }\n\n    const {\n      minimum: criticalMinimum,\n      maximum: criticalMaximum,\n      acceptables: criticalAcceptables\n    } = spec['criticalLimits'] || {}\n\n    const {\n      minimum: targetMinimum,\n      maximum: targetMaximum,\n      acceptables: targetAcceptables\n    } = spec['targetLimits'] || {}\n\n    var oos = false\n    var ooc = false\n\n    for (let i = 0; i < values.length; i++) {\n      const value = values[i]\n\n      if (criticalMinimum != null && value < criticalMinimum) {\n        oos = true\n        break\n      }\n\n      if (criticalMaximum != null && value > criticalMaximum) {\n        oos = true\n        break\n      }\n\n      if (criticalAcceptables != null && !criticalAcceptables.includes(value)) {\n        oos = true\n        break\n      }\n    }\n\n    for (let i = 0; i < values.length; i++) {\n      const value = values[i]\n\n      if (targetMinimum != null && value < targetMinimum) {\n        ooc = true\n        break\n      }\n\n      if (targetMaximum != null && value > targetMaximum) {\n        ooc = true\n        break\n      }\n\n      if (targetAcceptables != null && !targetAcceptables.includes(value)) {\n        ooc = true\n        break\n      }\n    }\n\n    return { oos, ooc }\n  }\n\n  elaborateUseCaseSpec(limits: any): string | undefined {\n    if (!limits) {\n      return\n    }\n\n    var text = ''\n\n    const {\n      minimum: criticalMinimum,\n      maximum: criticalMaximum,\n      acceptables: criticalAcceptables\n    } = limits['criticalLimits'] || {}\n\n    if (criticalMinimum != null || criticalMaximum != null || criticalAcceptables != null) {\n      text += `${i18next.t('label.critical-limits')}\\n`\n    }\n\n    if (criticalMinimum != null) {\n      text += `\\t${i18next.t('label.minimum value')} : ${criticalMinimum}\\n`\n    }\n    if (criticalMaximum != null) {\n      text += `\\t${i18next.t('label.maximum value')} : ${criticalMaximum}\\n`\n    }\n    if (criticalAcceptables != null) {\n      text += `\\t${i18next.t('label.acceptables')} : ${\n        criticalAcceptables instanceof Array ? criticalAcceptables.join(', ') : criticalAcceptables\n      }\\n`\n    }\n\n    const {\n      minimum: targetMinimum,\n      maximum: targetMaximum,\n      acceptables: targetAcceptables\n    } = limits['targetLimits'] || {}\n\n    if (targetMinimum != null || targetMaximum != null || targetAcceptables != null) {\n      text += `${i18next.t('label.target-limits')}\\n`\n    }\n\n    if (targetMinimum != null) {\n      text += `\\t${i18next.t('label.minimum value')} : ${targetMinimum}\\n`\n    }\n    if (targetMaximum != null) {\n      text += `\\t${i18next.t('label.maximum value')} : ${targetMaximum}\\n`\n    }\n    if (targetAcceptables != null) {\n      text += `\\t${i18next.t('label.acceptables')} : ${\n        targetAcceptables instanceof Array ? targetAcceptables.join(', ') : targetAcceptables\n      }\\n`\n    }\n\n    return text\n  }\n}\n"]}

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

@@ -0,0 +1,44 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { LitElement } from 'lit';
+export declare enum DataItemType {
+    number = "number",
+    text = "text",
+    boolean = "boolean",
+    select = "select",
+    file = "file"
+}
+export declare type CcpLimitValue = {
+    minimum?: number;
+    maximum?: number;
+    acceptables?: string[];
+};
+/**
+ element for CCP limits
+ 
+ Example:
+ 
+   <ox-input-ccp-limits
+     .value=${value}
+     .type=${type}>
+   </ox-input-ccp-limits>
+ */
+export declare class OxInputCcpLimits extends LitElement {
+    static styles: import("lit").CSSResult;
+    value: CcpLimitValue;
+    type: DataItemType;
+    unit?: string;
+    options: {
+        options?: {
+            text: string;
+            value: string;
+        }[];
+    };
+    minimum: HTMLInputElement;
+    maximum: HTMLInputElement;
+    checkedAll: NodeListOf<HTMLInputElement>;
+    firstUpdated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private onChange;
+}

package/dist/src/usecase/ccp/ox-input-ccp-limits.js

@@ -0,0 +1,171 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property, query, queryAll } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+export var DataItemType;
+(function (DataItemType) {
+    DataItemType["number"] = "number";
+    DataItemType["text"] = "text";
+    DataItemType["boolean"] = "boolean";
+    DataItemType["select"] = "select";
+    DataItemType["file"] = "file";
+})(DataItemType || (DataItemType = {}));
+/**
+ element for CCP limits
+ 
+ Example:
+ 
+   <ox-input-ccp-limits
+     .value=${value}
+     .type=${type}>
+   </ox-input-ccp-limits>
+ */
+let OxInputCcpLimits = class OxInputCcpLimits extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = {};
+        this.type = DataItemType.number;
+        this.options = {};
+    }
+    firstUpdated() {
+        this.renderRoot.addEventListener('change', this.onChange.bind(this));
+    }
+    render() {
+        var _a, _b;
+        const { minimum, maximum, acceptables = [] } = this.value || {};
+        return html `
+      <div>
+        ${this.type === DataItemType.number
+            ? html `
+              <label>
+                <div name>${i18next.t('text.minimum value')}</div>
+                <input type="number" name="minimum" .value=${minimum} />
+                <div unit>${this.unit}</div>
+              </select>
+              </label>
+              <label>
+                <div name>${i18next.t('text.maximum value')}</div>
+                <input type="number" name="maximum" .value=${maximum} />
+                <div unit>${this.unit}</div>
+              </label>
+            </div>
+            `
+            : this.type === DataItemType.select
+                ? html `
+              <!-- <div>Acceptables</div> -->
+              ${(_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.map(option => html `
+                  <div>
+                    <input type="checkbox" data-value=${option.value} ?checked=${acceptables.includes(option.value)} />
+                    <span>${option.text}</span>
+                    <span value>(${option.value})</span>
+                  </div>
+                `)}
+          </div>
+          `
+                : html ` <div properties>${i18next.t('text.no properties to set')}</div> `}
+      </div>
+    `;
+    }
+    onChange(e) {
+        if (this.type === DataItemType.number) {
+            this.value = {
+                minimum: this.minimum.valueAsNumber,
+                maximum: this.maximum.valueAsNumber
+            };
+        }
+        else if (this.type === DataItemType.select) {
+            this.value = {
+                acceptables: Array.from(this.checkedAll).map(checked => {
+                    const x = checked.getAttribute('data-value');
+                    console.log(x);
+                    return x;
+                })
+            };
+        }
+        else {
+            this.value = {};
+        }
+        this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: this.value }));
+    }
+};
+OxInputCcpLimits.styles = css `
+    :host {
+      display: flex;
+      flex-direction: column;
+      align-content: center;
+    }
+
+    label {
+      margin: 0 var(--margin-default) var(--margin-default) 0;
+    }
+
+    label div > * {
+      vertical-align: middle;
+    }
+
+    button {
+      width: 20px;
+      text-align: center;
+    }
+
+    div[name],
+    input[type='checkbox'] + span {
+      display: inline-block;
+      font: var(--label-font);
+      color: var(--label-color);
+      text-align: right;
+    }
+    input,
+    select {
+      border: var(--input-field-border);
+      border-radius: var(--input-field-border-radius);
+      padding: var(--input-field-padding);
+      font: var(--input-field-font);
+    }
+
+    input[type='checkbox'] {
+      width: initial;
+    }
+    input[checked] + span {
+      font-weight: bold;
+    }
+    [unit],
+    [value] {
+      display: inline-block;
+      opacity: 0.7;
+      font: var(--form-sublabel-font);
+    }
+    [properties] {
+      font: var(--input-field-font);
+      color: var(--label-color);
+    }
+  `;
+__decorate([
+    property({ type: Object })
+], OxInputCcpLimits.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], OxInputCcpLimits.prototype, "type", void 0);
+__decorate([
+    property({ type: String })
+], OxInputCcpLimits.prototype, "unit", void 0);
+__decorate([
+    property({ type: Array })
+], OxInputCcpLimits.prototype, "options", void 0);
+__decorate([
+    query('[name=minimum]')
+], OxInputCcpLimits.prototype, "minimum", void 0);
+__decorate([
+    query('[name=maximum]')
+], OxInputCcpLimits.prototype, "maximum", void 0);
+__decorate([
+    queryAll('[type=checkbox]:checked')
+], OxInputCcpLimits.prototype, "checkedAll", void 0);
+OxInputCcpLimits = __decorate([
+    customElement('ox-input-ccp-limits')
+], OxInputCcpLimits);
+export { OxInputCcpLimits };
+//# sourceMappingURL=ox-input-ccp-limits.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-input-ccp-limits.js","sourceRoot":"","sources":["../../../../src/usecase/ccp/ox-input-ccp-limits.ts"],"names":[],"mappings":"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","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 CcpLimitValue = {\n  minimum?: number\n  maximum?: number\n  acceptables?: string[]\n}\n\n/**\n element for CCP limits\n \n Example:\n \n   <ox-input-ccp-limits\n     .value=${value}\n     .type=${type}>\n   </ox-input-ccp-limits>\n */\n@customElement('ox-input-ccp-limits')\nexport class OxInputCcpLimits 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: CcpLimitValue = {}\n  @property({ type: String }) type: DataItemType = DataItemType.number\n  @property({ type: String }) unit?: string\n  @property({ type: Array }) 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=${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=${maximum} />\n                <div unit>${this.unit}</div>\n              </label>\n            </div>\n            `\n          : this.type === DataItemType.select\n          ? html`\n              <!-- <div>Acceptables</div> -->\n              ${this.options?.options?.map(\n                option => html`\n                  <div>\n                    <input type=\"checkbox\" data-value=${option.value} ?checked=${acceptables.includes(option.value)} />\n                    <span>${option.text}</span>\n                    <span value>(${option.value})</span>\n                  </div>\n                `\n              )}\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 {\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/ccp/ox-property-editor-ccp-limits.d.ts

@@ -0,0 +1,5 @@
+import './ox-input-ccp-limits.js';
+import { OxPropertyEditor } from '@operato/property-editor';
+export declare class OxPropertyEditorCcpLimits extends OxPropertyEditor {
+    editorTemplate(): import("lit-html").TemplateResult<1>;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-property-editor-ccp-limits.js","sourceRoot":"","sources":["../../../../src/usecase/ccp/ox-property-editor-ccp-limits.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAG3D,IAAa,yBAAyB,GAAtC,MAAa,yBAA0B,SAAQ,gBAAgB;IAC7D,cAAc;QACZ,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;QAEnD,OAAO,IAAI,CAAA;;;iBAGE,IAAI,CAAC,KAAK;gBACX,IAAI;gBACJ,IAAI;mBACD,OAAO;;KAErB,CAAA;IACH,CAAC;CACF,CAAA;AAdY,yBAAyB;IADrC,aAAa,CAAC,+BAA+B,CAAC;GAClC,yBAAyB,CAcrC;SAdY,yBAAyB","sourcesContent":["import './ox-input-ccp-limits.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\n\n@customElement('ox-property-editor-ccp-limits')\nexport class OxPropertyEditorCcpLimits extends OxPropertyEditor {\n  editorTemplate() {\n    const { type, options, unit } = this.property || {}\n\n    return html`\n      <ox-input-ccp-limits\n        id=\"editor\"\n        .value=${this.value}\n        .type=${type}\n        .unit=${unit}\n        .options=${options}\n      ></ox-input-ccp-limits>\n    `\n  }\n}\n"]}

package/dist/src/{ox-data-use-case.d.ts → usecase/ox-data-use-case.d.ts}

@@ -1,4 +1,4 @@
-import { DataItem, DataItemSpecSet, DataSet, EvaluationResult } from './types';
+import { DataItem, DataSet, DataSpecLimitSet, EvaluationResult, UseCaseDefinition } from '../types';
 export declare abstract class OxDataUseCase {
     static registry: {
         [name: string]: OxDataUseCase;
@@ -7,10 +7,10 @@ export declare abstract class OxDataUseCase {
     static getUseCaseNames(): string[];
     static getUseCases(): OxDataUseCase[];
     static getUseCase(name: string): OxDataUseCase | undefined;
-    static elaborateDataItemSpec(dataSet: DataSet, dataItem: DataItem): string;
-    static evaluate(dataSet: DataSet, dataItems: DataItem[], data: any): EvaluationResult | undefined;
-    static evaluateItem(dataSet: DataSet, dataItem: DataItem, values: any | any[]): EvaluationResult | undefined;
+    static elaborateDataItemSpec(useCaseNames: string[], spec: DataSpecLimitSet): string;
+    static evaluate(dataSet: DataSet, dataItems: DataItem[], data: any): EvaluationResult;
+    static evaluateItem(spec: DataSpecLimitSet, values: any | any[]): EvaluationResult | undefined;
     abstract evaluate(specs: any, values: any[]): EvaluationResult | undefined;
     abstract elaborateUseCaseSpec(spec: any): string | undefined;
-    abstract getSpecification(dataItem: DataItem): DataItemSpecSet;
+    abstract getSpecification(dataItem: DataItem): UseCaseDefinition;
 }