@icure/form 1.0.0

package/.editorconfig

@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+indent_style = tab
+indent_size = 2
+

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,73 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="CssUnknownProperty" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="myCustomPropertiesEnabled" value="true" />
+      <option name="myIgnoreVendorSpecificProperties" value="false" />
+      <option name="myCustomPropertiesList">
+        <value>
+          <list size="1">
+            <item index="0" class="java.lang.String" itemvalue="user-select" />
+          </list>
+        </value>
+      </option>
+    </inspection_tool>
+    <inspection_tool class="ES6ConvertVarToLetConst" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="HtmlUnknownAttribute" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="myValues">
+        <value>
+          <list size="13">
+            <item index="0" class="java.lang.String" itemvalue="on-change" />
+            <item index="1" class="java.lang.String" itemvalue="if" />
+            <item index="2" class="java.lang.String" itemvalue="on-mousemove" />
+            <item index="3" class="java.lang.String" itemvalue="class$" />
+            <item index="4" class="java.lang.String" itemvalue="as" />
+            <item index="5" class="java.lang.String" itemvalue="items" />
+            <item index="6" class="java.lang.String" itemvalue="hidden$" />
+            <item index="7" class="java.lang.String" itemvalue="sort" />
+            <item index="8" class="java.lang.String" itemvalue="filter" />
+            <item index="9" class="java.lang.String" itemvalue="on-click" />
+            <item index="10" class="java.lang.String" itemvalue="on-scroll" />
+            <item index="11" class="java.lang.String" itemvalue="src$" />
+            <item index="12" class="java.lang.String" itemvalue="include" />
+          </list>
+        </value>
+      </option>
+      <option name="myCustomValuesEnabled" value="true" />
+    </inspection_tool>
+    <inspection_tool class="HtmlUnknownTag" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="myValues">
+        <value>
+          <list size="25">
+            <item index="0" class="java.lang.String" itemvalue="nobr" />
+            <item index="1" class="java.lang.String" itemvalue="noembed" />
+            <item index="2" class="java.lang.String" itemvalue="comment" />
+            <item index="3" class="java.lang.String" itemvalue="noscript" />
+            <item index="4" class="java.lang.String" itemvalue="embed" />
+            <item index="5" class="java.lang.String" itemvalue="script" />
+            <item index="6" class="java.lang.String" itemvalue="paper-input-container" />
+            <item index="7" class="java.lang.String" itemvalue="paper-dialog" />
+            <item index="8" class="java.lang.String" itemvalue="dom-module" />
+            <item index="9" class="java.lang.String" itemvalue="paper-button" />
+            <item index="10" class="java.lang.String" itemvalue="paper-input" />
+            <item index="11" class="java.lang.String" itemvalue="entity-selector" />
+            <item index="12" class="java.lang.String" itemvalue="tk-token-field" />
+            <item index="13" class="java.lang.String" itemvalue="ht-pat-admin-card" />
+            <item index="14" class="java.lang.String" itemvalue="ht-pat-detail-ctc-detail-panel" />
+            <item index="15" class="java.lang.String" itemvalue="paper-toast" />
+            <item index="16" class="java.lang.String" itemvalue="iron-icon" />
+            <item index="17" class="java.lang.String" itemvalue="paper-listbox" />
+            <item index="18" class="java.lang.String" itemvalue="paper-material" />
+            <item index="19" class="java.lang.String" itemvalue="paper-icon-button" />
+            <item index="20" class="java.lang.String" itemvalue="paper-item" />
+            <item index="21" class="java.lang.String" itemvalue="filter-panel" />
+            <item index="22" class="java.lang.String" itemvalue="collapse-button" />
+            <item index="23" class="java.lang.String" itemvalue="paper-tooltip" />
+            <item index="24" class="java.lang.String" itemvalue="paper-fab" />
+          </list>
+        </value>
+      </option>
+      <option name="myCustomValuesEnabled" value="true" />
+    </inspection_tool>
+  </profile>
+</component>

