npm - @icure/form - Versions diffs - 3.0.38 → 3.0.39 - Mend

@icure/form 3.0.38 → 3.0.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (81) hide show

package/components/icure-form/fields/items-list-field/items-list-field.js CHANGED Viewed

@@ -7,33 +7,71 @@ 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);
 };
-import { html } from 'lit';
+import { html, nothing } from 'lit';
 import { Field } from '../../../common';
 import { property } from 'lit/decorators.js';
+import { overlay } from '../utils';
+// @ts-ignore
+import { css } from 'lit';
+const overlayCss = css `.overlay {
+  position: absolute;
+  height: 32px;
+  left: 2px;
+  right: 2px;
+  bottom: 8px;
+  background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  pointer-events: auto; /* Ensure the overlay captures click events */
+  z-index: 1000; /* Ensure the overlay is above other elements */
+}
+.spinner {
+  border: 3px solid rgba(0, 0, 0, 0.1);
+  border-radius: 50%;
+  border-top: 3px solid #3498db;
+  width: 20px;
+  height: 20px;
+  animation: spin 2s linear infinite;
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}`;
 export class ItemsListField extends Field {
     constructor() {
         super(...arguments);
         this.multiline = false;
         this.lines = 1;
     }
+    static get styles() {
+        return [overlayCss];
+    }
     renderSync() {
         return html `<icure-text-field
-			schema="items-list"
-			.readonly="${this.readonly}"
-			label="${this.label}"
-			.multiline="${this.multiline}"
-			.lines="${this.lines}"
-			.displayedLabels="${this.displayedLabels}"
-			.defaultLanguage="${this.defaultLanguage}"
-			.languages="${this.languages}"
-			.ownersProvider=${this.ownersProvider}
-			.valueProvider=${this.valueProvider}
-			.validationErrorsProvider=${this.validationErrorsProvider}
-			.metadataProvider=${this.metadataProvider}
-			.handleValueChanged=${this.handleValueChanged}
-			.translationProvider=${this.translationProvider}
-			.handleMetadataChanged=${this.handleMetadataChanged}
-		></icure-text-field>`;
+				schema="items-list"
+				.readonly="${this.readonly}"
+				label="${this.label}"
+				.multiline="${this.multiline}"
+				.lines="${this.lines}"
+				.displayedLabels="${this.displayedLabels}"
+				.defaultLanguage="${this.defaultLanguage}"
+				.languages="${this.languages}"
+				.ownersProvider=${this.ownersProvider}
+				.valueProvider=${this.valueProvider}
+				.validationErrorsProvider=${this.validationErrorsProvider}
+				.metadataProvider=${this.metadataProvider}
+				.handleValueChanged=${this.handleValueChanged}
+				.translationProvider=${this.translationProvider}
+				.handleMetadataChanged=${this.handleMetadataChanged}
+			></icure-text-field>
+			${this.loading ? overlay() : nothing} `;
     }
 }
 __decorate([

package/components/icure-form/fields/items-list-field/items-list-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"items-list-field.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/items-list-field/items-list-field.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;~~AAC1C~~,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;~~AAE5C~~,MAAM,OAAO,cAAe,SAAQ,KAAK;IAAzC;;QACa,cAAS,GAAqB,KAAK,CAAA;QACnC,UAAK,GAAG,CAAC,CAAA;~~IAoBtB~~,CAAC;~~IAnBS~~,UAAU;QAClB,OAAO,IAAI,CAAA;;~~gBAEG~~,IAAI,CAAC,QAAQ;~~YACjB~~,IAAI,CAAC,KAAK;~~iBACL~~,IAAI,CAAC,SAAS;~~aAClB~~,IAAI,CAAC,KAAK;~~uBACA~~,IAAI,CAAC,eAAe;~~uBACpB~~,IAAI,CAAC,eAAe;~~iBAC1B~~,IAAI,CAAC,SAAS;~~qBACV~~,IAAI,CAAC,cAAc;~~oBACpB~~,IAAI,CAAC,aAAa~~;+BACP~~,IAAI,CAAC,wBAAwB;~~uBACrC~~,IAAI,CAAC,gBAAgB;~~yBACnB~~,IAAI,CAAC,kBAAkB;~~0BACtB~~,IAAI,CAAC,mBAAmB;~~4BACtB~~,IAAI,CAAC,qBAAqB~~;uBAC/B~~,CAAA;~~IACtB~~,CAAC;CACD;~~AArBY~~;IAAX,QAAQ,EAAE;;iDAAoC;AACnC;IAAX,QAAQ,EAAE;;6CAAU","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { Field } from '../../../common'\nimport { property } from 'lit/decorators.js'\n\nexport class ItemsListField extends Field {\n\t@property() multiline: boolean \| string = false\n\t@property() lines = 1\n\toverride renderSync(): TemplateResult {\n\t\treturn html`<icure-text-field\n\t\t\tschema=\"items-list\"\n\t\t\t.readonly=\"${this.readonly}\"\n\t\t\tlabel=\"${this.label}\"\n\t\t\t.multiline=\"${this.multiline}\"\n\t\t\t.lines=\"${this.lines}\"\n\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t.languages=\"${this.languages}\"\n\t\t\t.ownersProvider=${this.ownersProvider}\n\t\t\t.valueProvider=${this.valueProvider}\n\t\t\t.validationErrorsProvider=${this.validationErrorsProvider}\n\t\t\t.metadataProvider=${this.metadataProvider}\n\t\t\t.handleValueChanged=${this.handleValueChanged}\n\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t.handleMetadataChanged=${this.handleMetadataChanged}\n\t\t></icure-text-field~~>`\~~n\t}\n}\n"]}
1	+ {"version":3,"file":"items-list-field.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/items-list-field/items-list-field.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,aAAa;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BpB,CAAA;AAEF,MAAM,OAAO,cAAe,SAAQ,KAAK;IAAzC;;QACa,cAAS,GAAqB,KAAK,CAAA;QACnC,UAAK,GAAG,CAAC,CAAA;IAyBtB,CAAC;IAxBA,MAAM,KAAK,MAAM;QAChB,OAAO,CAAC,UAAU,CAAC,CAAA;IACpB,CAAC;IAEQ,UAAU;QAClB,OAAO,IAAI,CAAA;;iBAEI,IAAI,CAAC,QAAQ;aACjB,IAAI,CAAC,KAAK;kBACL,IAAI,CAAC,SAAS;cAClB,IAAI,CAAC,KAAK;wBACA,IAAI,CAAC,eAAe;wBACpB,IAAI,CAAC,eAAe;kBAC1B,IAAI,CAAC,SAAS;sBACV,IAAI,CAAC,cAAc;qBACpB,IAAI,CAAC,aAAa;gCACP,IAAI,CAAC,wBAAwB;wBACrC,IAAI,CAAC,gBAAgB;0BACnB,IAAI,CAAC,kBAAkB;2BACtB,IAAI,CAAC,mBAAmB;6BACtB,IAAI,CAAC,qBAAqB;;KAElD,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,GAAG,CAAA;IACzC,CAAC;CACD;AA1BY;IAAX,QAAQ,EAAE;;iDAAoC;AACnC;IAAX,QAAQ,EAAE;;6CAAU","sourcesContent":["import { html, nothing, TemplateResult } from 'lit'\nimport { Field } from '../../../common'\nimport { property } from 'lit/decorators.js'\nimport { overlay } from '../utils'\n\n// @ts-ignore\nimport { css } from 'lit';\nconst overlayCss = css`.overlay {\n position: absolute;\n height: 32px;\n left: 2px;\n right: 2px;\n bottom: 8px;\n background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background /\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: auto; / Ensure the overlay captures click events /\n z-index: 1000; / Ensure the overlay is above other elements */\n}\n\n.spinner {\n border: 3px solid rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n border-top: 3px solid #3498db;\n width: 20px;\n height: 20px;\n animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}` \n\nexport class ItemsListField extends Field {\n\t@property() multiline: boolean \| string = false\n\t@property() lines = 1\n\tstatic get styles() {\n\t\treturn [overlayCss]\n\t}\n\n\toverride renderSync(): TemplateResult {\n\t\treturn html`<icure-text-field\n\t\t\t\tschema=\"items-list\"\n\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t.multiline=\"${this.multiline}\"\n\t\t\t\t.lines=\"${this.lines}\"\n\t\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\t.languages=\"${this.languages}\"\n\t\t\t\t.ownersProvider=${this.ownersProvider}\n\t\t\t\t.valueProvider=${this.valueProvider}\n\t\t\t\t.validationErrorsProvider=${this.validationErrorsProvider}\n\t\t\t\t.metadataProvider=${this.metadataProvider}\n\t\t\t\t.handleValueChanged=${this.handleValueChanged}\n\t\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t\t.handleMetadataChanged=${this.handleMetadataChanged}\n\t\t\t></icure-text-field>\n\t\t\t${this.loading ? overlay() : nothing} `\n\t}\n}\n"]}

