@icure/form 1.0.19 → 1.1.10

package/lib/components/iqr-form/fields/radioButton.js

@@ -0,0 +1,50 @@
+"use strict";
+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 });
+exports.RadioButton = void 0;
+const lit_1 = require("lit");
+require("../../iqr-text-field");
+require("../../iqr-radio-button-group");
+const optionsField_1 = require("../../common/optionsField");
+class RadioButton extends optionsField_1.OptionsField {
+    render() {
+        var _a;
+        const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
+        return ((versionedValues === null || versionedValues === void 0 ? void 0 : versionedValues.length) ? versionedValues : [undefined]).map((versionedValue, idx) => {
+            return (0, lit_1.html) `
+				<iqr-radio-button
+					type="radio"
+					.labels="${this.labels}"
+					labelPosition="${this.labelPosition}"
+					label="${this.label}"
+					.options="${this.options}"
+					value="${this.value}"
+					defaultLanguage="${this.defaultLanguage}"
+					.valueProvider=${() => versionedValue}
+					.handleValueChanged=${(language, value, serviceId, codes) => { var _a; return (_a = this.handleValueChanged) === null || _a === void 0 ? void 0 : _a.call(this, language, value, (versionedValue === null || versionedValue === void 0 ? void 0 : versionedValue.id) || serviceId, codes !== null && codes !== void 0 ? codes : []); }}
+					.translationProvider=${this.translationProvider}
+					.codifications=${this.codifications}
+					.optionsProvider=${this.optionsProvider}
+				></iqr-radio-button>
+			`;
+        });
+    }
+    firstUpdated() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.options === undefined || this.options.length === 0) {
+                this.options = yield this.fetchInitialsOptions();
+            }
+        });
+    }
+}
+exports.RadioButton = RadioButton;
+customElements.define('iqr-form-radio-button', RadioButton);
+//# sourceMappingURL=radioButton.js.map

package/lib/components/iqr-form/fields/radioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioButton.js","sourceRoot":"","sources":["../../../../tmp/components/iqr-form/fields/radioButton.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6BAA0B;AAC1B,gCAA6B;AAC7B,wCAAqC;AAGrC,4DAAwD;AAExD,MAAa,WAAY,SAAQ,2BAAsC;IACtE,MAAM;;QACL,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,aAAa,oDAAI,CAAA;QAC9C,OAAO,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,EAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,GAAG,EAAE,EAAE;YAC5F,OAAO,IAAA,UAAI,EAAA;;;gBAGE,IAAI,CAAC,MAAM;sBACL,IAAI,CAAC,aAAa;cAC1B,IAAI,CAAC,KAAK;iBACP,IAAI,CAAC,OAAO;cACf,IAAI,CAAC,KAAK;wBACA,IAAI,CAAC,eAAe;sBACtB,GAAG,EAAE,CAAC,cAAc;2BACf,CAAC,QAAgB,EAAE,KAA8C,EAAE,SAA8B,EAAE,KAAkB,EAAE,EAAE,WAC9I,OAAA,MAAA,IAAI,CAAC,kBAAkB,qDAAG,QAAQ,EAAE,KAAK,EAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,EAAE,KAAI,SAAS,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,CAAA,EAAA;4BAClE,IAAI,CAAC,mBAAmB;sBAC9B,IAAI,CAAC,aAAa;wBAChB,IAAI,CAAC,eAAe;;IAExC,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC;IAEY,YAAY;;YACxB,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC5D,IAAI,CAAC,OAAO,GAAG,MAAM,IAAI,CAAC,oBAAoB,EAAE,CAAA;aAChD;QACF,CAAC;KAAA;CACD;AA7BD,kCA6BC;AAED,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,WAAW,CAAC,CAAA","sourcesContent":["import { html } from 'lit'\nimport '../../iqr-text-field'\nimport '../../iqr-radio-button-group'\nimport { VersionedValue } from '../../iqr-text-field'\nimport { CodeStub, Content } from '@icure/api'\nimport { OptionsField } from '../../common/optionsField'\n\nexport class RadioButton extends OptionsField<string, VersionedValue[]> {\n\trender() {\n\t\tconst versionedValues = this.valueProvider?.()\n\t\treturn (versionedValues?.length ? versionedValues : [undefined]).map((versionedValue, idx) => {\n\t\t\treturn html`\n\t\t\t\t<iqr-radio-button\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t.labels=\"${this.labels}\"\n\t\t\t\t\tlabelPosition=\"${this.labelPosition}\"\n\t\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t\t.options=\"${this.options}\"\n\t\t\t\t\tvalue=\"${this.value}\"\n\t\t\t\t\tdefaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\t\t.valueProvider=${() => versionedValue}\n\t\t\t\t\t.handleValueChanged=${(language: string, value: { asString: string; content?: Content }, serviceId?: string | undefined, codes?: CodeStub[]) =>\n\t\t\t\t\t\tthis.handleValueChanged?.(language, value, versionedValue?.id || serviceId, codes ?? [])}\n\t\t\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t\t\t.codifications=${this.codifications}\n\t\t\t\t\t.optionsProvider=${this.optionsProvider}\n\t\t\t\t></iqr-radio-button>\n\t\t\t`\n\t\t})\n\t}\n\n\tpublic async firstUpdated(): Promise<void> {\n\t\tif (this.options === undefined || this.options.length === 0) {\n\t\t\tthis.options = await this.fetchInitialsOptions()\n\t\t}\n\t}\n}\n\ncustomElements.define('iqr-form-radio-button', RadioButton)\n"]}

