@operato/dataset 8.0.0 → 9.0.0-beta.1

package/CHANGELOG.md

@@ -3,7 +3,32 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.0.0](https://github.com/hatiolab/operato/compare/v7.1.33...v8.0.0) (2025-01-14)
+## [9.0.0-beta.1](https://github.com/hatiolab/operato/compare/v9.0.0-beta.0...v9.0.0-beta.1) (2025-01-19)
+
+
+### :bug: Bug Fix
+
+* dataset styling for ox-data-ooc-correction-part ([7369e1d](https://github.com/hatiolab/operato/commit/7369e1d039742944c6d41ce7c07001f6e8df7d9d))
+
+
+
+## [9.0.0-beta.0](https://github.com/hatiolab/operato/compare/v8.0.0-beta.11...v9.0.0-beta.0) (2025-01-13)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [8.0.0-beta.6](https://github.com/hatiolab/operato/compare/v8.0.0-beta.5...v8.0.0-beta.6) (2025-01-11)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [8.0.0-beta.5](https://github.com/hatiolab/operato/compare/v8.0.0-beta.4...v8.0.0-beta.5) (2025-01-10)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -11,7 +36,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.33](https://github.com/hatiolab/operato/compare/v7.1.32...v7.1.33) (2025-01-13)
+## [8.0.0-beta.4](https://github.com/hatiolab/operato/compare/v8.0.0-beta.3...v8.0.0-beta.4) (2025-01-09)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -19,17 +44,34 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.32](https://github.com/hatiolab/operato/compare/v7.1.31...v7.1.32) (2025-01-11)
+## [8.0.0-beta.3](https://github.com/hatiolab/operato/compare/v8.0.0-beta.2...v8.0.0-beta.3) (2025-01-08)
 
 
 ### :bug: Bug Fix
 
-* missing .npmignore ([03db207](https://github.com/hatiolab/operato/commit/03db207498088b294ccfb9645f6839c2f11645d5))
-* typo .npmignore ([df91cae](https://github.com/hatiolab/operato/commit/df91caea0f5938a3febd9307184e5b036a65e2bd))
+* dataset escaping exception from unsetting quota ([7cb081d](https://github.com/hatiolab/operato/commit/7cb081df54cfcab093341a17cdbfa5665360a005))
+
+
+
+## [8.0.0-beta.2](https://github.com/hatiolab/operato/compare/v8.0.0-beta.1...v8.0.0-beta.2) (2025-01-08)
+
+
+### :bug: Bug Fix
+
+* typo .npmignore ([d9c0c8c](https://github.com/hatiolab/operato/commit/d9c0c8c79abc688c3c2cfb6c37fcb689483a5977))
+
+
+
+## [8.0.0-beta.1](https://github.com/hatiolab/operato/compare/v8.0.0-beta.0...v8.0.0-beta.1) (2025-01-08)
+
+
+### :bug: Bug Fix
 
+* missing .npmignore ([be05985](https://github.com/hatiolab/operato/commit/be05985abfae4af53501f718dd52932099f7fbcb))
 
 
-### [7.1.31](https://github.com/hatiolab/operato/compare/v7.1.30...v7.1.31) (2025-01-10)
+
+## [8.0.0-beta.0](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.56...v8.0.0-beta.0) (2025-01-07)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -37,7 +79,16 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.30](https://github.com/hatiolab/operato/compare/v7.1.29...v7.1.30) (2025-01-10)
+## [8.0.0-alpha.56](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.55...v8.0.0-alpha.56) (2025-01-05)
+
+
+### :bug: Bug Fix
+
+* [dataset] muultiple tables, subgroups at first occurrence, structured and modular ([89179fc](https://github.com/hatiolab/operato/commit/89179fc43024d34fa6bff4b364ce56541cefe16b))
+
+
+
+## [8.0.0-alpha.54](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.53...v8.0.0-alpha.54) (2024-12-09)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -45,7 +96,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.28](https://github.com/hatiolab/operato/compare/v7.1.27...v7.1.28) (2024-12-09)
+## [8.0.0-alpha.52](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.51...v8.0.0-alpha.52) (2024-12-03)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -53,17 +104,16 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.27](https://github.com/hatiolab/operato/compare/v7.1.26...v7.1.27) (2024-12-09)
+## [8.0.0-alpha.51](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.50...v8.0.0-alpha.51) (2024-11-29)
 
 
 ### :bug: Bug Fix
 
-* calendar css variables ([75a7eb0](https://github.com/hatiolab/operato/commit/75a7eb0c68a9d863f2b0db44152fdb9b9536ceca))
-* support radio type for dataset item spec ([8ccd1b9](https://github.com/hatiolab/operato/commit/8ccd1b92fb78e42f5998a578244ba804d9f5cedb))
+* support radio type for dataset item spec ([8f6ba8f](https://github.com/hatiolab/operato/commit/8f6ba8f9929d6cfb94f2c8993a7d3dba37297954))
 
 
 
-### [7.1.26](https://github.com/hatiolab/operato/compare/v7.1.25...v7.1.26) (2024-11-28)
+## [8.0.0-alpha.50](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.49...v8.0.0-alpha.50) (2024-11-16)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -71,7 +121,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.25](https://github.com/hatiolab/operato/compare/v7.1.24...v7.1.25) (2024-11-23)
+## [8.0.0-alpha.49](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.48...v8.0.0-alpha.49) (2024-11-13)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -79,7 +129,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.21](https://github.com/hatiolab/operato/compare/v7.1.20...v7.1.21) (2024-11-13)
+## [8.0.0-alpha.48](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.47...v8.0.0-alpha.48) (2024-11-13)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -87,7 +137,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.18](https://github.com/hatiolab/operato/compare/v7.1.17...v7.1.18) (2024-10-31)
+## [8.0.0-alpha.46](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.45...v8.0.0-alpha.46) (2024-10-23)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -95,7 +145,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.13](https://github.com/hatiolab/operato/compare/v7.1.12...v7.1.13) (2024-09-23)
+## [8.0.0-alpha.45](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.44...v8.0.0-alpha.45) (2024-10-23)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -103,7 +153,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.10](https://github.com/hatiolab/operato/compare/v7.1.9...v7.1.10) (2024-09-15)
+## [8.0.0-alpha.44](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.43...v8.0.0-alpha.44) (2024-10-23)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -111,7 +161,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.9](https://github.com/hatiolab/operato/compare/v7.1.8...v7.1.9) (2024-09-12)
+## [8.0.0-alpha.41](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.40...v8.0.0-alpha.41) (2024-10-21)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -119,7 +169,16 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.8](https://github.com/hatiolab/operato/compare/v7.1.7...v7.1.8) (2024-09-12)
+## [8.0.0-alpha.37](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.36...v8.0.0-alpha.37) (2024-10-20)
+
+
+### :bug: Bug Fix
+
+* update dev-dependencies version ([d6fe342](https://github.com/hatiolab/operato/commit/d6fe342de738c6bad3528550a862b5a1d2573161))
+
+
+
+## [8.0.0-alpha.34](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.33...v8.0.0-alpha.34) (2024-10-15)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -127,7 +186,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.7](https://github.com/hatiolab/operato/compare/v7.1.6...v7.1.7) (2024-09-12)
+## [8.0.0-alpha.33](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.32...v8.0.0-alpha.33) (2024-10-14)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -135,37 +194,126 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.6](https://github.com/hatiolab/operato/compare/v7.1.5...v7.1.6) (2024-09-07)
+## [8.0.0-alpha.30](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.29...v8.0.0-alpha.30) (2024-10-11)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [8.0.0-alpha.29](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.28...v8.0.0-alpha.29) (2024-10-10)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [8.0.0-alpha.27](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.26...v8.0.0-alpha.27) (2024-10-06)
 
 
 ### :bug: Bug Fix
 
-* dataset components & styles ([d6836bd](https://github.com/hatiolab/operato/commit/d6836bd1c400962453dec31ab6e6055e4110900b))
+* calendar css variables ([9ea1918](https://github.com/hatiolab/operato/commit/9ea191844c72de5f920a8da85ad50209ba77cc07))
 
 
 
-### [7.1.5](https://github.com/hatiolab/operato/compare/v7.1.4...v7.1.5) (2024-09-06)
+## [8.0.0-alpha.26](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.25...v8.0.0-alpha.26) (2024-10-06)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [8.0.0-alpha.21](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.20...v8.0.0-alpha.21) (2024-10-05)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [8.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.19...v8.0.0-alpha.20) (2024-10-04)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [8.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.18...v8.0.0-alpha.19) (2024-10-04)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [8.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.9...v8.0.0-alpha.10) (2024-09-18)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [8.0.0-alpha.9](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.8...v8.0.0-alpha.9) (2024-09-15)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [8.0.0-alpha.8](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.7...v8.0.0-alpha.8) (2024-09-15)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [8.0.0-alpha.6](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.5...v8.0.0-alpha.6) (2024-09-14)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [8.0.0-alpha.5](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.4...v8.0.0-alpha.5) (2024-09-12)
+
+**Note:** Version bump only for package @operato/dataset
+
+
+
+
+
+## [8.0.0-alpha.4](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.3...v8.0.0-alpha.4) (2024-09-07)
 
 
 ### :bug: Bug Fix
 
-* enable multiple file upload for ox-data-entry-form ([33ce296](https://github.com/hatiolab/operato/commit/33ce296eefaad4f9d2b6a329b8274a8d650d618d))
+* dataset components & styles ([be44acd](https://github.com/hatiolab/operato/commit/be44acde8f25980e5b27afc481a2c149f8c23dbd))
+* enable multiple file upload for ox-data-entry-form ([2753ffc](https://github.com/hatiolab/operato/commit/2753ffca2f67a4abff73109047e78dee9a7dff9d))
+* style for ox-data-sample-view ([8facbab](https://github.com/hatiolab/operato/commit/8facbaba683accc6e4cf2375902a0b25cde31c49))
 
 
 
-### [7.1.4](https://github.com/hatiolab/operato/compare/v7.1.3...v7.1.4) (2024-09-06)
+## [8.0.0-alpha.3](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.2...v8.0.0-alpha.3) (2024-09-06)
 
 
 ### :bug: Bug Fix
 
-* add ox-grist-editor/renderer-signature for dataset signature item ([6e31dc6](https://github.com/hatiolab/operato/commit/6e31dc68c04812182e192f82f810a33fab5ae6a4))
-* dataset viewer 날짜 표기 ([5a9f38e](https://github.com/hatiolab/operato/commit/5a9f38eebdc6df9d455565a81851d38a4087beca))
-* style for ox-data-sample-view ([17bd6b5](https://github.com/hatiolab/operato/commit/17bd6b58c728d2f4c3864f852d2a25ff1d360393))
-* style for ox-data-sample-view ([c533743](https://github.com/hatiolab/operato/commit/c533743913ef8d0eb58c5bc6109f05c34c6e5e1f))
+* add ox-grist-editor/renderer-signature for dataset signature item ([b5dda5e](https://github.com/hatiolab/operato/commit/b5dda5ebe0afc8c9a3af73d9475bba160893155a))
+* dataset viewer 날짜 표기 ([f5bdead](https://github.com/hatiolab/operato/commit/f5bdead134ee9a989e84a2f758135b9e9333dc9f))
+* style for ox-data-sample-view ([f2a1266](https://github.com/hatiolab/operato/commit/f2a1266d9355b78a389e998129e16b8fba5ab480))
 
 
 
-### [7.1.3](https://github.com/hatiolab/operato/compare/v7.1.2...v7.1.3) (2024-09-04)
+## [8.0.0-alpha.2](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.1...v8.0.0-alpha.2) (2024-09-05)
 
 **Note:** Version bump only for package @operato/dataset
 
@@ -173,12 +321,20 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-### [7.1.2](https://github.com/hatiolab/operato/compare/v7.1.1...v7.1.2) (2024-09-02)
+## [8.0.0-alpha.1](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.0...v8.0.0-alpha.1) (2024-09-04)
 
 
 ### :bug: Bug Fix
 
-* support signature-input type for dataset ([f9e758e](https://github.com/hatiolab/operato/commit/f9e758eeb5efd6926af9d3526f0d7374e0c1b081))
+* support signature-input type for dataset ([613de5d](https://github.com/hatiolab/operato/commit/613de5dc5c14cc8288d2d19431dda5475c4b3303))
+
+
+
+## [8.0.0-alpha.0](https://github.com/hatiolab/operato/compare/v7.1.1...v8.0.0-alpha.0) (2024-09-01)
+
+**Note:** Version bump only for package @operato/dataset
+
+
 
 
 

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

@@ -14,8 +14,9 @@ export declare class OxDataEntryForm extends LitElement {
     render(): TemplateResult<1>;
     private onChange;
     private buildInputs;
-    private buildInputs4Subgroup;
-    private buildInputs4NonGrouped;
+    private buildInputsForSubgroup;
+    private buildInputsForNonGrouped;
     private buildValue;
+    private extractValuesFromInputs;
     private groupDataItemsByGroup;
 }

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

@@ -4,39 +4,50 @@ import '@operato/input/ox-input-signature.js';
 import './ox-data-entry-subgroup-form.js';
 import { css, html, LitElement } from 'lit';
 import { customElement, property, queryAll } from 'lit/decorators.js';
+import { OxDataInputFactory } from './ox-data-input-factory';
 let OxDataEntryForm = class OxDataEntryForm extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.onChange = (e) => {
+            this.value = this.buildValue();
+            this.dispatchEvent(new CustomEvent('change', {
+                bubbles: true,
+                composed: true,
+                detail: this.value
+            }));
+        };
+    }
     render() {
         var _a, _b;
-        return html ` <form @change=${(e) => this.onChange(e)}>
-      <h2>${((_a = this.dataSet) === null || _a === void 0 ? void 0 : _a.name) || ''}</h2>
-      <h3>${((_b = this.dataSet) === null || _b === void 0 ? void 0 : _b.description) || ''}</h3>
-      ${this.buildInputs()}
-    </form>`;
-    }
-    onChange(e) {
-        this.value = this.buildValue();
-        this.dispatchEvent(new CustomEvent('change', {
-            bubbles: true,
-            composed: true,
-            detail: this.value
-        }));
+        return html `
+      <form @change=${this.onChange}>
+        <h2>${((_a = this.dataSet) === null || _a === void 0 ? void 0 : _a.name) || ''}</h2>
+        <h3>${((_b = this.dataSet) === null || _b === void 0 ? void 0 : _b.description) || ''}</h3>
+        ${this.buildInputs()}
+      </form>
+    `;
     }
     buildInputs() {
         var _a;
         const dataItems = ((_a = this.dataSet) === null || _a === void 0 ? void 0 : _a.dataItems.filter(item => item.active)) || [];
-        const nonGroupDataItems = dataItems.filter(dataItem => !dataItem.group);
-        const dataItemSubgroups = Object.entries(this.groupDataItemsByGroup(dataItems)).map(([subgroup, dataItems]) => {
-            const tags = dataItems.map(dataItem => dataItem.tag);
-            const value = tags.reduce((partial, key) => {
-                var _a;
-                partial[key] = (_a = this.value) === null || _a === void 0 ? void 0 : _a[key];
-                return partial;
-            }, {});
-            return this.buildInputs4Subgroup(subgroup, dataItems, value);
+        const groupedItems = this.groupDataItemsByGroup(dataItems);
+        const renderedGroups = new Set();
+        return dataItems.flatMap(dataItem => {
+            if (dataItem.group) {
+                if (renderedGroups.has(dataItem.group))
+                    return [];
+                renderedGroups.add(dataItem.group);
+                return this.buildInputsForSubgroup(dataItem.group, groupedItems[dataItem.group]);
+            }
+            return this.buildInputsForNonGrouped([dataItem]);
         });
-        return [...this.buildInputs4NonGrouped(nonGroupDataItems), ...dataItemSubgroups];
     }
-    buildInputs4Subgroup(subgroup, dataItems, value) {
+    buildInputsForSubgroup(subgroup, dataItems) {
+        const subgroupValues = dataItems.reduce((values, item) => {
+            var _a;
+            values[item.tag] = (_a = this.value) === null || _a === void 0 ? void 0 : _a[item.tag];
+            return values;
+        }, {});
         return html `
       <div label>
         <div name>${subgroup}</div>
@@ -44,100 +55,52 @@ let OxDataEntryForm = class OxDataEntryForm extends LitElement {
           <ox-data-entry-subgroup-form
             .subgroup=${subgroup}
             .dataItems=${dataItems}
-            .value=${value}
-            @change=${(e) => this.onChange(e)}
+            .value=${subgroupValues}
+            @change=${this.onChange}
           ></ox-data-entry-subgroup-form>
         </div>
       </div>
     `;
     }
-    buildInputs4NonGrouped(dataItems) {
-        return (dataItems || []).map(dataItem => {
+    buildInputsForNonGrouped(dataItems) {
+        return dataItems.map(dataItem => {
+            var _a, _b;
             const { name, description, tag, type, quota = 1, options = {}, unit } = dataItem;
-            const samples = new Array(quota).fill(0);
-            const value = this.value && this.value[tag];
-            const elements = samples.map((_, idx) => {
-                const v = value instanceof Array ? value[idx] : idx === 0 ? value : undefined;
-                switch (type) {
-                    case 'select':
-                        return html ` <select .name=${tag}>
-              <option value=""></option>
-              ${(options.options || []).map(option => html `<option value=${option.value} ?selected=${option.value === v}>${option.text}</option>`)}
-            </select>`;
-                    case 'radio':
-                        return html `<div
-              @change=${(e) => {
-                            const div = e.currentTarget;
-                            const inputHidden = div.querySelector(`input[name="${tag}"]`);
-                            inputHidden.value = e.target.value;
-                        }}
-            >
-              <input type="hidden" name=${tag} />
-
-              ${(options.options || []).map(option => html `<label>
-                    <input
-                      type="radio"
-                      name=${'$' + tag + '-' + idx}
-                      .value=${option.value}
-                      ?checked=${option.value === v}
-                    />
-                    ${option.text}
-                  </label>`)}
-            </div>`;
-                    case 'boolean':
-                        return html ` <input type="checkbox" name=${tag} .checked=${v} />`;
-                    case 'number':
-                        return html ` <input type="number" name=${tag} value=${v} />`;
-                    case 'date':
-                        return html ` <input type="date" name=${tag} value=${v} />`;
-                    case 'datetime':
-                        return html ` <input type="datetime-local" name=${tag} value=${v} />`;
-                    case 'file':
-                        return html `<ox-input-file name=${tag} multiple .value=${v}></ox-input-file>`;
-                    case 'signature':
-                        return html `<ox-input-signature name=${tag} value=${v}></ox-input-signature>`;
-                    case 'string':
-                    default:
-                        return html ` <input type="text" name=${tag} value=${v} />`;
-                }
-            });
-            return html ` <div label>
-        <div name>${name}${unit ? `(${unit})` : ''}</div>
-        <div description><md-icon>info</md-icon> ${description}</div>
-        <div elements>${elements}</div>
-      </div>`;
+            const value = ((_a = this.value) === null || _a === void 0 ? void 0 : _a[tag]) === undefined ? [] : (_b = this.value) === null || _b === void 0 ? void 0 : _b[tag];
+            return html `
+        <div label>
+          <div name>${name}${unit ? ` (${unit})` : ''}</div>
+          <div description><md-icon>info</md-icon> ${description}</div>
+          <div elements>
+            ${Array.from({ length: quota || 1 }, (_, idx) => OxDataInputFactory.createInputElement(type, tag, Array.isArray(value) ? value[idx] : idx === 0 ? value : undefined, options, idx))}
+          </div>
+        </div>
+      `;
         });
     }
     buildValue() {
-        const dataItems = this.dataSet.dataItems;
-        const nonGroupDataItems = dataItems.filter(dataItem => !dataItem.group);
-        const nonGroupValue = (nonGroupDataItems || []).reduce((sum, dataItem) => {
+        const nonGroupValues = this.extractValuesFromInputs();
+        return Array.from(this.subgroups).reduce((values, subgroup) => ({ ...values, ...subgroup.buildValue() }), nonGroupValues);
+    }
+    extractValuesFromInputs() {
+        var _a;
+        return (((_a = this.dataSet) === null || _a === void 0 ? void 0 : _a.dataItems.filter(item => !item.group)) || []).reduce((values, dataItem) => {
             const { tag, type } = dataItem;
-            const editors = Array.prototype.slice.call(this.renderRoot.querySelectorAll(`[name=${tag}]`));
+            const editors = Array.from(this.renderRoot.querySelectorAll(`[name=${tag}]`));
             if (editors.length > 0) {
-                sum[tag] = editors.map(editor => (type === 'boolean' ? editor.checked : editor.value));
+                values[tag] = editors.map(editor => (type === 'boolean' ? editor.checked : editor.value));
             }
-            return sum;
+            return values;
         }, {});
-        return Array.from(this.subgroups).reduce((value, subgroup) => {
-            return {
-                ...value,
-                ...subgroup.buildValue()
-            };
-        }, nonGroupValue || {});
     }
     groupDataItemsByGroup(dataItems) {
-        const groupedDataItems = {};
-        for (const dataItem of dataItems) {
-            const { group } = dataItem;
-            if (group) {
-                if (!groupedDataItems[group]) {
-                    groupedDataItems[group] = [];
-                }
-                groupedDataItems[group].push(dataItem);
+        return dataItems.reduce((groups, item) => {
+            if (item.group) {
+                ;
+                (groups[item.group] = groups[item.group] || []).push(item);
             }
-        }
-        return groupedDataItems;
+            return groups;
+        }, {});
     }
 };
 OxDataEntryForm.styles = css `
@@ -170,19 +133,12 @@ OxDataEntryForm.styles = css `
 
     form > div[label] {
       display: grid;
-
       grid-template-rows: auto 1fr;
       grid-template-columns: 1fr 5fr;
       grid-template-areas: 'name description' 'empty inputs';
-
       grid-gap: 9px;
       align-items: center;
       margin-bottom: var(--spacing-medium);
-
-      &:nth-child(odd) {
-        background-color: var(--md-sys-color-background);
-        padding: var(--padding-default) 0;
-      }
     }
 
     div[name] {
@@ -191,17 +147,13 @@ OxDataEntryForm.styles = css `
       color: var(--label-color, var(--md-sys-color-on-surface));
       text-align: right;
     }
+
     div[description] {
       grid-area: description;
       opacity: 0.7;
       font: var(--item-description-font);
       color: var(--item-description-color);
       text-align: left;
-
-      * {
-        vertical-align: middle;
-      }
-
       md-icon {
         font-size: 0.9rem;
       }
@@ -214,42 +166,15 @@ OxDataEntryForm.styles = css `
       flex-wrap: wrap;
       gap: 10px;
       padding-right: var(--padding-default);
-
       * {
         flex: 1;
       }
-
-      input,
-      select {
-        border: var(--input-field-border);
-        border-radius: var(--input-field-border-radius);
-        padding: var(--input-field-padding);
-        font: var(--input-field-font);
-      }
     }
 
     div[subgroup] {
       grid-column: 1 / 3;
       grid-row: 2;
     }
-
-    @media only screen and (max-width: 460px) {
-      form > div[label] {
-        display: grid;
-
-        grid-template-rows: auto auto 1fr;
-        grid-template-columns: 1fr;
-        grid-template-areas: 'name' 'description' 'inputs';
-
-        grid-gap: 9px;
-        align-items: center;
-        margin-bottom: var(--spacing-medium);
-      }
-
-      div[name] {
-        text-align: left;
-      }
-    }
   `;
 __decorate([
     property({ type: Object })