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/button-group/checkbox.js CHANGED Viewed

@@ -16,15 +16,51 @@ 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 { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils';
+import { handleSingleMetadataChanged, handleSingleValueChanged, overlay, singleValueProvider } from '../utils';
 import { property } from 'lit/decorators.js';
+// @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 CheckBox extends Field {
     constructor() {
         super(...arguments);
         this.optionsProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
     }
+    static get styles() {
+        return [overlayCss];
+    }
     renderSync() {
         var _a;
         const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
@@ -49,6 +85,7 @@ export class CheckBox extends Field {
 					.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}
 					.styleOptions=${this.styleOptions}
 				></icure-button-group>
+				${this.loading ? overlay() : nothing}
 			`;
         });
     }

package/components/icure-form/fields/button-group/checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/button-group/checkbox.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;~~AAC1C~~,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;~~AACrG~~,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,MAAM,OAAO,QAAS,SAAQ,KAAK;IAAnC;;QACa,oBAAe,GAA+D,GAAS,EAAE,gDAAC,OAAA,EAAE,CAAA,GAAA,CAAA;~~IA2BzG~~,CAAC;~~IA1BS~~,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;;;kBAGI,IAAI,CAAC,QAAQ;yBACN,IAAI,CAAC,eAAe;yBACpB,IAAI,CAAC,eAAe;cAC/B,IAAI,CAAC,KAAK;yBACC,IAAI,CAAC,eAAe;mBAC1B,IAAI,CAAC,SAAS;mBACd,IAAI,CAAC,SAAS;uBACV,IAAI,CAAC,cAAc;wBAClB,IAAI,CAAC,eAAe;4BAChB,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;qBACpE,IAAI,CAAC,YAAY;;~~IAElC~~,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC;CACD;~~AA3BY~~;IAAX,QAAQ,EAAE;;iDAA6F","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { Field } from '../../../common'\nimport { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils'\nimport { property } from 'lit/decorators.js'\nimport { Code } from '../../../model'\n\nexport class CheckBox extends Field {\n\t@property() optionsProvider: (language: string, searchTerm?: string) => Promise<Code[]> = async () => []\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-button-group\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\t\t.displayMetadata=\"${this.displayMetadata}\"\n\t\t\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\t\t.languages=\"${this.languages}\"\n\t\t\t\t\t.translate=\"${this.translate}\"\n\t\t\t\t\t.ownersProvider=${this.ownersProvider}\n\t\t\t\t\t.optionsProvider=${this.optionsProvider}\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\t.styleOptions=${this.styleOptions}\n\t\t\t\t></icure-button-group>\n\t\t\t`\n\t\t})\n\t}\n}\n"]}
1	+ {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/button-group/checkbox.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9G,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,aAAa;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BpB,CAAA;AAEF,MAAM,OAAO,QAAS,SAAQ,KAAK;IAAnC;;QACa,oBAAe,GAA+D,GAAS,EAAE,gDAAC,OAAA,EAAE,CAAA,GAAA,CAAA;IAgCzG,CAAC;IA/BA,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;;;kBAGI,IAAI,CAAC,QAAQ;yBACN,IAAI,CAAC,eAAe;yBACpB,IAAI,CAAC,eAAe;cAC/B,IAAI,CAAC,KAAK;yBACC,IAAI,CAAC,eAAe;mBAC1B,IAAI,CAAC,SAAS;mBACd,IAAI,CAAC,SAAS;uBACV,IAAI,CAAC,cAAc;wBAClB,IAAI,CAAC,eAAe;4BAChB,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;qBACpE,IAAI,CAAC,YAAY;;MAEhC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO;IACpC,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC;CACD;AAhCY;IAAX,QAAQ,EAAE;;iDAA6F","sourcesContent":["import { html, nothing, TemplateResult } from 'lit'\nimport { Field } from '../../../common'\nimport { handleSingleMetadataChanged, handleSingleValueChanged, overlay, singleValueProvider } from '../utils'\nimport { property } from 'lit/decorators.js'\nimport { Code } from '../../../model'\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 CheckBox extends Field {\n\t@property() optionsProvider: (language: string, searchTerm?: string) => Promise<Code[]> = async () => []\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-button-group\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\t\t.displayMetadata=\"${this.displayMetadata}\"\n\t\t\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\t\t.languages=\"${this.languages}\"\n\t\t\t\t\t.translate=\"${this.translate}\"\n\t\t\t\t\t.ownersProvider=${this.ownersProvider}\n\t\t\t\t\t.optionsProvider=${this.optionsProvider}\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\t.styleOptions=${this.styleOptions}\n\t\t\t\t></icure-button-group>\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/button-group/radio-button.d.ts CHANGED Viewed

@@ -3,5 +3,6 @@ import { Field } from '../../../common';
 import { Code } from '../../../model';
 export declare class RadioButton extends Field {
     optionsProvider: (language: string, searchTerm?: string) => Promise<Code[]>;
+    static get styles(): import("lit").CSSResult[];
     renderSync(): TemplateResult[];
 }

package/components/icure-form/fields/button-group/radio-button.js CHANGED Viewed

@@ -16,15 +16,51 @@ 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 { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils';
+import { handleSingleMetadataChanged, handleSingleValueChanged, overlay, singleValueProvider } from '../utils';
 import { property } from 'lit/decorators.js';
+// @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 RadioButton extends Field {
     constructor() {
         super(...arguments);
         this.optionsProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
     }
+    static get styles() {
+        return [overlayCss];
+    }
     renderSync() {
         var _a;
         const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
@@ -49,6 +85,7 @@ export class RadioButton extends Field {
 					.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}
 					.styleOptions=${this.styleOptions}
 				></icure-button-group>
+				${this.loading ? overlay() : nothing}
 			`;
         });
     }

package/components/icure-form/fields/button-group/radio-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/button-group/radio-button.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;~~AAC1C~~,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;~~AACrG~~,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,MAAM,OAAO,WAAY,SAAQ,KAAK;IAAtC;;QACa,oBAAe,GAA+D,GAAS,EAAE,gDAAC,OAAA,EAAE,CAAA,GAAA,CAAA;~~IA2BzG~~,CAAC;~~IA1BS~~,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;;yBAEpB,IAAI,CAAC,eAAe;cAC/B,IAAI,CAAC,KAAK;yBACC,IAAI,CAAC,eAAe;mBAC1B,IAAI,CAAC,SAAS;mBACd,IAAI,CAAC,SAAS;wBACT,IAAI,CAAC,eAAe;uBACrB,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;qBACpE,IAAI,CAAC,YAAY;;~~IAElC~~,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC;CACD;~~AA3BY~~;IAAX,QAAQ,EAAE;;oDAA6F","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { Field } from '../../../common'\nimport { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils'\nimport { property } from 'lit/decorators.js'\nimport { Code } from '../../../model'\n\nexport class RadioButton extends Field {\n\t@property() optionsProvider: (language: string, searchTerm?: string) => Promise<Code[]> = async () => []\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-button-group\n\t\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\t\t.displayMetadata=\"${this.displayMetadata}\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\t\t.languages=\"${this.languages}\"\n\t\t\t\t\t.translate=\"${this.translate}\"\n\t\t\t\t\t.optionsProvider=${this.optionsProvider}\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\t.styleOptions=${this.styleOptions}\n\t\t\t\t></icure-button-group>\n\t\t\t`\n\t\t})\n\t}\n}\n"]}
1	+ {"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/button-group/radio-button.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9G,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,aAAa;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BpB,CAAA;AAEF,MAAM,OAAO,WAAY,SAAQ,KAAK;IAAtC;;QACa,oBAAe,GAA+D,GAAS,EAAE,gDAAC,OAAA,EAAE,CAAA,GAAA,CAAA;IAgCzG,CAAC;IA/BA,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;;yBAEpB,IAAI,CAAC,eAAe;cAC/B,IAAI,CAAC,KAAK;yBACC,IAAI,CAAC,eAAe;mBAC1B,IAAI,CAAC,SAAS;mBACd,IAAI,CAAC,SAAS;wBACT,IAAI,CAAC,eAAe;uBACrB,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;qBACpE,IAAI,CAAC,YAAY;;MAEhC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO;IACpC,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC;CACD;AAhCY;IAAX,QAAQ,EAAE;;oDAA6F","sourcesContent":["import { html, nothing, TemplateResult } from 'lit'\nimport { Field } from '../../../common'\nimport { handleSingleMetadataChanged, handleSingleValueChanged, overlay, singleValueProvider } from '../utils'\nimport { property } from 'lit/decorators.js'\nimport { Code } from '../../../model'\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 RadioButton extends Field {\n\t@property() optionsProvider: (language: string, searchTerm?: string) => Promise<Code[]> = async () => []\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-button-group\n\t\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\t\t.displayMetadata=\"${this.displayMetadata}\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t.displayedLabels=\"${this.displayedLabels}\"\n\t\t\t\t\tlabel=\"${this.label}\"\n\t\t\t\t\t.defaultLanguage=\"${this.defaultLanguage}\"\n\t\t\t\t\t.languages=\"${this.languages}\"\n\t\t\t\t\t.translate=\"${this.translate}\"\n\t\t\t\t\t.optionsProvider=${this.optionsProvider}\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\t.styleOptions=${this.styleOptions}\n\t\t\t\t></icure-button-group>\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/date-picker/date-picker.d.ts CHANGED Viewed

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

package/components/icure-form/fields/date-picker/date-picker.js CHANGED Viewed

@@ -1,27 +1,64 @@
-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 DatePicker 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-date-picker-field
-				.readonly="${this.readonly}"
-				.displayMetadata="${this.displayMetadata}"
-				label="${this.label}"
-				.displayedLabels="${this.displayedLabels}"
-				.defaultLanguage="${this.defaultLanguage}"
-				.languages="${this.languages}"
-				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-date-picker-field>`;
+					.readonly="${this.readonly}"
+					.displayMetadata="${this.displayMetadata}"
+					label="${this.label}"
+					.displayedLabels="${this.displayedLabels}"
+					.defaultLanguage="${this.defaultLanguage}"
+					.languages="${this.languages}"
+					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-date-picker-field>
+				${this.loading ? overlay() : nothing} `;
         });
     }
 }

