@icure/form 1.0.7 → 1.0.12

package/components/index.js

@@ -12,3 +12,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./iqr-form"), exports);
 __exportStar(require("./iqr-text-field"), exports);
+//# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../tmp/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAA0B;AAC1B,mDAAgC"}

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

@@ -1,8 +1,10 @@
-import { LitElement } from 'lit-element';
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
 import '../../iqr-text-field';
+import { VersionedValue } from '../../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;
+    valueProvider?: () => VersionedValue[];
+    static get styles(): CSSResultGroup[];
+    render(): TemplateResult;
 }

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

@@ -10,33 +10,48 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePicker = void 0;
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 require("../../iqr-text-field");
-class DatePicker extends lit_element_1.LitElement {
+class DatePicker extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
         this.labelPosition = undefined;
+        this.valueProvider = undefined;
     }
     static get styles() {
-        return [lit_element_1.css `
-:host {
-	display: block;
-}
-`];
+        return [
+            lit_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>`;
+        return lit_1.html ` <iqr-text-field
+			labelPosition=${this.labelPosition}
+			label="${this.label}"
+			schema="date"
+			owner="Antoine Duchâteau"
+			style="width: 100%"
+			.valueProvider=${this.valueProvider}
+		></iqr-text-field>`;
     }
 }
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], DatePicker.prototype, "label", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], DatePicker.prototype, "labelPosition", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], DatePicker.prototype, "valueProvider", void 0);
 exports.DatePicker = DatePicker;
 customElements.define('iqr-form-date-picker', DatePicker);
+//# sourceMappingURL=datePicker.js.map

package/components/iqr-form/fields/datePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePicker.js","sourceRoot":"","sources":["../../../../tmp/components/iqr-form/fields/datePicker.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6BAA2E;AAC3E,+CAAyC;AACzC,gCAA6B;AAG7B,MAAa,UAAW,SAAQ,gBAAU;IAA1C;;QACa,UAAK,GAAG,EAAE,CAAA;QACV,kBAAa,GAAY,SAAS,CAAA;QAClC,kBAAa,GAA4B,SAAS,CAAA;IAsB/D,CAAC;IApBA,MAAM,KAAK,MAAM;QAChB,OAAO;YACN,SAAG,CAAA;;;;IAIF;SACD,CAAA;IACF,CAAC;IAED,MAAM;QACL,OAAO,UAAI,CAAA;mBACM,IAAI,CAAC,aAAa;YACzB,IAAI,CAAC,KAAK;;;;oBAIF,IAAI,CAAC,aAAa;qBACjB,CAAA;IACpB,CAAC;CACD;AAxBY;IAAX,qBAAQ,EAAE;;yCAAW;AACV;IAAX,qBAAQ,EAAE;;iDAAmC;AAClC;IAAX,qBAAQ,EAAE;;iDAAmD;AAH/D,gCAyBC;AAED,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAA"}

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

@@ -1,8 +1,10 @@
-import { LitElement } from 'lit-element';
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
 import '../../iqr-text-field';
+import { VersionedValue } from '../../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;
+    valueProvider?: () => VersionedValue[];
+    static get styles(): CSSResultGroup[];
+    render(): TemplateResult;
 }

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

@@ -10,33 +10,40 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateTimePicker = void 0;
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 require("../../iqr-text-field");
-class DateTimePicker extends lit_element_1.LitElement {
+class DateTimePicker extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
         this.labelPosition = undefined;
+        this.valueProvider = undefined;
     }
     static get styles() {
-        return [lit_element_1.css `
-:host {
-}
-`];
+        return [
+            lit_1.css `
+				:host {
+				}
+			`,
+        ];
     }
     render() {
-        return lit_element_1.html `
-			<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="date-time"></iqr-text-field>
-`;
+        return lit_1.html ` <iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="date-time" .valueProvider=${this.valueProvider}></iqr-text-field> `;
     }
 }
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], DateTimePicker.prototype, "label", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], DateTimePicker.prototype, "labelPosition", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], DateTimePicker.prototype, "valueProvider", void 0);
 exports.DateTimePicker = DateTimePicker;
 customElements.define('iqr-form-date-time-picker', DateTimePicker);
+//# sourceMappingURL=dateTimePicker.js.map

package/components/iqr-form/fields/dateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.js","sourceRoot":"","sources":["../../../../tmp/components/iqr-form/fields/dateTimePicker.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6BAA2E;AAC3E,+CAAyC;AAEzC,gCAA6B;AAG7B,MAAa,cAAe,SAAQ,gBAAU;IAA9C;;QACa,UAAK,GAAG,EAAE,CAAA;QACV,kBAAa,GAAY,SAAS,CAAA;QAClC,kBAAa,GAA4B,SAAS,CAAA;IAc/D,CAAC;IAZA,MAAM,KAAK,MAAM;QAChB,OAAO;YACN,SAAG,CAAA;;;IAGF;SACD,CAAA;IACF,CAAC;IAED,MAAM;QACL,OAAO,UAAI,CAAA,kCAAkC,IAAI,CAAC,aAAa,WAAW,IAAI,CAAC,KAAK,uCAAuC,IAAI,CAAC,aAAa,qBAAqB,CAAA;IACnK,CAAC;CACD;AAhBY;IAAX,qBAAQ,EAAE;;6CAAW;AACV;IAAX,qBAAQ,EAAE;;qDAAmC;AAClC;IAAX,qBAAQ,EAAE;;qDAAmD;AAH/D,wCAiBC;AAED,cAAc,CAAC,MAAM,CAAC,2BAA2B,EAAE,cAAc,CAAC,CAAA"}

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

@@ -1,8 +1,8 @@
-import { LitElement } from 'lit-element';
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
 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;
+    static get styles(): CSSResultGroup[];
+    render(): TemplateResult;
 }

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

@@ -10,33 +10,35 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MeasureField = void 0;
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 require("../../iqr-text-field");
-class MeasureField extends lit_element_1.LitElement {
+class MeasureField extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
         this.labelPosition = undefined;
     }
     static get styles() {
-        return [lit_element_1.css `
-:host {
-}
-`];
+        return [
+            lit_1.css `
+				:host {
+				}
+			`,
+        ];
     }
     render() {
-        return lit_element_1.html `
-		<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="measure"></iqr-text-field>
-`;
+        return lit_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)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], MeasureField.prototype, "label", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], MeasureField.prototype, "labelPosition", void 0);
 exports.MeasureField = MeasureField;
 customElements.define('iqr-form-measure-field', MeasureField);
+//# sourceMappingURL=measureField.js.map

package/components/iqr-form/fields/measureField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"measureField.js","sourceRoot":"","sources":["../../../../tmp/components/iqr-form/fields/measureField.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6BAA2E;AAC3E,+CAAyC;AACzC,gCAA6B;AAE7B,MAAa,YAAa,SAAQ,gBAAU;IAA5C;;QACa,UAAK,GAAG,EAAE,CAAA;QACV,kBAAa,GAAY,SAAS,CAAA;IAc/C,CAAC;IAZA,MAAM,KAAK,MAAM;QAChB,OAAO;YACN,SAAG,CAAA;;;IAGF;SACD,CAAA;IACF,CAAC;IAED,MAAM;QACL,OAAO,UAAI,CAAA,kCAAkC,IAAI,CAAC,aAAa,WAAW,IAAI,CAAC,KAAK,uCAAuC,CAAA;IAC5H,CAAC;CACD;AAfY;IAAX,qBAAQ,EAAE;;2CAAW;AACV;IAAX,qBAAQ,EAAE;;mDAAmC;AAF/C,oCAgBC;AAED,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,YAAY,CAAC,CAAA"}

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

@@ -1,8 +1,8 @@
-import { LitElement } from 'lit-element';
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
 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;
+    static get styles(): CSSResultGroup[];
+    render(): TemplateResult;
 }

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

@@ -10,33 +10,35 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultipleChoice = void 0;
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 require("../../iqr-text-field");
-class MultipleChoice extends lit_element_1.LitElement {
+class MultipleChoice extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
         this.labelPosition = undefined;
     }
     static get styles() {
-        return [lit_element_1.css `
-:host {
-}
-`];
+        return [
+            lit_1.css `
+				:host {
+				}
+			`,
+        ];
     }
     render() {
-        return lit_element_1.html `
-		<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}"></iqr-text-field>
-`;
+        return lit_1.html ` <iqr-text-field labelPosition=${this.labelPosition} label="${this.label}"></iqr-text-field> `;
     }
 }
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], MultipleChoice.prototype, "label", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], MultipleChoice.prototype, "labelPosition", void 0);
 exports.MultipleChoice = MultipleChoice;
 customElements.define('iqr-form-multiple-choice', MultipleChoice);
+//# sourceMappingURL=multipleChoice.js.map

package/components/iqr-form/fields/multipleChoice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multipleChoice.js","sourceRoot":"","sources":["../../../../tmp/components/iqr-form/fields/multipleChoice.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6BAA2E;AAC3E,+CAAyC;AAEzC,gCAA6B;AAE7B,MAAa,cAAe,SAAQ,gBAAU;IAA9C;;QACa,UAAK,GAAG,EAAE,CAAA;QACV,kBAAa,GAAY,SAAS,CAAA;IAc/C,CAAC;IAZA,MAAM,KAAK,MAAM;QAChB,OAAO;YACN,SAAG,CAAA;;;IAGF;SACD,CAAA;IACF,CAAC;IAED,MAAM;QACL,OAAO,UAAI,CAAA,kCAAkC,IAAI,CAAC,aAAa,WAAW,IAAI,CAAC,KAAK,sBAAsB,CAAA;IAC3G,CAAC;CACD;AAfY;IAAX,qBAAQ,EAAE;;6CAAW;AACV;IAAX,qBAAQ,EAAE;;qDAAmC;AAF/C,wCAgBC;AAED,cAAc,CAAC,MAAM,CAAC,0BAA0B,EAAE,cAAc,CAAC,CAAA"}

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

@@ -1,8 +1,8 @@
-import { LitElement } from 'lit-element';
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
 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;
+    static get styles(): CSSResultGroup[];
+    render(): TemplateResult;
 }

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

@@ -10,33 +10,35 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NumberField = void 0;
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 require("../../iqr-text-field");
-class NumberField extends lit_element_1.LitElement {
+class NumberField extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
         this.labelPosition = undefined;
     }
     static get styles() {
-        return [lit_element_1.css `
-:host {
-}
-`];
+        return [
+            lit_1.css `
+				:host {
+				}
+			`,
+        ];
     }
     render() {
-        return lit_element_1.html `
-		<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="decimal"></iqr-text-field>
-`;
+        return lit_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)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], NumberField.prototype, "label", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], NumberField.prototype, "labelPosition", void 0);
 exports.NumberField = NumberField;
 customElements.define('iqr-form-number-field', NumberField);
+//# sourceMappingURL=numberField.js.map

package/components/iqr-form/fields/numberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberField.js","sourceRoot":"","sources":["../../../../tmp/components/iqr-form/fields/numberField.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6BAA2E;AAC3E,+CAAyC;AAEzC,gCAA6B;AAE7B,MAAa,WAAY,SAAQ,gBAAU;IAA3C;;QACa,UAAK,GAAG,EAAE,CAAA;QACV,kBAAa,GAAY,SAAS,CAAA;IAc/C,CAAC;IAZA,MAAM,KAAK,MAAM;QAChB,OAAO;YACN,SAAG,CAAA;;;IAGF;SACD,CAAA;IACF,CAAC;IAED,MAAM;QACL,OAAO,UAAI,CAAA,iCAAiC,IAAI,CAAC,aAAa,WAAW,IAAI,CAAC,KAAK,uCAAuC,CAAA;IAC3H,CAAC;CACD;AAfY;IAAX,qBAAQ,EAAE;;0CAAW;AACV;IAAX,qBAAQ,EAAE;;kDAAmC;AAF/C,kCAgBC;AAED,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,WAAW,CAAC,CAAA"}

package/components/iqr-form/fields/textfield.js

@@ -8,10 +8,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 require("../../iqr-text-field");
-class Textfield extends lit_element_1.LitElement {
+class Textfield extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
@@ -21,66 +31,109 @@ class Textfield extends lit_element_1.LitElement {
         this.labelPosition = undefined;
         this.suggestionStopWords = new Set();
         this.linksProvider = () => Promise.resolve(undefined);
-        this.suggestionProvider = () => [];
+        this.suggestionProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
+        this.ownersProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
         this.codeColorProvider = () => 'XI';
         this.linkColorProvider = () => 'cat1';
-        this.codeContentProvider = (codes) => codes.map(c => c.code).join(',');
+        this.codeContentProvider = (codes) => codes.map((c) => c.code).join(',');
+        this.valueProvider = undefined;
+        this.metaProvider = undefined;
+        this.handleValueChanged = undefined;
+        this.handleMetaChanged = undefined;
     }
     static get styles() {
-        return [lit_element_1.css `
-:host {
-}
-`];
+        return [
+            lit_1.css `
+				:host {
+				}
+			`,
+        ];
     }
     render() {
-        return lit_element_1.html `
-		<iqr-text-field labelPosition=${this.labelPosition} ?multiline="${this.multiline}" label="${this.label}" ?suggestions=${!!this.suggestionProvider} ?links=${!!this.linksProvider}
-			.linksProvider=${this.linksProvider} .suggestionProvider=${this.suggestionProvider} .codeColorProvider=${this.codeColorProvider} .linkColorProvider=${this.linkColorProvider} .codeContentProvider=${this.codeContentProvider}></iqr-text-field>
-`;
+        return lit_1.html `
+			<iqr-text-field
+				labelPosition=${this.labelPosition}
+				?multiline="${this.multiline}"
+				label="${this.label}"
+				?suggestions=${!!this.suggestionProvider}
+				?links=${!!this.linksProvider}
+				.linksProvider=${this.linksProvider}
+				.suggestionProvider=${this.suggestionProvider}
+				.ownersProvider=${this.ownersProvider}
+				.codeColorProvider=${this.codeColorProvider}
+				.linkColorProvider=${this.linkColorProvider}
+				.codeContentProvider=${this.codeContentProvider}
+				.valueProvider=${this.valueProvider}
+				.metaProvider=${this.metaProvider}
+				.handleValueChanged=${this.handleValueChanged}
+				.handleMetaChanged=${this.handleMetaChanged}
+			></iqr-text-field>
+		`;
     }
 }
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], Textfield.prototype, "label", void 0);
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", Boolean)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], Textfield.prototype, "multiline", void 0);
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", Number)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], Textfield.prototype, "rows", void 0);
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", Boolean)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], Textfield.prototype, "grows", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], Textfield.prototype, "labelPosition", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", Set)
 ], Textfield.prototype, "suggestionStopWords", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "linksProvider", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "suggestionProvider", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "ownersProvider", void 0);
+__decorate([
+    decorators_1.property(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "codeColorProvider", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "linkColorProvider", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "codeContentProvider", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "valueProvider", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "metaProvider", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "handleValueChanged", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "handleMetaChanged", void 0);
 customElements.define('iqr-form-textfield', Textfield);
+//# sourceMappingURL=textfield.js.map

package/components/iqr-form/fields/textfield.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textfield.js","sourceRoot":"","sources":["../../../../tmp/components/iqr-form/fields/textfield.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,6BAA2C;AAC3C,+CAAyC;AAEzC,gCAA6B;AAG7B,MAAM,SAAU,SAAQ,gBAAU;IAAlC;;QACa,UAAK,GAAG,EAAE,CAAA;QACV,cAAS,GAAG,KAAK,CAAA;QACjB,SAAI,GAAG,CAAC,CAAA;QACR,UAAK,GAAG,KAAK,CAAA;QACb,kBAAa,GAAY,SAAS,CAAA;QAClC,wBAAmB,GAAgB,IAAI,GAAG,EAAU,CAAA;QACpD,kBAAa,GAA+H,GAAG,EAAE,CAC5J,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;QACf,uBAAkB,GAA+C,GAAS,EAAE,gDAAC,OAAA,EAAE,CAAA,GAAA,CAAA;QAC/E,mBAAc,GAA+C,GAAS,EAAE,gDAAC,OAAA,EAAE,CAAA,GAAA,CAAA;QAC3E,sBAAiB,GAA2C,GAAG,EAAE,CAAC,IAAI,CAAA;QACtE,sBAAiB,GAA2C,GAAG,EAAE,CAAC,MAAM,CAAA;QACxE,wBAAmB,GAAwD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAExH,kBAAa,GAA4B,SAAS,CAAA;QAClD,iBAAY,GAAyB,SAAS,CAAA;QAC9C,uBAAkB,GAAyC,SAAS,CAAA;QACpE,sBAAiB,GAAyC,SAAS,CAAA;IAgChF,CAAC;IA9BA,MAAM,KAAK,MAAM;QAChB,OAAO;YACN,SAAG,CAAA;;;IAGF;SACD,CAAA;IACF,CAAC;IAED,MAAM;QACL,OAAO,UAAI,CAAA;;oBAEO,IAAI,CAAC,aAAa;kBACpB,IAAI,CAAC,SAAS;aACnB,IAAI,CAAC,KAAK;mBACJ,CAAC,CAAC,IAAI,CAAC,kBAAkB;aAC/B,CAAC,CAAC,IAAI,CAAC,aAAa;qBACZ,IAAI,CAAC,aAAa;0BACb,IAAI,CAAC,kBAAkB;sBAC3B,IAAI,CAAC,cAAc;yBAChB,IAAI,CAAC,iBAAiB;yBACtB,IAAI,CAAC,iBAAiB;2BACpB,IAAI,CAAC,mBAAmB;qBAC9B,IAAI,CAAC,aAAa;oBACnB,IAAI,CAAC,YAAY;0BACX,IAAI,CAAC,kBAAkB;yBACxB,IAAI,CAAC,iBAAiB;;GAE5C,CAAA;IACF,CAAC;CACD;AAjDY;IAAX,qBAAQ,EAAE;;wCAAW;AACV;IAAX,qBAAQ,EAAE;;4CAAkB;AACjB;IAAX,qBAAQ,EAAE;;uCAAS;AACR;IAAX,qBAAQ,EAAE;;wCAAc;AACb;IAAX,qBAAQ,EAAE;;gDAAmC;AAClC;IAAX,qBAAQ,EAAE;8BAAsB,GAAG;sDAA4B;AACpD;IAAX,qBAAQ,EAAE;;gDACgB;AACf;IAAX,qBAAQ,EAAE;;qDAAgF;AAC/E;IAAX,qBAAQ,EAAE;;iDAA4E;AAC3E;IAAX,qBAAQ,EAAE;;oDAAuE;AACtE;IAAX,qBAAQ,EAAE;;oDAAyE;AACxE;IAAX,qBAAQ,EAAE;;sDAAyH;AAExH;IAAX,qBAAQ,EAAE;;gDAAmD;AAClD;IAAX,qBAAQ,EAAE;;+CAA+C;AAC9C;IAAX,qBAAQ,EAAE;;qDAAqE;AACpE;IAAX,qBAAQ,EAAE;;oDAAoE;AAkChF,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAA"}

package/components/iqr-form/fields/timePicker.d.ts

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

package/components/iqr-form/fields/timePicker.js

@@ -10,33 +10,40 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimePicker = void 0;
-const lit_element_1 = require("lit-element");
+const lit_1 = require("lit");
+const decorators_1 = require("lit/decorators");
 require("../../iqr-text-field");
-class TimePicker extends lit_element_1.LitElement {
+class TimePicker extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
         this.labelPosition = undefined;
+        this.valueProvider = undefined;
     }
     static get styles() {
-        return [lit_element_1.css `
-:host {
-}
-`];
+        return [
+            lit_1.css `
+				:host {
+				}
+			`,
+        ];
     }
     render() {
-        return lit_element_1.html `
-		<iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="time"></iqr-text-field>
-`;
+        return lit_1.html ` <iqr-text-field labelPosition=${this.labelPosition} label="${this.label}" schema="time" .valueProvider=${this.valueProvider}></iqr-text-field> `;
     }
 }
 __decorate([
-    lit_element_1.property(),
-    __metadata("design:type", String)
+    decorators_1.property(),
+    __metadata("design:type", Object)
 ], TimePicker.prototype, "label", void 0);
 __decorate([
-    lit_element_1.property(),
+    decorators_1.property(),
     __metadata("design:type", String)
 ], TimePicker.prototype, "labelPosition", void 0);
+__decorate([
+    decorators_1.property(),
+    __metadata("design:type", Function)
+], TimePicker.prototype, "valueProvider", void 0);
 exports.TimePicker = TimePicker;
 customElements.define('iqr-form-time-picker', TimePicker);
+//# sourceMappingURL=timePicker.js.map

package/components/iqr-form/fields/timePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timePicker.js","sourceRoot":"","sources":["../../../../tmp/components/iqr-form/fields/timePicker.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6BAA2E;AAC3E,+CAAyC;AAEzC,gCAA6B;AAG7B,MAAa,UAAW,SAAQ,gBAAU;IAA1C;;QACa,UAAK,GAAG,EAAE,CAAA;QACV,kBAAa,GAAY,SAAS,CAAA;QAClC,kBAAa,GAA4B,SAAS,CAAA;IAc/D,CAAC;IAZA,MAAM,KAAK,MAAM;QAChB,OAAO;YACN,SAAG,CAAA;;;IAGF;SACD,CAAA;IACF,CAAC;IAED,MAAM;QACL,OAAO,UAAI,CAAA,kCAAkC,IAAI,CAAC,aAAa,WAAW,IAAI,CAAC,KAAK,kCAAkC,IAAI,CAAC,aAAa,qBAAqB,CAAA;IAC9J,CAAC;CACD;AAhBY;IAAX,qBAAQ,EAAE;;yCAAW;AACV;IAAX,qBAAQ,EAAE;;iDAAmC;AAClC;IAAX,qBAAQ,EAAE;;iDAAmD;AAH/D,gCAiBC;AAED,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAA"}