package/.idea/iqr-text-field.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_11" project-jdk-name="11" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/iqr-text-field.iml" filepath="$PROJECT_DIR$/.idea/iqr-text-field.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/.mocharc.json

@@ -0,0 +1,5 @@
+{
+	"extension": ["ts"],
+	"spec": "test/**/*.spec.ts",
+	"require": "ts-node/register"
+}

package/app/demo-app.ts

@@ -0,0 +1,191 @@
+import {css, html, LitElement} from 'lit-element';
+import {getRowsUsingPagination, IccCodeXApi} from '@icure/api';
+
+console.log("initialized")
+
+import '../src/components/iqr-text-field';
+import '../src/components/iqr-form';
+import MiniSearch from 'minisearch'
+import {
+	DatePicker,
+	DateTimePicker,
+	Form, Group,
+	MeasureField, MultipleChoice,
+	NumberField,
+	Section,
+	TextField,
+	TimePicker
+} from "../src/components/iqr-form/model";
+
+const icd10 = [
+	['I', new RegExp('^[AB][0–9]')],
+	['II', new RegExp('^C[0-9]–D[0-4]')],
+	['III', new RegExp('^D[5–9]')],
+	['IV', new RegExp('^E[0–9]')],
+	['V', new RegExp('^F[0–9]')],
+	['VI', new RegExp('^G[0–9]')],
+	['VII', new RegExp('^H[0–5]')],
+	['VIII', new RegExp('^H[6–9]')],
+	['IX', new RegExp('^I[0–9]')],
+	['X', new RegExp('^J[0–9]')],
+	['XI', new RegExp('^K[0–9]')],
+	['XII', new RegExp('^L[0–9]')],
+	['XIII', new RegExp('^M[0–9]')],
+	['XIV', new RegExp('^N[0–9]')],
+	['XV', new RegExp('^O[0–9]')],
+	['XVI', new RegExp('^P[0–9]')],
+	['XVII', new RegExp('^Q[0–9]')],
+	['XVIII', new RegExp('^R[0–9]')],
+	['XIX', new RegExp('^[ST][0–9]')],
+	['XX', new RegExp('^[VY][0–9]')],
+	['XXI', new RegExp('^Z[0–9]')],
+	['XXII', new RegExp('^U[0–9]')]
+]
+
+const icpc2 = {
+	'B': 'XX',
+	'D': 'XI',
+	'F': 'VI',
+	'H': 'VII',
+	'K': 'IX',
+	'L': 'XIII',
+	'N': 'VI',
+	'P': 'V',
+	'R': 'X',
+	'S': 'XII',
+	'T': 'VI',
+	'U': 'XIV',
+	'W': 'XV',
+	'X': 'XVI',
+	'Y': 'XVIII',
+	'Z': 'XXI'
+}
+
+const stopWords = new Set(['du','au','le','les','un','la','des','sur','de'])
+
+class DemoApp extends LitElement {
+	private api: IccCodeXApi = new IccCodeXApi("https://kraken.svc.icure.cloud/rest/v1",{ Authorization: 'Basic YWJkZW1vQGljdXJlLmNsb3VkOmtuYWxvdQ=='})
+
+	private miniSearch: MiniSearch = new MiniSearch({
+		fields: ['text'], // fields to index for full-text search
+		storeFields: ['code', 'text', 'links'], // fields to return with search results
+		processTerm: (term, _fieldName) =>
+			term.length === 1 || stopWords.has(term) ?
+				null : term.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase()
+	})
+
+	static get styles() {
+		return css`
+			iqr-text-field {
+				display: block;
+			}
+			h2 {
+				width: 100%;
+				font-size: 2em;
+				margin-top: 1em;
+				margin-bottom: 0;
+				font-family: 'Roboto', Helvetica, sans-serif;	
+			}
+		`;
+	}
+
+	async firstUpdated() {
+		const codes = await getRowsUsingPagination<any>((key, docId, limit) => {
+			return this.api.findPaginatedCodes('be', 'BE-THESAURUS', undefined, undefined, key, docId || undefined, 10000).then(x => ({
+				rows: (x.rows || []).map(x => ({id: x.id, code: x.code, text: x.label?.fr, links:x.links})),
+				nextKey: x.nextKeyPair?.startKey && JSON.stringify(x.nextKeyPair?.startKey),
+				nextDocId: x.nextKeyPair?.startKeyDocId,
+				done: (x.rows || []).length < 10000
+			}))
+		})
+		codes && this.miniSearch.addAll(codes)
+	}
+
+	codeColorProvider(type: string, code: string) {
+		return type === 'ICD' ? (icd10.find(x => code.match(x[1])) || [])[0] || 'XXII' : icpc2[code.substring(0,1)] || 'XXII'
+	}
+
+	suggestionProvider(terms: string[]) {
+		let normalisedTerms = terms.map(x => x.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase());
+		const res: any[] = []
+		if (this.miniSearch) {
+			while(normalisedTerms.length && res.length<20) {
+				res.push(...this.miniSearch.search(normalisedTerms.join(' '))
+					.filter(x => {
+						return normalisedTerms.every(t => x.terms.includes(t))
+					})
+					.map(s => Object.assign(s, {terms}))
+					.filter(t => !res.some(x => x.text === t.text)))
+				res.length<20 && res.push(...this.miniSearch.search(normalisedTerms.join(' '), {prefix: true})
+					.filter(x => normalisedTerms.every(t => x.terms.some(mt => mt.startsWith(t))))
+					.map(s => Object.assign(s, {terms})).filter(t => !res.some(x => x.text === t.text)))
+				normalisedTerms = normalisedTerms.slice(1)
+				terms = terms.slice(1)
+			}
+		}
+		return res
+	}
+
+	async linksProvider(sug: { id: string, code: string, text: string, terms: string[], links: string[] }) {
+		const links = (await Promise.all((sug.links || []).map(id => this.api.getCode(id)))).map(c => ({id:c.id, code:c.code, text:c.label?.fr, type:c.type}))
+			.concat([Object.assign({type: sug.id.split('|')[0]}, sug)])
+		return {href: links.map(c => `c-${c.type}://${c.code}`).join(','), title: links.map(c => c.text).join('; ')}
+	}
+
+
+	render() {
+		//@ts-ignore
+		const form = new Form("Waiting room GP", [
+			new Section("All fields", [
+				new TextField("This field is a TextField", "TextField"),
+				new NumberField("This field is a NumberField", "NumberField"),
+				new MeasureField("This field is a MeasureField", "MeasureField"),
+				new DatePicker("This field is a DatePicker", "DatePicker"),
+				new TimePicker("This field is a TimePicker", "TimePicker"),
+				new DateTimePicker("This field is a DateTimePicker", "DateTimePicker"),
+				new MultipleChoice("This field is a MultipleChoice", "MultipleChoice"),
+			]),
+			new Section("Grouped fields", [
+				new Group("You can group fields together", [
+					new TextField("This field is a TextField", "TextField"),
+					new NumberField("This field is a NumberField", "NumberField"),
+					new MeasureField("This field is a MeasureField", "MeasureField"),
+					new DatePicker("This field is a DatePicker", "DatePicker"),
+					new TimePicker("This field is a TimePicker", "TimePicker"),
+					new DateTimePicker("This field is a DateTimePicker", "DateTimePicker"),
+					new MultipleChoice("This field is a MultipleChoice", "MultipleChoice"),
+				]),
+				new Group("And you can add tags and codes", [
+					new TextField("This field is a TextField", "TextField", 3, true, "text-document", ['CD-ITEM|diagnosis|1'], ['BE-THESAURUS','ICD10'], {option: "blink"}),
+					new NumberField("This field is a NumberField", "NumberField", ['CD-ITEM|parameter|1', 'CD-PARAMETER|bmi|1'], [], {option: "bang"}),
+					new MeasureField("This field is a MeasureField", "MeasureField", ['CD-ITEM|parameter|1', 'CD-PARAMETER|heartbeat|1'], [], {unit: "bpm"}),
+					new MultipleChoice("This field is a MultipleChoice", "MultipleChoice", 4, 4, [], ['KATZ'], {many:"no"}),
+				])
+			]),
+		], "Fill in the patient information inside the waiting room")
+
+		//@ts-ignore
+		const shortForm = new Form("Semantic example", [
+			new Section("Dates & Time", [
+				new DatePicker("This field is a DatePicker", "DatePicker"),
+				new TimePicker("This field is a TimePicker", "DatePicker"),
+				new DateTimePicker("This field is a DateTimePicker", "DateTimePicker"),
+			]),
+			new Section("Completion & Links", [
+				new TextField("This field is a TextField", "TextField", 3, true, "text-document", ['CD-ITEM|diagnosis|1'], [], {
+					codeColorProvider : this.codeColorProvider,
+					suggestionStopWords : this.codeColorProvider,
+					linksProvider : this.codeColorProvider,
+					suggestionProvider : this.codeColorProvider
+				})
+			]),
+		], "Fill in the patient information inside the waiting room")
+
+		return html`
+			<iqr-text-field .codeColorProvider="${this.codeColorProvider}" .suggestionStopWords="${stopWords}" .linksProvider="${this.linksProvider.bind(this)}" .suggestionProvider="${this.suggestionProvider.bind(this)}" value="[Céphalée de tension](c-ICPC://N01,c-ICD://G05.8,i-he://1234) persistante avec [migraine ophtalmique](c-ICPC://N02) associée. [Grosse fatigue](c-ICPC://K56). A suivi un [protocole de relaxation](x-doc://5678)" owner="M. Mennechet"></iqr-text-field>
+			<iqr-form .form="${shortForm}" labelPosition="above" skin="kendo" theme="gray" renderer="form"></iqr-form>
+`
+    }
+}
+
+customElements.define('demo-app', DemoApp);

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './iqr-form';
+export * from './iqr-text-field';