package/components/icure-form/fields/measure-field/measure-field.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { TemplateResult } from 'lit';
 import { Field } from '../../../common';
 export declare class MeasureField extends Field {
+    static get styles(): import("lit").CSSResult[];
     renderSync(): TemplateResult[];
 }

package/components/icure-form/fields/measure-field/measure-field.js CHANGED Viewed

@@ -1,7 +1,43 @@
-import { html } from 'lit';
-import { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils';
+import { html, nothing } from 'lit';
+import { handleSingleMetadataChanged, handleSingleValueChanged, overlay, singleValueProvider } from '../utils';
 import { Field } from '../../../common';
+// @ts-ignore
+import { css } from 'lit';
+const overlayCss = css `.overlay {
+  position: absolute;
+  height: 32px;
+  left: 2px;
+  right: 2px;
+  bottom: 8px;
+  background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  pointer-events: auto; /* Ensure the overlay captures click events */
+  z-index: 1000; /* Ensure the overlay is above other elements */
+}
+.spinner {
+  border: 3px solid rgba(0, 0, 0, 0.1);
+  border-radius: 50%;
+  border-top: 3px solid #3498db;
+  width: 20px;
+  height: 20px;
+  animation: spin 2s linear infinite;
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}`;
 export class MeasureField extends Field {
+    static get styles() {
+        return [overlayCss];
+    }
     renderSync() {
         var _a;
         const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
@@ -24,6 +60,7 @@ export class MeasureField extends Field {
 					.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}
 					.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}
 				></icure-text-field>
+				${this.loading ? overlay() : nothing}
 			`;
         });
     }

package/components/icure-form/fields/measure-field/measure-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"measure-field.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/measure-field/measure-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;~~AAC1C~~,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;~~AACrG~~,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,OAAO,YAAa,SAAQ,KAAK;~~IAC7B~~,UAAU;;QAClB,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,aAAa,oDAAI,CAAA;QAC9C,OAAO,CAAC,eAAe,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YACvH,OAAO,IAAI,CAAA;;kBAEI,IAAI,CAAC,QAAQ;yBACN,IAAI,CAAC,eAAe;cAC/B,IAAI,CAAC,KAAK;yBACC,IAAI,CAAC,eAAe;yBACpB,IAAI,CAAC,eAAe;mBAC1B,IAAI,CAAC,SAAS;sBACX,IAAI,CAAC,YAAY;;uBAEhB,IAAI,CAAC,cAAc;4BACd,IAAI,CAAC,mBAAmB;sBAC9B,mBAAmB,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;iCAChC,IAAI,CAAC,wBAAwB;yBACrC,IAAI,CAAC,gBAAgB;2BACnB,wBAAwB,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;8BAClD,2BAA2B,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC;;~~IAErF~~,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC;CACD","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils'\nimport { Field } from '../../../common'\n\nexport class MeasureField extends Field {\n\toverride renderSync(): TemplateResult[] {\n\t\tconst versionedValues = this.valueProvider?.()\n\t\treturn (versionedValues && Object.keys(versionedValues).length ? Object.keys(versionedValues) : [undefined]).map((id) => {\n\t\t\treturn html`\n\t\t\t\t<icure-text-field\n\t\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\t\t.displayMetadata=\"${this.displayMetadata}\"\n\t\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\t\t.languages=\"${this.languages}\"\n\t\t\t\t\t.styleOptions=\"${this.styleOptions}\"\n\t\t\t\t\tschema=\"measure\"\n\t\t\t\t\t.ownersProvider=${this.ownersProvider}\n\t\t\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t\t\t.valueProvider=${singleValueProvider(this.valueProvider, id)}\n\t\t\t\t\t.validationErrorsProvider=${this.validationErrorsProvider}\n\t\t\t\t\t.metadataProvider=${this.metadataProvider}\n\t\t\t\t\t.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}\n\t\t\t\t\t.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}\n\t\t\t\t></icure-text-field>\n\t\t\t`\n\t\t})\n\t}\n}\n"]}
1	+ {"version":3,"file":"measure-field.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/measure-field/measure-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAA;AACnD,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9G,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,aAAa;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BpB,CAAA;AAEF,MAAM,OAAO,YAAa,SAAQ,KAAK;IACtC,MAAM,KAAK,MAAM;QAChB,OAAO,CAAC,UAAU,CAAC,CAAA;IACpB,CAAC;IAEQ,UAAU;;QAClB,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,aAAa,oDAAI,CAAA;QAC9C,OAAO,CAAC,eAAe,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YACvH,OAAO,IAAI,CAAA;;kBAEI,IAAI,CAAC,QAAQ;yBACN,IAAI,CAAC,eAAe;cAC/B,IAAI,CAAC,KAAK;yBACC,IAAI,CAAC,eAAe;yBACpB,IAAI,CAAC,eAAe;mBAC1B,IAAI,CAAC,SAAS;sBACX,IAAI,CAAC,YAAY;;uBAEhB,IAAI,CAAC,cAAc;4BACd,IAAI,CAAC,mBAAmB;sBAC9B,mBAAmB,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;iCAChC,IAAI,CAAC,wBAAwB;yBACrC,IAAI,CAAC,gBAAgB;2BACnB,wBAAwB,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;8BAClD,2BAA2B,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC;;MAEnF,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO;IACpC,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC;CACD","sourcesContent":["import { html, nothing, TemplateResult } from 'lit'\nimport { handleSingleMetadataChanged, handleSingleValueChanged, overlay, singleValueProvider } from '../utils'\nimport { Field } from '../../../common'\n\n// @ts-ignore\nimport { css } from 'lit';\nconst overlayCss = css`.overlay {\n position: absolute;\n height: 32px;\n left: 2px;\n right: 2px;\n bottom: 8px;\n background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background /\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: auto; / Ensure the overlay captures click events /\n z-index: 1000; / Ensure the overlay is above other elements */\n}\n\n.spinner {\n border: 3px solid rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n border-top: 3px solid #3498db;\n width: 20px;\n height: 20px;\n animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}` \n\nexport class MeasureField extends Field {\n\tstatic get styles() {\n\t\treturn [overlayCss]\n\t}\n\n\toverride renderSync(): TemplateResult[] {\n\t\tconst versionedValues = this.valueProvider?.()\n\t\treturn (versionedValues && Object.keys(versionedValues).length ? Object.keys(versionedValues) : [undefined]).map((id) => {\n\t\t\treturn html`\n\t\t\t\t<icure-text-field\n\t\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\t\t.displayMetadata=\"${this.displayMetadata}\"\n\t\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\t\t.languages=\"${this.languages}\"\n\t\t\t\t\t.styleOptions=\"${this.styleOptions}\"\n\t\t\t\t\tschema=\"measure\"\n\t\t\t\t\t.ownersProvider=${this.ownersProvider}\n\t\t\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t\t\t.valueProvider=${singleValueProvider(this.valueProvider, id)}\n\t\t\t\t\t.validationErrorsProvider=${this.validationErrorsProvider}\n\t\t\t\t\t.metadataProvider=${this.metadataProvider}\n\t\t\t\t\t.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}\n\t\t\t\t\t.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}\n\t\t\t\t></icure-text-field>\n\t\t\t\t${this.loading ? overlay() : nothing}\n\t\t\t`\n\t\t})\n\t}\n}\n"]}