package/{components → lib/components}/iqr-form/fields/textfield.js

@@ -19,20 +19,25 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const lit_1 = require("lit");
-const decorators_1 = require("lit/decorators");
+const decorators_js_1 = require("lit/decorators.js");
 require("../../iqr-text-field");
 class Textfield extends lit_1.LitElement {
     constructor() {
         super(...arguments);
         this.label = '';
+        this.labels = undefined;
+        //Boolean value is parsed as text, so we also need to use string type
         this.multiline = false;
         this.rows = 1;
         this.grows = false;
+        this.value = '';
+        this.unit = '';
         this.labelPosition = undefined;
         this.suggestionStopWords = new Set();
         this.linksProvider = () => Promise.resolve(undefined);
         this.suggestionProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
         this.ownersProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
+        this.translationProvider = (text) => text;
         this.codeColorProvider = () => 'XI';
         this.linkColorProvider = () => 'cat1';
         this.codeContentProvider = (codes) => codes.map((c) => c.code).join(',');
@@ -40,6 +45,7 @@ class Textfield extends lit_1.LitElement {
         this.metaProvider = undefined;
         this.handleValueChanged = undefined;
         this.handleMetaChanged = undefined;
+        this.defaultLanguage = 'en';
     }
     static get styles() {
         return [
@@ -52,92 +58,115 @@ class Textfield extends lit_1.LitElement {
     render() {
         var _a;
         const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
-        return (0, lit_1.html) `
-			${((versionedValues === null || versionedValues === void 0 ? void 0 : versionedValues.length) ? versionedValues : [undefined]).map((versionedValue, idx) => {
+        return ((versionedValues === null || versionedValues === void 0 ? void 0 : versionedValues.length) ? versionedValues : [undefined]).map((versionedValue, idx) => {
             return (0, 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=${() => versionedValue}
-					.metaProvider=${() => { var _a, _b; return (_b = (_a = this.metaProvider) === null || _a === void 0 ? void 0 : _a.call(this)) === null || _b === void 0 ? void 0 : _b[idx]; }}
-					.handleValueChanged=${(language, value) => { var _a; return (versionedValue === null || versionedValue === void 0 ? void 0 : versionedValue.id) && ((_a = this.handleValueChanged) === null || _a === void 0 ? void 0 : _a.call(this, versionedValue.id, language, value)); }}
-					.handleMetaChanged=${this.handleMetaChanged}
-				></iqr-text-field>`;
-        })}
-		`;
+				labelPosition=${this.labelPosition}
+				label="${this.label}"
+				labels="${this.labels}"
+				value="${this.value}"
+				defaultLanguage="${this.defaultLanguage}"
+				schema="${this.multiline ? 'text-document' : 'styled-text-with-codes'}"
+				?suggestions=${!!this.suggestionProvider}
+				?links=${!!this.linksProvider}
+				.linksProvider=${this.linksProvider}
+				.suggestionProvider=${this.suggestionProvider}
+				.ownersProvider=${this.ownersProvider}
+				.translationProvider=${this.translationProvider}
+				.codeColorProvider=${this.codeColorProvider}
+				.linkColorProvider=${this.linkColorProvider}
+				.codeContentProvider=${this.codeContentProvider}
+				.valueProvider=${() => versionedValue}
+				.metaProvider=${() => { var _a, _b; return (_b = (_a = this.metaProvider) === null || _a === void 0 ? void 0 : _a.call(this)) === null || _b === void 0 ? void 0 : _b[idx]; }}
+				.handleValueChanged=${(language, value) => { var _a; return (_a = this.handleValueChanged) === null || _a === void 0 ? void 0 : _a.call(this, versionedValue === null || versionedValue === void 0 ? void 0 : versionedValue.id, language, value); }}
+				.handleMetaChanged=${this.handleMetaChanged}
+			></iqr-text-field>`;
+        });
     }
 }
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Object)
 ], Textfield.prototype, "label", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", Object)