package/lib/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./iqr-form"), exports);
+__exportStar(require("./iqr-text-field"), exports);

package/lib/iqr-form/fields/datePicker.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit-element';
+import '../../iqr-text-field';
+export declare class DatePicker extends LitElement {
+    label: string;
+    labelPosition?: string;
+    static get styles(): import("lit-element").CSSResult[];
+    render(): import("lit-element").TemplateResult;
+}

package/lib/iqr-form/fields/datePicker.js

@@ -0,0 +1,42 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+const lit_element_1 = require("lit-element");
+require("../../iqr-text-field");
+class DatePicker extends lit_element_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.labelPosition = undefined;
+    }
+    static get styles() {
+        return [lit_element_1.css `
+:host {
+	display: block;
+}
+`];
+    }
+    render() {
+        return lit_element_1.html `
+			<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="date" owner="Antoine Duchâteau" style="width: 100%"></iqr-text-field>`;
+    }
+}
+__decorate([
+    lit_element_1.property(),
+    __metadata("design:type", String)
+], DatePicker.prototype, "label", void 0);
+__decorate([
+    lit_element_1.property(),
+    __metadata("design:type", String)
+], DatePicker.prototype, "labelPosition", void 0);
+exports.DatePicker = DatePicker;
+customElements.define('iqr-form-date-picker', DatePicker);