package/components/icure-form/fields/number-field/number-field.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { TemplateResult } from 'lit';
 import { Field } from '../../../common';
 export declare class NumberField extends Field {
+    static get styles(): import("lit").CSSResult[];
     renderSync(): TemplateResult[];
 }

package/components/icure-form/fields/number-field/number-field.js CHANGED Viewed

@@ -1,28 +1,65 @@
-import { html } from 'lit';
-import { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils';
+import { html, nothing } from 'lit';
+import { handleSingleMetadataChanged, handleSingleValueChanged, overlay, singleValueProvider } from '../utils';
 import { Field } from '../../../common';
+// @ts-ignore
+import { css } from 'lit';
+const overlayCss = css `.overlay {
+  position: absolute;
+  height: 32px;
+  left: 2px;
+  right: 2px;
+  bottom: 8px;
+  background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  pointer-events: auto; /* Ensure the overlay captures click events */
+  z-index: 1000; /* Ensure the overlay is above other elements */
+}
+.spinner {
+  border: 3px solid rgba(0, 0, 0, 0.1);
+  border-radius: 50%;
+  border-top: 3px solid #3498db;
+  width: 20px;
+  height: 20px;
+  animation: spin 2s linear infinite;
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}`;
 export class NumberField extends Field {
+    static get styles() {
+        return [overlayCss];
+    }
     renderSync() {
         var _a;
         const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
         return (versionedValues && Object.keys(versionedValues).length ? Object.keys(versionedValues) : [undefined]).map((id) => {
             return html `<icure-text-field
-				.readonly="${this.readonly}"
-				.displayMetadata="${this.displayMetadata}"
-				label="${this.label}"
-				.displayedLabels="${this.displayedLabels}"
-				.defaultLanguage="${this.defaultLanguage}"
-				.languages="${this.languages}"
-				.styleOptions="${this.styleOptions}"
-				schema="decimal"
-				.ownersProvider=${this.ownersProvider}
-				.translationProvider=${this.translationProvider}
-				.valueProvider=${singleValueProvider(this.valueProvider, id)}
-				.validationErrorsProvider=${this.validationErrorsProvider}
-				.metadataProvider=${this.metadataProvider}
-				.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}
-				.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}
-			></icure-text-field>`;
+					.readonly="${this.readonly}"
+					.displayMetadata="${this.displayMetadata}"
+					label="${this.label}"
+					.displayedLabels="${this.displayedLabels}"
+					.defaultLanguage="${this.defaultLanguage}"
+					.languages="${this.languages}"
+					.styleOptions="${this.styleOptions}"
+					schema="decimal"
+					.ownersProvider=${this.ownersProvider}
+					.translationProvider=${this.translationProvider}
+					.valueProvider=${singleValueProvider(this.valueProvider, id)}
+					.validationErrorsProvider=${this.validationErrorsProvider}
+					.metadataProvider=${this.metadataProvider}
+					.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}
+					.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}
+				></icure-text-field>
+				${this.loading ? overlay() : nothing} `;
         });
     }
 }

package/components/icure-form/fields/number-field/number-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"number-field.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/number-field/number-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;~~AAC1C~~,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;~~AACrG~~,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,OAAO,WAAY,SAAQ,KAAK;~~IAC5B~~,UAAU;;QAClB,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,aAAa,oDAAI,CAAA;QAC9C,OAAO,CAAC,eAAe,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YACvH,OAAO,IAAI,CAAA;~~iBACG~~,IAAI,CAAC,QAAQ;~~wBACN~~,IAAI,CAAC,eAAe;~~aAC~~/B,IAAI,CAAC,KAAK;~~wBACC~~,IAAI,CAAC,eAAe;~~wBACpB~~,IAAI,CAAC,eAAe;~~kBAC1B~~,IAAI,CAAC,SAAS;~~qBACX~~,IAAI,CAAC,YAAY;;~~sBAEhB~~,IAAI,CAAC,cAAc;~~2BACd~~,IAAI,CAAC,mBAAmB;~~qBAC9B~~,mBAAmB,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;~~gCAChC~~,IAAI,CAAC,wBAAwB;~~wBACrC~~,IAAI,CAAC,gBAAgB;~~0BACnB~~,wBAAwB,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;~~6BAClD~~,2BAA2B,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC~~;wBAChE~~,CAAA;~~QACtB~~,CAAC,CAAC,CAAA;IACH,CAAC;CACD","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils'\nimport { Field } from '../../../common'\n\nexport class NumberField extends Field {\n\toverride renderSync(): TemplateResult[] {\n\t\tconst versionedValues = this.valueProvider?.()\n\t\treturn (versionedValues && Object.keys(versionedValues).length ? Object.keys(versionedValues) : [undefined]).map((id) => {\n\t\t\treturn html`<icure-text-field\n\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\t.displayMetadata=\"${this.displayMetadata}\"\n\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\t.languages=\"${this.languages}\"\n\t\t\t\t.styleOptions=\"${this.styleOptions}\"\n\t\t\t\tschema=\"decimal\"\n\t\t\t\t.ownersProvider=${this.ownersProvider}\n\t\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t\t.valueProvider=${singleValueProvider(this.valueProvider, id)}\n\t\t\t\t.validationErrorsProvider=${this.validationErrorsProvider}\n\t\t\t\t.metadataProvider=${this.metadataProvider}\n\t\t\t\t.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}\n\t\t\t\t.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}\n\t\t\t></icure-text-field~~>`\~~n\t\t})\n\t}\n}\n"]}
1	+ {"version":3,"file":"number-field.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/number-field/number-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAA;AACnD,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9G,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,aAAa;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BpB,CAAA;AAEF,MAAM,OAAO,WAAY,SAAQ,KAAK;IACrC,MAAM,KAAK,MAAM;QAChB,OAAO,CAAC,UAAU,CAAC,CAAA;IACpB,CAAC;IAEQ,UAAU;;QAClB,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,aAAa,oDAAI,CAAA;QAC9C,OAAO,CAAC,eAAe,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YACvH,OAAO,IAAI,CAAA;kBACI,IAAI,CAAC,QAAQ;yBACN,IAAI,CAAC,eAAe;cAC/B,IAAI,CAAC,KAAK;yBACC,IAAI,CAAC,eAAe;yBACpB,IAAI,CAAC,eAAe;mBAC1B,IAAI,CAAC,SAAS;sBACX,IAAI,CAAC,YAAY;;uBAEhB,IAAI,CAAC,cAAc;4BACd,IAAI,CAAC,mBAAmB;sBAC9B,mBAAmB,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;iCAChC,IAAI,CAAC,wBAAwB;yBACrC,IAAI,CAAC,gBAAgB;2BACnB,wBAAwB,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;8BAClD,2BAA2B,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC;;MAEnF,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,GAAG,CAAA;QACzC,CAAC,CAAC,CAAA;IACH,CAAC;CACD","sourcesContent":["import { html, nothing, TemplateResult } from 'lit'\nimport { handleSingleMetadataChanged, handleSingleValueChanged, overlay, singleValueProvider } from '../utils'\nimport { Field } from '../../../common'\n\n// @ts-ignore\nimport { css } from 'lit';\nconst overlayCss = css`.overlay {\n position: absolute;\n height: 32px;\n left: 2px;\n right: 2px;\n bottom: 8px;\n background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background /\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: auto; / Ensure the overlay captures click events /\n z-index: 1000; / Ensure the overlay is above other elements */\n}\n\n.spinner {\n border: 3px solid rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n border-top: 3px solid #3498db;\n width: 20px;\n height: 20px;\n animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}` \n\nexport class NumberField extends Field {\n\tstatic get styles() {\n\t\treturn [overlayCss]\n\t}\n\n\toverride renderSync(): TemplateResult[] {\n\t\tconst versionedValues = this.valueProvider?.()\n\t\treturn (versionedValues && Object.keys(versionedValues).length ? Object.keys(versionedValues) : [undefined]).map((id) => {\n\t\t\treturn html`<icure-text-field\n\t\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\t\t.displayMetadata=\"${this.displayMetadata}\"\n\t\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\t\t.languages=\"${this.languages}\"\n\t\t\t\t\t.styleOptions=\"${this.styleOptions}\"\n\t\t\t\t\tschema=\"decimal\"\n\t\t\t\t\t.ownersProvider=${this.ownersProvider}\n\t\t\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t\t\t.valueProvider=${singleValueProvider(this.valueProvider, id)}\n\t\t\t\t\t.validationErrorsProvider=${this.validationErrorsProvider}\n\t\t\t\t\t.metadataProvider=${this.metadataProvider}\n\t\t\t\t\t.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}\n\t\t\t\t\t.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}\n\t\t\t\t></icure-text-field>\n\t\t\t\t${this.loading ? overlay() : nothing} `\n\t\t})\n\t}\n}\n"]}

package/components/icure-form/fields/text-field/text-field.d.ts CHANGED Viewed

@@ -24,5 +24,6 @@ export declare class TextField extends Field {
         type: string;
         code: string;
     }[]) => string;