+], Textfield.prototype, "labels", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Object)
 ], Textfield.prototype, "multiline", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Object)
 ], Textfield.prototype, "rows", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Object)
 ], Textfield.prototype, "grows", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", String)
+], Textfield.prototype, "value", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", String)
+], Textfield.prototype, "unit", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
     __metadata("design:type", String)
 ], Textfield.prototype, "labelPosition", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Set)
 ], Textfield.prototype, "suggestionStopWords", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "linksProvider", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "suggestionProvider", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "ownersProvider", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", Function)
+], Textfield.prototype, "translationProvider", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "codeColorProvider", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "linkColorProvider", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "codeContentProvider", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "valueProvider", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "metaProvider", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "handleValueChanged", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], Textfield.prototype, "handleMetaChanged", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", String)
+], Textfield.prototype, "defaultLanguage", void 0);
+//.valueProvider=${() => versionedValue}
 customElements.define('iqr-form-textfield', Textfield);
 //# sourceMappingURL=textfield.js.map

package/lib/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":"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","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '../../iqr-text-field'\nimport { Labels, Suggestion, VersionedMeta, VersionedValue } from '../../iqr-text-field'\nimport { Content } from '@icure/api'\n\nclass Textfield extends LitElement {\n\t@property() label = ''\n\t@property() labels?: Labels = undefined\n\t//Boolean value is parsed as text, so we also need to use string type\n\t@property() multiline: boolean | string = false\n\t@property() rows = 1\n\t@property() grows = false\n\t@property() value?: string = ''\n\t@property() unit?: string = ''\n\t@property() labelPosition?: string = undefined\n\t@property() suggestionStopWords: Set<string> = new Set<string>()\n\t@property() linksProvider: (sug: { id: string; code: string; text: string; terms: string[] }) => Promise<{ href: string; title: string } | undefined> = () =>\n\t\tPromise.resolve(undefined)\n\t@property() suggestionProvider: (terms: string[]) => Promise<Suggestion[]> = async () => []\n\t@property() ownersProvider: (terms: string[]) => Promise<Suggestion[]> = async () => []\n\t@property() translationProvider: (text: string) => string = (text) => text\n\t@property() codeColorProvider: (type: string, code: string) => string = () => 'XI'\n\t@property() linkColorProvider: (type: string, code: string) => string = () => 'cat1'\n\t@property() codeContentProvider: (codes: { type: string; code: string }[]) => string = (codes) => codes.map((c) => c.code).join(',')\n\n\t@property() valueProvider?: () => VersionedValue[] = undefined\n\t@property() metaProvider?: () => VersionedMeta[] = undefined\n\t@property() handleValueChanged?: (id: string | undefined, language: string, value: { asString: string; content?: Content }) => void = undefined\n\t@property() handleMetaChanged?: (id: string, language: string, value: { asString: string; content?: Content }) => void = undefined\n\t@property() defaultLanguage?: string = 'en'\n\n\tstatic get styles() {\n\t\treturn [\n\t\t\tcss`\n\t\t\t\t:host {\n\t\t\t\t}\n\t\t\t`,\n\t\t]\n\t}\n\n\trender() {\n\t\tconst versionedValues = this.valueProvider?.()\n\t\treturn (versionedValues?.length ? versionedValues : [undefined]).map((versionedValue, idx) => {\n\t\t\treturn html`<iqr-text-field\n\t\t\t\tlabelPosition=${this.labelPosition}\n\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\tlabels=\"${this.labels}\"\n\t\t\t\tvalue=\"${this.value}\"\n\t\t\t\tdefaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\tschema=\"${this.multiline ? 'text-document' : 'styled-text-with-codes'}\"\n\t\t\t\t?suggestions=${!!this.suggestionProvider}\n\t\t\t\t?links=${!!this.linksProvider}\n\t\t\t\t.linksProvider=${this.linksProvider}\n\t\t\t\t.suggestionProvider=${this.suggestionProvider}\n\t\t\t\t.ownersProvider=${this.ownersProvider}\n\t\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t\t.codeColorProvider=${this.codeColorProvider}\n\t\t\t\t.linkColorProvider=${this.linkColorProvider}\n\t\t\t\t.codeContentProvider=${this.codeContentProvider}\n\t\t\t\t.valueProvider=${() => versionedValue}\n\t\t\t\t.metaProvider=${() => this.metaProvider?.()?.[idx]}\n\t\t\t\t.handleValueChanged=${(language: string, value: { asString: string; content?: Content }) => this.handleValueChanged?.(versionedValue?.id, language, value)}\n\t\t\t\t.handleMetaChanged=${this.handleMetaChanged}\n\t\t\t></iqr-text-field>`\n\t\t})\n\t}\n}\n//.valueProvider=${() => versionedValue}\n\ncustomElements.define('iqr-form-textfield', Textfield)\n"]}

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

@@ -0,0 +1,15 @@
+import { CSSResultGroup, LitElement } from 'lit';
+import '../../iqr-text-field';
+import { Labels, VersionedValue } from '../../iqr-text-field';
+export declare class TimePicker extends LitElement {
+    label: string;
+    labelPosition?: string;
+    valueProvider?: () => VersionedValue[];
+    labels?: Labels;
+    value?: string;
+    handleValueChanged?: (id: string | undefined, language: string, value: string) => void;
+    translationProvider: (text: string) => string;
+    defaultLanguage?: string;
+    static get styles(): CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>[];
+}

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

@@ -0,0 +1,90 @@
+"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.TimePicker = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+require("../../iqr-text-field");
+class TimePicker extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.labelPosition = undefined;
+        this.valueProvider = undefined;
+        this.labels = undefined;
+        this.value = '';
+        this.handleValueChanged = undefined;
+        this.translationProvider = (text) => text;
+        this.defaultLanguage = 'en';
+    }
+    static get styles() {
+        return [
+            (0, lit_1.css) `
+				:host {
+				}
+			`,
+        ];
+    }
+    render() {
+        var _a;
+        const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
+        return ((versionedValues === null || versionedValues === void 0 ? void 0 : versionedValues.length) ? versionedValues : [undefined]).map((versionedValue, idx) => {
+            return (0, lit_1.html) `
+				<iqr-text-field
+					.labels="${this.labels}"
+					labelPosition=${this.labelPosition}
+					label="${this.label}"
+					schema="time"
+					.valueProvider=${() => versionedValue}
+					value="${this.value}"
+					defaultLanguage="${this.defaultLanguage}"
+					.handleValueChanged=${(language, value) => { var _a; return (_a = this.handleValueChanged) === null || _a === void 0 ? void 0 : _a.call(this, versionedValue === null || versionedValue === void 0 ? void 0 : versionedValue.id, language, value); }}
+					.translationProvider=${this.translationProvider}
+				></iqr-text-field>
+			`;
+        });
+    }
+}
+__decorate([
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", Object)
+], TimePicker.prototype, "label", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", String)
+], TimePicker.prototype, "labelPosition", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", Function)
+], TimePicker.prototype, "valueProvider", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", Object)
+], TimePicker.prototype, "labels", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", String)
+], TimePicker.prototype, "value", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", Function)
+], TimePicker.prototype, "handleValueChanged", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", Function)
+], TimePicker.prototype, "translationProvider", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", String)
+], TimePicker.prototype, "defaultLanguage", void 0);
+exports.TimePicker = TimePicker;
+customElements.define('iqr-form-time-picker', TimePicker);
+//# sourceMappingURL=timePicker.js.map