package/components/icure-form/fields/date-picker/date-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/date-picker/date-picker.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,UAAW,SAAQ,KAAK;~~IAC3B~~,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;;~~sBAEV~~,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~~;+BACzD~~,CAAA;~~QAC7B~~,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 DatePicker 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-date-picker-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\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-date-picker-field~~>`\~~n\t\t})\n\t}\n}\n"]}
1	+ {"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/date-picker/date-picker.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,UAAW,SAAQ,KAAK;IACpC,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;;uBAEV,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 DatePicker 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-date-picker-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\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-date-picker-field>\n\t\t\t\t${this.loading ? overlay() : nothing} `\n\t\t})\n\t}\n}\n"]}

package/components/icure-form/fields/date-picker/date-time-picker.d.ts CHANGED Viewed

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

package/components/icure-form/fields/date-picker/date-time-picker.js CHANGED Viewed

@@ -1,27 +1,64 @@
-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 DateTimePicker 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}"
-				schema="date-time"
-				.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}"
+					schema="date-time"
+					.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/date-picker/date-time-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-time-picker.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/date-picker/date-time-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;~~AAC1C~~,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;~~AAErG~~,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,OAAO,cAAe,SAAQ,KAAK;~~IAC/B~~,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;;~~sBAEV~~,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'\n\nimport { Field } from '../../../common'\n\nexport class DateTimePicker 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\tschema=\"date-time\"\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":"date-time-picker.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/date-picker/date-time-picker.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;AAE9G,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,cAAe,SAAQ,KAAK;IACxC,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;;uBAEV,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'\n\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 DateTimePicker 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\tschema=\"date-time\"\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/date-picker/time-picker.d.ts CHANGED Viewed

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