+    static get styles(): import("lit").CSSResult[];
     renderSync(): TemplateResult[];
 }

package/components/icure-form/fields/text-field/text-field.js CHANGED Viewed

@@ -16,10 +16,43 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { html } from 'lit';
+import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { Field } from '../../../common';
-import { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils';
+import { handleSingleMetadataChanged, handleSingleValueChanged, overlay, singleValueProvider } from '../utils';
+// @ts-ignore
+import { css } from 'lit';
+const overlayCss = css `.overlay {
+  position: absolute;
+  height: 32px;
+  left: 2px;
+  right: 2px;
+  bottom: 8px;
+  background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  pointer-events: auto; /* Ensure the overlay captures click events */
+  z-index: 1000; /* Ensure the overlay is above other elements */
+}
+.spinner {
+  border: 3px solid rgba(0, 0, 0, 0.1);
+  border-radius: 50%;
+  border-top: 3px solid #3498db;
+  width: 20px;
+  height: 20px;
+  animation: spin 2s linear infinite;
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}`;
 export class TextField extends Field {
     constructor() {
         super(...arguments);
@@ -36,37 +69,41 @@ export class TextField extends Field {
         this.linkColorProvider = () => 'cat1';
         this.codeContentProvider = (codes) => codes.map((c) => c.code).join(',');
     }
+    static get styles() {
+        return [overlayCss];
+    }
     renderSync() {
         var _a;
         const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
         return (versionedValues && Object.keys(versionedValues).length ? Object.keys(versionedValues) : [undefined]).map((id) => {
             return html `<icure-text-field
-				.readonly="${this.readonly}"
-				.displayMetadata="${this.displayMetadata}"
-				label="${this.label}"
-				.multiline="${this.multiline}"
-				.lines="${this.lines}"
-				.displayedLabels="${this.displayedLabels}"
-				.defaultLanguage="${this.defaultLanguage}"
-				.languages="${this.languages}"
-				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}
-				.defaultValueProvider=${this.defaultValueProvider}
-				.valueProvider=${singleValueProvider(this.valueProvider, id)}
-				.validationErrorsProvider=${this.validationErrorsProvider}
-				.metadataProvider=${this.metadataProvider}
-				.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}
-				.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}
-				.styleOptions=${this.styleOptions}
-			></icure-text-field>`;
+					.readonly="${this.readonly}"
+					.displayMetadata="${this.displayMetadata}"
+					label="${this.label}"
+					.multiline="${this.multiline}"
+					.lines="${this.lines}"
+					.displayedLabels="${this.displayedLabels}"
+					.defaultLanguage="${this.defaultLanguage}"
+					.languages="${this.languages}"
+					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}
+					.defaultValueProvider=${this.defaultValueProvider}
+					.valueProvider=${singleValueProvider(this.valueProvider, id)}
+					.validationErrorsProvider=${this.validationErrorsProvider}
+					.metadataProvider=${this.metadataProvider}
+					.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}
+					.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}
+					.styleOptions=${this.styleOptions}
+				></icure-text-field>
+				${this.loading ? overlay() : nothing} `;
         });
     }
 }

package/components/icure-form/fields/text-field/text-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/text-field/text-field.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;~~AAC1C~~,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;~~AAGrG~~,MAAM,OAAO,SAAU,SAAQ,KAAK;IAApC;;QACC,qEAAqE;QACzD,cAAS,GAAqB,KAAK,CAAA;QACnC,UAAK,GAAG,CAAC,CAAA;QACT,SAAI,GAAG,CAAC,CAAA;QACR,UAAK,GAAG,KAAK,CAAA;QACb,SAAI,GAAY,EAAE,CAAA;QAClB,wBAAmB,GAAgB,IAAI,GAAG,EAAU,CAAA;QACpD,kBAAa,GAA+H,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;QAC5K,uBAAkB,GAA+C,GAAS,EAAE,gDAAC,OAAA,EAAE,CAAA,GAAA,CAAA;QAC/E,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;~~IAkCrI~~,CAAC;~~IAhCS~~,UAAU;;QAClB,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,aAAa,oDAAI,CAAA;QAC9C,OAAO,CAAC,eAAe,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YACvH,OAAO,IAAI,CAAA;~~iBACG~~,IAAI,CAAC,QAAQ;~~wBACN~~,IAAI,CAAC,eAAe;~~aAC~~/B,IAAI,CAAC,KAAK;~~kBACL~~,IAAI,CAAC,SAAS;~~cAClB~~,IAAI,CAAC,KAAK;~~wBACA~~,IAAI,CAAC,eAAe;~~wBACpB~~,IAAI,CAAC,eAAe;~~kBAC1B~~,IAAI,CAAC,SAAS;~~cAClB~~,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,wBAAwB;~~mBACtD~~,CAAC,CAAC,IAAI,CAAC,kBAAkB;~~aAC~~/B,CAAC,CAAC,IAAI,CAAC,aAAa;~~qBACZ~~,IAAI,CAAC,aAAa;~~0BACb~~,IAAI,CAAC,kBAAkB;~~sBAC3B~~,IAAI,CAAC,cAAc;~~2BACd~~,IAAI,CAAC,mBAAmB;~~yBAC1B~~,IAAI,CAAC,iBAAiB;~~yBACtB~~,IAAI,CAAC,iBAAiB;~~2BACpB~~,IAAI,CAAC,mBAAmB;~~4BACvB~~,IAAI,CAAC,oBAAoB;~~qBAChC~~,mBAAmB,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;~~gCAChC~~,IAAI,CAAC,wBAAwB;~~wBACrC~~,IAAI,CAAC,gBAAgB;~~0BACnB~~,wBAAwB,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;~~6BAClD~~,2BAA2B,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC;~~oBACpE~~,IAAI,CAAC,YAAY~~;wBACb~~,CAAA;~~QACtB~~,CAAC,CAAC,CAAA;IACH,CAAC;CACD;~~AA5CY~~;IAAX,QAAQ,EAAE;;4CAAoC;AACnC;IAAX,QAAQ,EAAE;;wCAAU;AACT;IAAX,QAAQ,EAAE;;uCAAS;AACR;IAAX,QAAQ,EAAE;;wCAAc;AACb;IAAX,QAAQ,EAAE;;uCAAmB;AAClB;IAAX,QAAQ,EAAE;8BAAsB,GAAG;sDAA4B;AACpD;IAAX,QAAQ,EAAE;;gDAA6K;AAC5K;IAAX,QAAQ,EAAE;;qDAAgF;AAC/E;IAAX,QAAQ,EAAE;;oDAAuE;AACtE;IAAX,QAAQ,EAAE;;oDAAyE;AACxE;IAAX,QAAQ,EAAE;;sDAAyH","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { Field } from '../../../common'\nimport { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils'\nimport { Suggestion } from '../../../../generic'\n\nexport class TextField extends Field {\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() lines = 1\n\t@property() rows = 1\n\t@property() grows = false\n\t@property() unit?: string = ''\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> = () => Promise.resolve(undefined)\n\t@property() suggestionProvider: (terms: string[]) => Promise<Suggestion[]> = async () => []\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\toverride renderSync(): TemplateResult[] {\n\t\tconst versionedValues = this.valueProvider?.()\n\t\treturn (versionedValues && Object.keys(versionedValues).length ? Object.keys(versionedValues) : [undefined]).map((id) => {\n\t\t\treturn html`<icure-text-field\n\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\t.displayMetadata=\"${this.displayMetadata}\"\n\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t.multiline=\"${this.multiline}\"\n\t\t\t\t.lines=\"${this.lines}\"\n\t\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\t.languages=\"${this.languages}\"\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.defaultValueProvider=${this.defaultValueProvider}\n\t\t\t\t.valueProvider=${singleValueProvider(this.valueProvider, id)}\n\t\t\t\t.validationErrorsProvider=${this.validationErrorsProvider}\n\t\t\t\t.metadataProvider=${this.metadataProvider}\n\t\t\t\t.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}\n\t\t\t\t.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}\n\t\t\t\t.styleOptions=${this.styleOptions}\n\t\t\t></icure-text-field~~>`\~~n\t\t})\n\t}\n}\n"]}
1	+ {"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/text-field/text-field.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { Field } from '../../../common'\nimport { handleSingleMetadataChanged, handleSingleValueChanged, overlay, singleValueProvider } from '../utils'\nimport { Suggestion } from '../../../../generic'\n\n// @ts-ignore\nimport { css } from 'lit';\nconst overlayCss = css`.overlay {\n position: absolute;\n height: 32px;\n left: 2px;\n right: 2px;\n bottom: 8px;\n background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background /\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: auto; / Ensure the overlay captures click events /\n z-index: 1000; / Ensure the overlay is above other elements */\n}\n\n.spinner {\n border: 3px solid rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n border-top: 3px solid #3498db;\n width: 20px;\n height: 20px;\n animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}` \n\nexport class TextField extends Field {\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() lines = 1\n\t@property() rows = 1\n\t@property() grows = false\n\t@property() unit?: string = ''\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> = () => Promise.resolve(undefined)\n\t@property() suggestionProvider: (terms: string[]) => Promise<Suggestion[]> = async () => []\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\tstatic get styles() {\n\t\treturn [overlayCss]\n\t}\n\n\toverride renderSync(): TemplateResult[] {\n\t\tconst versionedValues = this.valueProvider?.()\n\t\treturn (versionedValues && Object.keys(versionedValues).length ? Object.keys(versionedValues) : [undefined]).map((id) => {\n\t\t\treturn html`<icure-text-field\n\t\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\t\t.displayMetadata=\"${this.displayMetadata}\"\n\t\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t\t.multiline=\"${this.multiline}\"\n\t\t\t\t\t.lines=\"${this.lines}\"\n\t\t\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\t\t.languages=\"${this.languages}\"\n\t\t\t\t\tschema=\"${this.multiline ? 'text-document' : 'styled-text-with-codes'}\"\n\t\t\t\t\t?suggestions=${!!this.suggestionProvider}\n\t\t\t\t\t?links=${!!this.linksProvider}\n\t\t\t\t\t.linksProvider=${this.linksProvider}\n\t\t\t\t\t.suggestionProvider=${this.suggestionProvider}\n\t\t\t\t\t.ownersProvider=${this.ownersProvider}\n\t\t\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t\t\t.codeColorProvider=${this.codeColorProvider}\n\t\t\t\t\t.linkColorProvider=${this.linkColorProvider}\n\t\t\t\t\t.codeContentProvider=${this.codeContentProvider}\n\t\t\t\t\t.defaultValueProvider=${this.defaultValueProvider}\n\t\t\t\t\t.valueProvider=${singleValueProvider(this.valueProvider, id)}\n\t\t\t\t\t.validationErrorsProvider=${this.validationErrorsProvider}\n\t\t\t\t\t.metadataProvider=${this.metadataProvider}\n\t\t\t\t\t.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}\n\t\t\t\t\t.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}\n\t\t\t\t\t.styleOptions=${this.styleOptions}\n\t\t\t\t></icure-text-field>\n\t\t\t\t${this.loading ? overlay() : nothing} `\n\t\t})\n\t}\n}\n"]}