package/lib/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,6BAA2D;AAC3D,qDAA4C;AAE5C,gCAA6B;AAE7B,MAAa,UAAW,SAAQ,gBAAU;IAA1C;;QACa,UAAK,GAAG,EAAE,CAAA;QACV,kBAAa,GAAY,SAAS,CAAA;QAClC,kBAAa,GAA4B,SAAS,CAAA;QAClD,WAAM,GAAY,SAAS,CAAA;QAC3B,UAAK,GAAY,EAAE,CAAA;QACnB,uBAAkB,GAAuE,SAAS,CAAA;QAClG,wBAAmB,GAA6B,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;QAC9D,oBAAe,GAAY,IAAI,CAAA;IA6B5C,CAAC;IA3BA,MAAM,KAAK,MAAM;QAChB,OAAO;YACN,IAAA,SAAG,EAAA;;;IAGF;SACD,CAAA;IACF,CAAC;IAED,MAAM;;QACL,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,aAAa,oDAAI,CAAA;QAC9C,OAAO,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,EAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,GAAG,EAAE,EAAE;YAC5F,OAAO,IAAA,UAAI,EAAA;;gBAEE,IAAI,CAAC,MAAM;qBACN,IAAI,CAAC,aAAa;cACzB,IAAI,CAAC,KAAK;;sBAEF,GAAG,EAAE,CAAC,cAAc;cAC5B,IAAI,CAAC,KAAK;wBACA,IAAI,CAAC,eAAe;2BACjB,CAAC,QAAgB,EAAE,KAAa,EAAE,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,kBAAkB,qDAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAA,EAAA;4BAClG,IAAI,CAAC,mBAAmB;;IAEhD,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC;CACD;AApCA;IAAC,IAAA,wBAAQ,GAAE;;yCAAW;AACtB;IAAC,IAAA,wBAAQ,GAAE;;iDAAmC;AAC9C;IAAC,IAAA,wBAAQ,GAAE;;iDAAmD;AAC9D;IAAC,IAAA,wBAAQ,GAAE;;0CAA4B;AACvC;IAAC,IAAA,wBAAQ,GAAE;;yCAAoB;AAC/B;IAAC,IAAA,wBAAQ,GAAE;;sDAAmG;AAC9G;IAAC,IAAA,wBAAQ,GAAE;;uDAA+D;AAC1E;IAAC,IAAA,wBAAQ,GAAE;;mDAAgC;AAR5C,gCAqCC;AAED,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAA","sourcesContent":["import { css, CSSResultGroup, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '../../iqr-text-field'\nimport { Labels, VersionedValue } from '../../iqr-text-field'\nexport class TimePicker extends LitElement {\n\t@property() label = ''\n\t@property() labelPosition?: string = undefined\n\t@property() valueProvider?: () => VersionedValue[] = undefined\n\t@property() labels?: Labels = undefined\n\t@property() value?: string = ''\n\t@property() handleValueChanged?: (id: string | undefined, language: string, value: string) => void = undefined\n\t@property() translationProvider: (text: string) => string = (text) => text\n\t@property() defaultLanguage?: string = 'en'\n\n\tstatic get styles(): CSSResultGroup[] {\n\t\treturn [\n\t\t\tcss`\n\t\t\t\t:host {\n\t\t\t\t}\n\t\t\t`,\n\t\t]\n\t}\n\n\trender() {\n\t\tconst versionedValues = this.valueProvider?.()\n\t\treturn (versionedValues?.length ? versionedValues : [undefined]).map((versionedValue, idx) => {\n\t\t\treturn html`\n\t\t\t\t<iqr-text-field\n\t\t\t\t\t.labels=\"${this.labels}\"\n\t\t\t\t\tlabelPosition=${this.labelPosition}\n\t\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t\tschema=\"time\"\n\t\t\t\t\t.valueProvider=${() => versionedValue}\n\t\t\t\t\tvalue=\"${this.value}\"\n\t\t\t\t\tdefaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\t\t.handleValueChanged=${(language: string, value: string) => this.handleValueChanged?.(versionedValue?.id, language, value)}\n\t\t\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t\t></iqr-text-field>\n\t\t\t`\n\t\t})\n\t}\n}\n\ncustomElements.define('iqr-form-time-picker', TimePicker)\n"]}

package/{components → lib/components}/iqr-form/index.d.ts

@@ -5,3 +5,7 @@ import './fields/datePicker';
 import './fields/timePicker';
 import './fields/dateTimePicker';
 import './fields/multipleChoice';
+import './fields/dropdown';
+import './fields/radioButton';
+import './fields/checkbox';
+import './fields/label';

package/{components → lib/components}/iqr-form/index.js

@@ -11,7 +11,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 Object.defineProperty(exports, "__esModule", { value: true });
 // Import the LitElement base class and html helper function
 const lit_1 = require("lit");
-const decorators_1 = require("lit/decorators");
+const decorators_js_1 = require("lit/decorators.js");
 const model_1 = require("./model");
 require("./fields/textfield");
 require("./fields/measureField");
@@ -20,13 +20,16 @@ require("./fields/datePicker");
 require("./fields/timePicker");
 require("./fields/dateTimePicker");
 require("./fields/multipleChoice");
+require("./fields/dropdown");
+require("./fields/radioButton");
+require("./fields/checkbox");
+require("./fields/label");
 // @ts-ignore
 const lit_2 = require("lit");
 const baseCss = (0, lit_2.css) `.iqr-form {
   display: flex;
   flex-flow: row wrap;
   align-items: center;
-  font-family: "Roboto", Helvetica, sans-serif;
 }
 .iqr-form h2 {
   width: 100%;
@@ -38,45 +41,30 @@ const baseCss = (0, lit_2.css) `.iqr-form {
   font-size: 1.2em;
   font-weight: normal;
   color: #282829;
-  margin: 0 0 1em !important;
+  margin: 1em;
 }
-.iqr-form > * {
-  margin: 0 24px 0 0;
+.iqr-form iqr-form-textfield, .iqr-form iqr-form-date-picker, .iqr-form iqr-form-number-field, .iqr-form iqr-form-measure-field, .iqr-form iqr-form-time-picker, .iqr-form iqr-form-date-time-picker, .iqr-form iqr-form-multiple-choice, .iqr-form iqr-form-dropdown-field, .iqr-form iqr-form-dropdown-field, .iqr-form iqr-form-radio-button, .iqr-form iqr-form-checkbox {
+  flex: var(--grows) 1 calc(var(--width) - 20px);
+  margin: 0em 10PX 10PX 10PX;
 }
-.iqr-form iqr-form-textfield {
-  flex: 2 1 50%;
+.iqr-form iqr-form-radio-button {
+  flex: var(--grows) 1 calc(var(--width) - 20px);
+  margin: 0em 10px 8px 10px;
 }
-.iqr-form iqr-form-date-picker {
-  flex: 1 1 25%;
-}
-.iqr-form iqr-form-number-field {
-  flex: 1 1 25%;
-}
-.iqr-form iqr-form-measure-field {
-  flex: 1 1 25%;
-}
-.iqr-form iqr-form-time-picker {
-  flex: 1 1 25%;
-}
-.iqr-form iqr-form-date-time-picker {
-  flex: 1 1 25%;
-}
-.iqr-form iqr-form-multiple-choice {
-  flex: 2 1 50%;
+.iqr-form iqr-form-checkbox {
+  flex: var(--grows) 1 calc(var(--width) - 20px);
+  margin: 0em 10px 11px 10px;
 }
 .iqr-form .group {
+  flex: 1 1 calc(var(--width) - 2em);
+  margin: 1em;
   background: #f6f6f6;
-  padding: 12px 0 12px 8px;
   border-radius: 12px;
-  margin: 4px 0;
   width: 100%;
   display: flex;
   flex-flow: row wrap;
   align-items: center;
   justify-content: flex-start;
-}
-.iqr-form .group > * {
-  margin: 0 24px 0 0;
 }`;
 // @ts-ignore
 const kendoCss = (0, lit_2.css) ``;
@@ -90,8 +78,11 @@ class IqrForm extends lit_1.LitElement {
         this.theme = 'default';
         this.renderer = 'form';
         this.labelPosition = undefined;
+        this.defaultLanguage = undefined;
         this.formValuesContainer = undefined;
         this.formValuesContainerChanged = undefined;
+        this.translationProvider = (text) => text;
+        this.codesProvider = () => Promise.resolve([]);
     }
     connectedCallback() {
         super.connectedCallback();
@@ -105,7 +96,7 @@ class IqrForm extends lit_1.LitElement {
     render() {
         const renderer = this.renderer === 'form' ? form_1.render : this.renderer === 'form' ? cards_1.render : undefined;
         return renderer && this.form
-            ? renderer(this.form, { labelPosition: this.labelPosition }, this.formValuesContainer, this.formValuesContainerChanged)
+            ? renderer(this.form, { labelPosition: this.labelPosition, defaultLanguage: this.defaultLanguage }, this.formValuesContainer, (newValue) => { var _a; return (_a = this.formValuesContainerChanged) === null || _a === void 0 ? void 0 : _a.call(this, newValue); }, this.translationProvider, () => [], this.codesProvider)
             : this.form
                 ? (0, lit_1.html) `<p>unknown renderer</p>`
                 : (0, lit_1.html) `<p>missing form</p>`;
@@ -115,33 +106,45 @@ class IqrForm extends lit_1.LitElement {
     }
 }
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", model_1.Form)
 ], IqrForm.prototype, "form", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Object)
 ], IqrForm.prototype, "skin", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Object)
 ], IqrForm.prototype, "theme", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Object)
 ], IqrForm.prototype, "renderer", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", String)
 ], IqrForm.prototype, "labelPosition", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", String)
+], IqrForm.prototype, "defaultLanguage", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Object)
 ], IqrForm.prototype, "formValuesContainer", void 0);
 __decorate([
-    (0, decorators_1.property)(),
+    (0, decorators_js_1.property)(),
     __metadata("design:type", Function)
 ], IqrForm.prototype, "formValuesContainerChanged", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", Function)
+], IqrForm.prototype, "translationProvider", void 0);
+__decorate([
+    (0, decorators_js_1.property)(),
+    __metadata("design:type", Function)
+], IqrForm.prototype, "codesProvider", void 0);
 // Register the new element with the browser.
 customElements.define('iqr-form', IqrForm);
 //# sourceMappingURL=index.js.map

package/lib/components/iqr-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../tmp/components/iqr-form/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Import the LitElement base class and html helper function\nimport { html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { Form } from './model'\n\nimport './fields/textfield'\nimport './fields/measureField'\nimport './fields/numberField'\nimport './fields/datePicker'\nimport './fields/timePicker'\nimport './fields/dateTimePicker'\nimport './fields/multipleChoice'\nimport './fields/dropdown'\nimport './fields/radioButton'\nimport './fields/checkbox'\nimport './fields/label'\n// @ts-ignore\nimport { css } from 'lit';\nconst baseCss = css`.iqr-form {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center;\n}\n.iqr-form h2 {\n  width: 100%;\n  font-size: 2em;\n  margin-top: 1em;\n}\n.iqr-form h3 {\n  width: 100%;\n  font-size: 1.2em;\n  font-weight: normal;\n  color: #282829;\n  margin: 1em;\n}\n.iqr-form iqr-form-textfield, .iqr-form iqr-form-date-picker, .iqr-form iqr-form-number-field, .iqr-form iqr-form-measure-field, .iqr-form iqr-form-time-picker, .iqr-form iqr-form-date-time-picker, .iqr-form iqr-form-multiple-choice, .iqr-form iqr-form-dropdown-field, .iqr-form iqr-form-dropdown-field, .iqr-form iqr-form-radio-button, .iqr-form iqr-form-checkbox {\n  flex: var(--grows) 1 calc(var(--width) - 20px);\n  margin: 0em 10PX 10PX 10PX;\n}\n.iqr-form iqr-form-radio-button {\n  flex: var(--grows) 1 calc(var(--width) - 20px);\n  margin: 0em 10px 8px 10px;\n}\n.iqr-form iqr-form-checkbox {\n  flex: var(--grows) 1 calc(var(--width) - 20px);\n  margin: 0em 10px 11px 10px;\n}\n.iqr-form .group {\n  flex: 1 1 calc(var(--width) - 2em);\n  margin: 1em;\n  background: #f6f6f6;\n  border-radius: 12px;\n  width: 100%;\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center;\n  justify-content: flex-start;\n}` \n// @ts-ignore\nconst kendoCss = css`` \nimport { Renderer } from './renderer'\n\nimport { render as renderAsCard } from './renderer/cards'\nimport { render as renderAsForm } from './renderer/form'\nimport { FormValuesContainer } from '../iqr-form-loader/formValuesContainer'\nimport { CodeStub } from '@icure/api'\n\n// Extend the LitElement base class\nclass IqrForm extends LitElement {\n\t@property() form?: Form\n\t@property() skin = 'material'\n\t@property() theme = 'default'\n\t@property() renderer = 'form'\n\t@property() labelPosition?: string = undefined\n\t@property() defaultLanguage?: string = undefined\n\t@property() formValuesContainer?: FormValuesContainer = undefined\n\t@property() formValuesContainerChanged?: (newValue: FormValuesContainer) => void = undefined\n\t@property() translationProvider: (text: string) => string = (text) => text\n\t@property() codesProvider: (codifications: string[], searchTerm: string) => Promise<CodeStub[]> = () => Promise.resolve([])\n\n\tconstructor() {\n\t\tsuper()\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tstatic get styles() {\n\t\treturn [baseCss, kendoCss]\n\t}\n\n\trender() {\n\t\tconst renderer: Renderer | undefined = this.renderer === 'form' ? renderAsForm : this.renderer === 'form' ? renderAsCard : undefined\n\n\t\treturn renderer && this.form\n\t\t\t? renderer(\n\t\t\t\t\tthis.form,\n\t\t\t\t\t{ labelPosition: this.labelPosition, defaultLanguage: this.defaultLanguage },\n\t\t\t\t\tthis.formValuesContainer,\n\t\t\t\t\t(newValue) => this.formValuesContainerChanged?.(newValue),\n\t\t\t\t\tthis.translationProvider,\n\t\t\t\t\t() => [],\n\t\t\t\t\tthis.codesProvider,\n\t\t\t  )\n\t\t\t: this.form\n\t\t\t? html`<p>unknown renderer</p>`\n\t\t\t: html`<p>missing form</p>`\n\t}\n\n\tfirstUpdated() {\n\t\t//Do nothing\n\t}\n}\n\n// Register the new element with the browser.\ncustomElements.define('iqr-form', IqrForm)\n"]}