package/components/icure-form/fields/date-picker/time-picker.js CHANGED Viewed

@@ -1,27 +1,64 @@
-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 TimePicker 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}"
-				schema="time"
-				.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}"
+					schema="time"
+					.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/date-picker/time-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/date-picker/time-picker.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,UAAW,SAAQ,KAAK;~~IAC3B~~,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;;~~sBAEV~~,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 TimePicker 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\tschema=\"time\"\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":"time-picker.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/date-picker/time-picker.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,UAAW,SAAQ,KAAK;IACpC,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;;uBAEV,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 TimePicker 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\tschema=\"time\"\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/dropdown/dropdown-field.d.ts CHANGED Viewed

@@ -3,5 +3,6 @@ import { Field } from '../../../common';
 import { Suggestion } from '../../../../generic';
 export declare class DropdownField extends Field {
     optionsProvider: (language: string, searchTerm?: string) => Promise<Suggestion[]>;
+    static get styles(): import("lit").CSSResult[];
     renderSync(): TemplateResult[];
 }

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

@@ -16,15 +16,51 @@ 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 DropdownField extends Field {
     constructor() {
         super(...arguments);
         this.optionsProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
     }
+    static get styles() {
+        return [overlayCss];
+    }
     renderSync() {
         var _a;
         const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
@@ -47,6 +83,7 @@ export class DropdownField extends Field {
 					.optionsProvider=${this.optionsProvider}
 					.translationProvider=${this.translationProvider}
 				></icure-dropdown-field>
+				${this.loading ? overlay() : nothing}
 			`;
         });
     }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-field.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/dropdown/dropdown-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,aAAc,SAAQ,KAAK;IAAxC;;QACa,oBAAe,GAAqE,GAAS,EAAE,gDAAC,OAAA,EAAE,CAAA,GAAA,CAAA;~~IA0B~~/G,CAAC;~~IAxBS~~,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;mBAC1B,IAAI,CAAC,SAAS;cACnB,IAAI,CAAC,KAAK;yBACC,IAAI,CAAC,eAAe;yBACpB,IAAI,CAAC,eAAe;mBAC1B,IAAI,CAAC,SAAS;sBACX,mBAAmB,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;iCAChC,IAAI,CAAC,wBAAwB;yBACrC,IAAI,CAAC,gBAAgB;uBACvB,IAAI,CAAC,cAAc;2BACf,wBAAwB,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;8BAClD,2BAA2B,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC;wBACjE,IAAI,CAAC,eAAe;4BAChB,IAAI,CAAC,mBAAmB;;~~IAEhD~~,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC;CACD;~~AA1BY~~;IAAX,QAAQ,EAAE;;sDAAmG","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 DropdownField extends Field {\n\t@property() optionsProvider: (language: string, searchTerm?: string) => Promise<Suggestion[]> = async () => []\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-dropdown-field\n\t\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\t\t.displayMetadata=\"${this.displayMetadata}\"\n\t\t\t\t\t.translate=\"${this.translate}\"\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.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.ownersProvider=${this.ownersProvider}\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.optionsProvider=${this.optionsProvider}\n\t\t\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t\t></icure-dropdown-field>\n\t\t\t`\n\t\t})\n\t}\n}\n"]}