package/components/icure-form/fields/token-field/token-field.d.ts CHANGED Viewed

@@ -5,5 +5,6 @@ export declare class TokenField extends Field {
     multiline: boolean | string;
     suggestionProvider: (terms: string[]) => Promise<Suggestion[]>;
     lines: number;
+    static get styles(): import("lit").CSSResult[];
     renderSync(): TemplateResult;
 }

package/components/icure-form/fields/token-field/token-field.js CHANGED Viewed

@@ -16,9 +16,43 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { html } from 'lit';
+import { html, nothing } from 'lit';
 import { Field } from '../../../common';
 import { property } from 'lit/decorators.js';
+import { overlay } from '../utils';
+// @ts-ignore
+import { css } from 'lit';
+const overlayCss = css `.overlay {
+  position: absolute;
+  height: 32px;
+  left: 2px;
+  right: 2px;
+  bottom: 8px;
+  background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  pointer-events: auto; /* Ensure the overlay captures click events */
+  z-index: 1000; /* Ensure the overlay is above other elements */
+}
+.spinner {
+  border: 3px solid rgba(0, 0, 0, 0.1);
+  border-radius: 50%;
+  border-top: 3px solid #3498db;
+  width: 20px;
+  height: 20px;
+  animation: spin 2s linear infinite;
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}`;
 export class TokenField extends Field {
     constructor() {
         super(...arguments);
@@ -26,24 +60,28 @@ export class TokenField extends Field {
         this.suggestionProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
         this.lines = 1;
     }
+    static get styles() {
+        return [overlayCss];
+    }
     renderSync() {
         return html `<icure-text-field
-			.readonly="${this.readonly}"
-			label="${this.label}"
-			.multiline="${this.multiline}"
-			.lines="${this.lines}"
-			.displayedLabels="${this.displayedLabels}"
-			.defaultLanguage="${this.defaultLanguage}"
-			schema="tokens-list"
-			.handleMetadataChanged=${this.handleMetadataChanged}
-			.handleValueChanged=${this.handleValueChanged}
-			.metadataProvider=${this.metadataProvider}
-			.ownersProvider=${this.ownersProvider}
-			.suggestionProvider=${this.suggestionProvider}
-			.translationProvider=${this.translationProvider}
-			.validationErrorsProvider=${this.validationErrorsProvider}
-			.valueProvider=${this.valueProvider}
-		></icure-text-field>`;
+				.readonly="${this.readonly}"
+				label="${this.label}"
+				.multiline="${this.multiline}"
+				.lines="${this.lines}"
+				.displayedLabels="${this.displayedLabels}"
+				.defaultLanguage="${this.defaultLanguage}"
+				schema="tokens-list"
+				.handleMetadataChanged=${this.handleMetadataChanged}
+				.handleValueChanged=${this.handleValueChanged}
+				.metadataProvider=${this.metadataProvider}
+				.ownersProvider=${this.ownersProvider}
+				.suggestionProvider=${this.suggestionProvider}
+				.translationProvider=${this.translationProvider}
+				.validationErrorsProvider=${this.validationErrorsProvider}
+				.valueProvider=${this.valueProvider}
+			></icure-text-field>
+			${this.loading ? overlay() : nothing} `;
     }
 }
 __decorate([

package/components/icure-form/fields/token-field/token-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"token-field.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/token-field/token-field.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;~~AAC1C~~,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;~~AAG5C~~,MAAM,OAAO,UAAW,SAAQ,KAAK;IAArC;;QACa,cAAS,GAAqB,KAAK,CAAA;QACnC,uBAAkB,GAA+C,GAAS,EAAE,gDAAC,OAAA,EAAE,CAAA,GAAA,CAAA;QAC/E,UAAK,GAAG,CAAC,CAAA;~~IAoBtB~~,CAAC;~~IAnBS~~,UAAU;QAClB,OAAO,IAAI,CAAA;~~gBACG~~,IAAI,CAAC,QAAQ;~~YACjB~~,IAAI,CAAC,KAAK;~~iBACL~~,IAAI,CAAC,SAAS;~~aAClB~~,IAAI,CAAC,KAAK;~~uBACA~~,IAAI,CAAC,eAAe;~~uBACpB~~,IAAI,CAAC,eAAe;;~~4BAEf~~,IAAI,CAAC,qBAAqB;~~yBAC7B~~,IAAI,CAAC,kBAAkB;~~uBACzB~~,IAAI,CAAC,gBAAgB;~~qBACvB~~,IAAI,CAAC,cAAc;~~yBACf~~,IAAI,CAAC,kBAAkB;~~0BACtB~~,IAAI,CAAC,mBAAmB~~;+BACnB~~,IAAI,CAAC,wBAAwB;~~oBACxC~~,IAAI,CAAC,aAAa~~;uBACf~~,CAAA;~~IACtB~~,CAAC;CACD;~~AAtBY~~;IAAX,QAAQ,EAAE;;6CAAoC;AACnC;IAAX,QAAQ,EAAE;;sDAAgF;AAC/E;IAAX,QAAQ,EAAE;;yCAAU","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { Field } from '../../../common'\nimport { property } from 'lit/decorators.js'\nimport { Suggestion } from '../../../../generic'\n\nexport class TokenField extends Field {\n\t@property() multiline: boolean \| string = false\n\t@property() suggestionProvider: (terms: string[]) => Promise<Suggestion[]> = async () => []\n\t@property() lines = 1\n\toverride renderSync(): TemplateResult {\n\t\treturn html`<icure-text-field\n\t\t\t.readonly=\"${this.readonly}\"\n\t\t\tlabel=\"${this.label}\"\n\t\t\t.multiline=\"${this.multiline}\"\n\t\t\t.lines=\"${this.lines}\"\n\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\tschema=\"tokens-list\"\n\t\t\t.handleMetadataChanged=${this.handleMetadataChanged}\n\t\t\t.handleValueChanged=${this.handleValueChanged}\n\t\t\t.metadataProvider=${this.metadataProvider}\n\t\t\t.ownersProvider=${this.ownersProvider}\n\t\t\t.suggestionProvider=${this.suggestionProvider}\n\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t.validationErrorsProvider=${this.validationErrorsProvider}\n\t\t\t.valueProvider=${this.valueProvider}\n\t\t></icure-text-field~~>`\~~n\t}\n}\n"]}
1	+ {"version":3,"file":"token-field.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/token-field/token-field.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,aAAa;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BpB,CAAA;AAEF,MAAM,OAAO,UAAW,SAAQ,KAAK;IAArC;;QACa,cAAS,GAAqB,KAAK,CAAA;QACnC,uBAAkB,GAA+C,GAAS,EAAE,gDAAC,OAAA,EAAE,CAAA,GAAA,CAAA;QAC/E,UAAK,GAAG,CAAC,CAAA;IAyBtB,CAAC;IAxBA,MAAM,KAAK,MAAM;QAChB,OAAO,CAAC,UAAU,CAAC,CAAA;IACpB,CAAC;IAEQ,UAAU;QAClB,OAAO,IAAI,CAAA;iBACI,IAAI,CAAC,QAAQ;aACjB,IAAI,CAAC,KAAK;kBACL,IAAI,CAAC,SAAS;cAClB,IAAI,CAAC,KAAK;wBACA,IAAI,CAAC,eAAe;wBACpB,IAAI,CAAC,eAAe;;6BAEf,IAAI,CAAC,qBAAqB;0BAC7B,IAAI,CAAC,kBAAkB;wBACzB,IAAI,CAAC,gBAAgB;sBACvB,IAAI,CAAC,cAAc;0BACf,IAAI,CAAC,kBAAkB;2BACtB,IAAI,CAAC,mBAAmB;gCACnB,IAAI,CAAC,wBAAwB;qBACxC,IAAI,CAAC,aAAa;;KAElC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,GAAG,CAAA;IACzC,CAAC;CACD;AA3BY;IAAX,QAAQ,EAAE;;6CAAoC;AACnC;IAAX,QAAQ,EAAE;;sDAAgF;AAC/E;IAAX,QAAQ,EAAE;;yCAAU","sourcesContent":["import { html, nothing, TemplateResult } from 'lit'\nimport { Field } from '../../../common'\nimport { property } from 'lit/decorators.js'\nimport { Suggestion } from '../../../../generic'\nimport { overlay } from '../utils'\n\n// @ts-ignore\nimport { css } from 'lit';\nconst overlayCss = css`.overlay {\n position: absolute;\n height: 32px;\n left: 2px;\n right: 2px;\n bottom: 8px;\n background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background /\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: auto; / Ensure the overlay captures click events /\n z-index: 1000; / Ensure the overlay is above other elements */\n}\n\n.spinner {\n border: 3px solid rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n border-top: 3px solid #3498db;\n width: 20px;\n height: 20px;\n animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}` \n\nexport class TokenField extends Field {\n\t@property() multiline: boolean \| string = false\n\t@property() suggestionProvider: (terms: string[]) => Promise<Suggestion[]> = async () => []\n\t@property() lines = 1\n\tstatic get styles() {\n\t\treturn [overlayCss]\n\t}\n\n\toverride renderSync(): TemplateResult {\n\t\treturn html`<icure-text-field\n\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t.multiline=\"${this.multiline}\"\n\t\t\t\t.lines=\"${this.lines}\"\n\t\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\tschema=\"tokens-list\"\n\t\t\t\t.handleMetadataChanged=${this.handleMetadataChanged}\n\t\t\t\t.handleValueChanged=${this.handleValueChanged}\n\t\t\t\t.metadataProvider=${this.metadataProvider}\n\t\t\t\t.ownersProvider=${this.ownersProvider}\n\t\t\t\t.suggestionProvider=${this.suggestionProvider}\n\t\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t\t.validationErrorsProvider=${this.validationErrorsProvider}\n\t\t\t\t.valueProvider=${this.valueProvider}\n\t\t\t></icure-text-field>\n\t\t\t${this.loading ? overlay() : nothing} `\n\t}\n}\n"]}

package/components/icure-form/fields/utils/index.d.ts CHANGED Viewed

@@ -7,3 +7,4 @@ export declare const handleSingleValueChanged: (handleValueChanged?: (label: str
 export declare const handleSingleMetadataChanged: (handleMetadataChanged?: (metadata: FieldMetadata, id?: string) => string | undefined, id?: string) => ((metadata: FieldMetadata) => string | undefined) | undefined;
 export declare const extractSingleValue: <V extends FieldValue>(value?: VersionedData<V>, id?: string) => [string, Version<V>[]] | [undefined, undefined];
 export declare const extractValues: <V extends FieldValue>(value: VersionedData<V> | undefined, metadataProvider: (id: string, revisions: (string | null)[]) => VersionedData<FieldMetadata>, id?: string) => [string, Version<V>[]][];
+export declare const overlay: () => import("lit-html").TemplateResult<1>;

package/components/icure-form/fields/utils/index.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { html } from 'lit';
 export const singleValueProvider = (valueProvider, id) => valueProvider &&
     (() => id && valueProvider
         ? {
@@ -37,4 +38,5 @@ export const extractValues = (value, metadataProvider, id) => {
         });
     }
 };
+export const overlay = () => html `<div class="overlay"><div class="spinner"></div></div>`;
 //# sourceMappingURL=index.js.map

package/components/icure-form/fields/utils/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/utils/index.ts"],"names":[],"mappings":"~~AAGA~~,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,aAA+C,EAAE,EAAW,EAAE,EAAE,CACnG,aAAa;IACb,CAAC,GAAG,EAAE,CACL,EAAE,IAAI,aAAa;QAClB,CAAC,CAAC;YACA,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC;SACxB;QACH,CAAC,CAAC,EAAE,CAAC,CAAA;AAER,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,kBAA6G,EAAE,EAAW,EAAE,EAAE,CACtK,kBAAkB,IAAI,CAAC,CAAC,KAAa,EAAE,QAAgB,EAAE,KAAiB,EAAE,EAAE,CAAC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAA;AAEjI,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,qBAAoF,EAAE,EAAW,EAAE,EAAE,CAChJ,qBAAqB,IAAI,CAAC,CAAC,QAAuB,EAAE,EAAE,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAG,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAA;AAE9F,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAuB,KAAwB,EAAE,EAAW,EAAmD,EAAE;IAClJ,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAC9B,CAAC;IACD,IAAI,EAAE,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;QACrB,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;IACvB,CAAC;SAAM,CAAC;QACP,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACnC,OAAO,CAAC,GAAG,CAAC,yDAAyD,CAAC,CAAA;QACvE,CAAC;QACD,MAAM,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;QAChC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;IACvB,CAAC;AACF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAC5B,KAAmC,EACnC,gBAA4F,EAC5F,EAAW,EACgB,EAAE;IAC7B,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,OAAO,EAAE,CAAA;IACV,CAAC;IACD,IAAI,EAAE,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;QACrB,OAAO,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;IACzB,CAAC;SAAM,CAAC;QACP,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,EAAE;;YAC1D,MAAM,EAAE,GAAG,gBAAgB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;YACjF,MAAM,EAAE,GAAG,gBAAgB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;YACjF,OAAO,CAAC,MAAA,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAG,CAAC,CAAC,0CAAE,KAAK,0CAAE,KAAK,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAG,CAAC,CAAC,0CAAE,KAAK,0CAAE,KAAK,mCAAI,CAAC,CAAC,CAAA;QACnE,CAAC,CAAC,CAAA;IACH,CAAC;AACF,CAAC,CAAA","sourcesContent":["import { FieldMetadata, FieldValue } from '../../../model'\nimport { Version, VersionedData } from '../../../../generic'\n\nexport const singleValueProvider = (valueProvider?: () => VersionedData<FieldValue>, id?: string) =>\n\tvalueProvider &&\n\t(() =>\n\t\tid && valueProvider\n\t\t\t? {\n\t\t\t\t\t[id]: valueProvider()[id],\n\t\t\t }\n\t\t\t: {})\n\nexport const handleSingleValueChanged = (handleValueChanged?: (label: string, language: string, value?: FieldValue, id?: string) => string \| undefined, id?: string) =>\n\thandleValueChanged && ((label: string, language: string, value: FieldValue) => handleValueChanged?.(label, language, value, id))\n\nexport const handleSingleMetadataChanged = (handleMetadataChanged?: (metadata: FieldMetadata, id?: string) => string \| undefined, id?: string) =>\n\thandleMetadataChanged && ((metadata: FieldMetadata) => handleMetadataChanged?.(metadata, id))\n\nexport const extractSingleValue = <V extends FieldValue>(value?: VersionedData<V>, id?: string): [string, Version<V>[]] \| [undefined, undefined] => {\n\tif (!value) {\n\t\treturn [undefined, undefined]\n\t}\n\tif (id && value[id]) {\n\t\treturn [id, value[id]]\n\t} else {\n\t\tif (Object.keys(value).length > 1) {\n\t\t\tconsole.log('Warning: multiple values found for a single value field')\n\t\t}\n\t\tconst id = Object.keys(value)[0]\n\t\treturn [id, value[id]]\n\t}\n}\n\nexport const extractValues = <V extends FieldValue>(\n\tvalue: VersionedData<V> \| undefined,\n\tmetadataProvider: (id: string, revisions: (string \| null)[]) => VersionedData<FieldMetadata>,\n\tid?: string,\n): [string, Version<V>[]][] => {\n\tif (!value) {\n\t\treturn []\n\t}\n\tif (id && value[id]) {\n\t\treturn [[id, value[id]]]\n\t} else {\n\t\treturn Object.entries(value).sort(([id1, v1], [id2, v2]) => {\n\t\t\tconst m1 = metadataProvider(id1, v1[0].revision ? [v1[0].revision] : [null])[id1]\n\t\t\tconst m2 = metadataProvider(id2, v2[0].revision ? [v2[0].revision] : [null])[id2]\n\t\t\treturn (m1?.[0]?.value?.index ?? 0) - (m2?.[0]?.value?.index ?? 0)\n\t\t})\n\t}\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/utils/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { FieldMetadata, FieldValue } from '../../../model'\nimport { Version, VersionedData } from '../../../../generic'\nimport { html } from 'lit'\n\nexport const singleValueProvider = (valueProvider?: () => VersionedData<FieldValue>, id?: string) =>\n\tvalueProvider &&\n\t(() =>\n\t\tid && valueProvider\n\t\t\t? {\n\t\t\t\t\t[id]: valueProvider()[id],\n\t\t\t }\n\t\t\t: {})\n\nexport const handleSingleValueChanged = (handleValueChanged?: (label: string, language: string, value?: FieldValue, id?: string) => string \| undefined, id?: string) =>\n\thandleValueChanged && ((label: string, language: string, value: FieldValue) => handleValueChanged?.(label, language, value, id))\n\nexport const handleSingleMetadataChanged = (handleMetadataChanged?: (metadata: FieldMetadata, id?: string) => string \| undefined, id?: string) =>\n\thandleMetadataChanged && ((metadata: FieldMetadata) => handleMetadataChanged?.(metadata, id))\n\nexport const extractSingleValue = <V extends FieldValue>(value?: VersionedData<V>, id?: string): [string, Version<V>[]] \| [undefined, undefined] => {\n\tif (!value) {\n\t\treturn [undefined, undefined]\n\t}\n\tif (id && value[id]) {\n\t\treturn [id, value[id]]\n\t} else {\n\t\tif (Object.keys(value).length > 1) {\n\t\t\tconsole.log('Warning: multiple values found for a single value field')\n\t\t}\n\t\tconst id = Object.keys(value)[0]\n\t\treturn [id, value[id]]\n\t}\n}\n\nexport const extractValues = <V extends FieldValue>(\n\tvalue: VersionedData<V> \| undefined,\n\tmetadataProvider: (id: string, revisions: (string \| null)[]) => VersionedData<FieldMetadata>,\n\tid?: string,\n): [string, Version<V>[]][] => {\n\tif (!value) {\n\t\treturn []\n\t}\n\tif (id && value[id]) {\n\t\treturn [[id, value[id]]]\n\t} else {\n\t\treturn Object.entries(value).sort(([id1, v1], [id2, v2]) => {\n\t\t\tconst m1 = metadataProvider(id1, v1[0].revision ? [v1[0].revision] : [null])[id1]\n\t\t\tconst m2 = metadataProvider(id2, v2[0].revision ? [v2[0].revision] : [null])[id2]\n\t\t\treturn (m1?.[0]?.value?.index ?? 0) - (m2?.[0]?.value?.index ?? 0)\n\t\t})\n\t}\n}\n\nexport const overlay = () => html`<div class=\"overlay\"><div class=\"spinner\"></div></div>`\n"]}

package/components/icure-form/index.d.ts CHANGED Viewed

@@ -25,6 +25,6 @@ export declare class IcureForm extends LitElement {
     latestRender?: TemplateResult;
     constructor();
     static get styles(): import("lit").CSSResult[];
-    _asyncTask: Task<readonly [Form | undefined, FormValuesContainer<FieldValue, FieldMetadata> | undefined, string | undefined, number], TemplateResult>;
+    _asyncTask: Task<readonly [Form | undefined, FormValuesContainer<FieldValue, FieldMetadata> | undefined, string | undefined, number], typeof nothing | TemplateResult>;
     render(): typeof nothing | TemplateResult | undefined;
 }