package/lib/iqr-form/fields/dateTimePicker.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit-element';
+import '../../iqr-text-field';
+export declare class DateTimePicker extends LitElement {
+    label: string;
+    labelPosition?: string;
+    static get styles(): import("lit-element").CSSResult[];
+    render(): import("lit-element").TemplateResult;
+}

package/lib/iqr-form/fields/dateTimePicker.js

@@ -0,0 +1,42 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateTimePicker = void 0;
+const lit_element_1 = require("lit-element");
+require("../../iqr-text-field");
+class DateTimePicker extends lit_element_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.labelPosition = undefined;
+    }
+    static get styles() {
+        return [lit_element_1.css `
+:host {
+}
+`];
+    }
+    render() {
+        return lit_element_1.html `
+			<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="date-time"></iqr-text-field>
+`;
+    }
+}
+__decorate([
+    lit_element_1.property(),
+    __metadata("design:type", String)
+], DateTimePicker.prototype, "label", void 0);
+__decorate([
+    lit_element_1.property(),
+    __metadata("design:type", String)
+], DateTimePicker.prototype, "labelPosition", void 0);
+exports.DateTimePicker = DateTimePicker;
+customElements.define('iqr-form-date-time-picker', DateTimePicker);

package/lib/iqr-form/fields/measureField.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit-element';
+import '../../iqr-text-field';
+export declare class MeasureField extends LitElement {
+    label: string;
+    labelPosition?: string;
+    static get styles(): import("lit-element").CSSResult[];
+    render(): import("lit-element").TemplateResult;
+}