1	+ {"version":3,"file":"dropdown-field.js","sourceRoot":"","sources":["../../../../../tmp/components/icure-form/fields/dropdown/dropdown-field.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAG9G,aAAa;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BpB,CAAA;AAEF,MAAM,OAAO,aAAc,SAAQ,KAAK;IAAxC;;QACa,oBAAe,GAAqE,GAAS,EAAE,gDAAC,OAAA,EAAE,CAAA,GAAA,CAAA;IA+B/G,CAAC;IA7BA,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;mBAC1B,IAAI,CAAC,SAAS;cACnB,IAAI,CAAC,KAAK;yBACC,IAAI,CAAC,eAAe;yBACpB,IAAI,CAAC,eAAe;mBAC1B,IAAI,CAAC,SAAS;sBACX,mBAAmB,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;iCAChC,IAAI,CAAC,wBAAwB;yBACrC,IAAI,CAAC,gBAAgB;uBACvB,IAAI,CAAC,cAAc;2BACf,wBAAwB,CAAC,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;8BAClD,2BAA2B,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC;wBACjE,IAAI,CAAC,eAAe;4BAChB,IAAI,CAAC,mBAAmB;;MAE9C,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO;IACpC,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC;CACD;AA/BY;IAAX,QAAQ,EAAE;;sDAAmG","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 DropdownField extends Field {\n\t@property() optionsProvider: (language: string, searchTerm?: string) => Promise<Suggestion[]> = async () => []\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`\n\t\t\t\t<icure-dropdown-field\n\t\t\t\t\t.readonly=\"${this.readonly}\"\n\t\t\t\t\t.displayMetadata=\"${this.displayMetadata}\"\n\t\t\t\t\t.translate=\"${this.translate}\"\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.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.ownersProvider=${this.ownersProvider}\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.optionsProvider=${this.optionsProvider}\n\t\t\t\t\t.translationProvider=${this.translationProvider}\n\t\t\t\t></icure-dropdown-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/items-list-field/items-list-field.d.ts CHANGED Viewed

@@ -3,5 +3,6 @@ import { Field } from '../../../common';
 export declare class ItemsListField extends Field {
     multiline: boolean | string;
     lines: number;
+    static get styles(): import("lit").CSSResult[];
     renderSync(): TemplateResult;
 }