package/lib/iqr-form/fields/measureField.js

@@ -0,0 +1,42 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MeasureField = void 0;
+const lit_element_1 = require("lit-element");
+require("../../iqr-text-field");
+class MeasureField extends lit_element_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.labelPosition = undefined;
+    }
+    static get styles() {
+        return [lit_element_1.css `
+:host {
+}
+`];
+    }
+    render() {
+        return lit_element_1.html `
+		<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="measure"></iqr-text-field>
+`;
+    }
+}
+__decorate([
+    lit_element_1.property(),
+    __metadata("design:type", String)
+], MeasureField.prototype, "label", void 0);
+__decorate([
+    lit_element_1.property(),
+    __metadata("design:type", String)
+], MeasureField.prototype, "labelPosition", void 0);
+exports.MeasureField = MeasureField;
+customElements.define('iqr-form-measure-field', MeasureField);

package/lib/iqr-form/fields/multipleChoice.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit-element';
+import '../../iqr-text-field';
+export declare class MultipleChoice extends LitElement {
+    label: string;
+    labelPosition?: string;
+    static get styles(): import("lit-element").CSSResult[];
+    render(): import("lit-element").TemplateResult;
+}

package/lib/iqr-form/fields/multipleChoice.js

@@ -0,0 +1,42 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultipleChoice = void 0;
+const lit_element_1 = require("lit-element");
+require("../../iqr-text-field");
+class MultipleChoice extends lit_element_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.labelPosition = undefined;
+    }
+    static get styles() {
+        return [lit_element_1.css `
+:host {
+}
+`];
+    }
+    render() {
+        return lit_element_1.html `
+		<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}"></iqr-text-field>
+`;
+    }
+}
+__decorate([
+    lit_element_1.property(),
+    __metadata("design:type", String)
+], MultipleChoice.prototype, "label", void 0);
+__decorate([
+    lit_element_1.property(),
+    __metadata("design:type", String)
+], MultipleChoice.prototype, "labelPosition", void 0);
+exports.MultipleChoice = MultipleChoice;
+customElements.define('iqr-form-multiple-choice', MultipleChoice);

package/lib/iqr-form/fields/numberField.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit-element';
+import '../../iqr-text-field';
+export declare class NumberField extends LitElement {
+    label: string;
+    labelPosition?: string;
+    static get styles(): import("lit-element").CSSResult[];
+    render(): import("lit-element").TemplateResult;
+}

package/lib/iqr-form/fields/numberField.js

@@ -0,0 +1,42 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberField = void 0;
+const lit_element_1 = require("lit-element");
+require("../../iqr-text-field");
+class NumberField extends lit_element_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.labelPosition = undefined;
+    }
+    static get styles() {
+        return [lit_element_1.css `
+:host {
+}
+`];
+    }
+    render() {
+        return lit_element_1.html `
+		<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="decimal"></iqr-text-field>
+`;
+    }
+}
+__decorate([
+    lit_element_1.property(),
+    __metadata("design:type", String)
+], NumberField.prototype, "label", void 0);
+__decorate([
+    lit_element_1.property(),
+    __metadata("design:type", String)
+], NumberField.prototype, "labelPosition", void 0);
+exports.NumberField = NumberField;
+customElements.define('iqr-form-number-field', NumberField);

package/lib/iqr-form/fields/textfield.d.ts

@@ -0,0 +1 @@
+import '../../iqr-text-field';