@icure/form 3.0.39 → 3.0.40
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.
- package/.yarn/cache/{@babel-runtime-npm-7.26.10-d01a90d446-22d2e0abb8.zip → @babel-runtime-npm-7.28.4-31bc1b0001-934b0a0460.zip} +0 -0
- package/.yarn/cache/{@icure-motss-app-datepicker-npm-6.0.0-rc.39-d00d21c35a-eefaed31a8.zip → @icure-motss-app-datepicker-npm-6.0.0-rc.40-ca1da7abbb-9bbe2bed34.zip} +0 -0
- package/.yarn/cache/@lit-labs-ssr-dom-shim-npm-1.4.0-e5ef5fbeba-e267c25576.zip +0 -0
- package/.yarn/cache/{@lit-reactive-element-npm-2.1.0-77512b732b-fb36e9f64b.zip → @lit-reactive-element-npm-2.1.1-3875228c32-b9bbc9c089.zip} +0 -0
- package/.yarn/cache/{@lit-task-npm-1.0.2-01d3dd32e9-22e1265a62.zip → @lit-task-npm-1.0.3-48f265b3e9-790b6a2603.zip} +0 -0
- package/.yarn/cache/{lit-element-npm-4.1.1-bb20932b82-74d0f2d6fb.zip → lit-element-npm-4.2.1-b5bc114ced-5925326176.zip} +0 -0
- package/.yarn/cache/{lit-html-npm-3.2.1-1662fc597d-1bacd9f8b2.zip → lit-html-npm-3.3.1-e3722d4f4a-de07c66945.zip} +0 -0
- package/.yarn/cache/{lit-npm-3.2.1-27cb5b7782-ee22bbc53d.zip → lit-npm-3.3.1-8f683c51f1-fb88f1ff80.zip} +0 -0
- package/.yarn/cache/{prosemirror-commands-npm-1.7.0-212f35173c-a39225d534.zip → prosemirror-commands-npm-1.7.1-5b2afb6640-2316c40ea2.zip} +0 -0
- package/.yarn/cache/prosemirror-history-npm-1.5.0-e639d02880-6afb0e1d17.zip +0 -0
- package/.yarn/cache/prosemirror-keymap-npm-1.2.3-0e7e0c8195-0a2eed2771.zip +0 -0
- package/.yarn/cache/prosemirror-model-npm-1.25.4-e7ee2df3df-ab5aa609df.zip +0 -0
- package/.yarn/cache/prosemirror-state-npm-1.4.4-8b7e3a396c-1b5dba46c2.zip +0 -0
- package/.yarn/cache/prosemirror-transform-npm-1.10.5-5b3b4f5f61-6f5921e53a.zip +0 -0
- package/.yarn/cache/prosemirror-view-npm-1.41.4-cf361fd330-b663b8c6ce.zip +0 -0
- package/.yarn/install-state.gz +0 -0
- package/components/common/field.d.ts +0 -1
- package/components/common/field.js +0 -5
- package/components/common/field.js.map +1 -1
- package/components/common/metadata-buttons-bar.d.ts +1 -1
- package/components/common/metadata-buttons-bar.js +2 -6
- package/components/common/metadata-buttons-bar.js.map +1 -1
- package/components/icure-button/index.js +0 -4
- package/components/icure-button/index.js.map +1 -1
- package/components/icure-button-group/index.js +0 -4
- package/components/icure-button-group/index.js.map +1 -1
- package/components/icure-date-picker/index.d.ts +2 -2
- package/components/icure-date-picker/index.js +3 -7
- package/components/icure-date-picker/index.js.map +1 -1
- package/components/icure-dropdown-field/index.js +0 -4
- package/components/icure-dropdown-field/index.js.map +1 -1
- package/components/icure-form/fields/button-group/checkbox.d.ts +0 -1
- package/components/icure-form/fields/button-group/checkbox.js +2 -39
- package/components/icure-form/fields/button-group/checkbox.js.map +1 -1
- package/components/icure-form/fields/button-group/radio-button.d.ts +0 -1
- package/components/icure-form/fields/button-group/radio-button.js +2 -39
- package/components/icure-form/fields/button-group/radio-button.js.map +1 -1
- package/components/icure-form/fields/date-picker/date-picker.d.ts +0 -1
- package/components/icure-form/fields/date-picker/date-picker.js +17 -54
- package/components/icure-form/fields/date-picker/date-picker.js.map +1 -1
- package/components/icure-form/fields/date-picker/date-time-picker.d.ts +0 -1
- package/components/icure-form/fields/date-picker/date-time-picker.js +17 -54
- package/components/icure-form/fields/date-picker/date-time-picker.js.map +1 -1
- package/components/icure-form/fields/date-picker/time-picker.d.ts +0 -1
- package/components/icure-form/fields/date-picker/time-picker.js +17 -54
- package/components/icure-form/fields/date-picker/time-picker.js.map +1 -1
- package/components/icure-form/fields/dropdown/dropdown-field.d.ts +0 -1
- package/components/icure-form/fields/dropdown/dropdown-field.js +2 -39
- package/components/icure-form/fields/dropdown/dropdown-field.js.map +1 -1
- package/components/icure-form/fields/items-list-field/items-list-field.d.ts +0 -1
- package/components/icure-form/fields/items-list-field/items-list-field.js +17 -55
- package/components/icure-form/fields/items-list-field/items-list-field.js.map +1 -1
- package/components/icure-form/fields/measure-field/measure-field.d.ts +0 -1
- package/components/icure-form/fields/measure-field/measure-field.js +2 -39
- package/components/icure-form/fields/measure-field/measure-field.js.map +1 -1
- package/components/icure-form/fields/number-field/number-field.d.ts +0 -1
- package/components/icure-form/fields/number-field/number-field.js +18 -55
- package/components/icure-form/fields/number-field/number-field.js.map +1 -1
- package/components/icure-form/fields/text-field/text-field.d.ts +0 -1
- package/components/icure-form/fields/text-field/text-field.js +28 -65
- package/components/icure-form/fields/text-field/text-field.js.map +1 -1
- package/components/icure-form/fields/token-field/token-field.d.ts +0 -1
- package/components/icure-form/fields/token-field/token-field.js +17 -55
- package/components/icure-form/fields/token-field/token-field.js.map +1 -1
- package/components/icure-form/fields/utils/index.d.ts +0 -1
- package/components/icure-form/fields/utils/index.js +0 -2
- package/components/icure-form/fields/utils/index.js.map +1 -1
- package/components/icure-form/index.d.ts +1 -1
- package/components/icure-form/index.js +5 -26
- package/components/icure-form/index.js.map +1 -1
- package/components/icure-form/renderer/form/form-selection-button.js +0 -4
- package/components/icure-form/renderer/form/form-selection-button.js.map +1 -1
- package/components/icure-form/renderer/form/form.d.ts +2 -7
- package/components/icure-form/renderer/form/form.js +454 -618
- package/components/icure-form/renderer/form/form.js.map +1 -1
- package/components/icure-form/renderer/index.d.ts +1 -1
- package/components/icure-form/renderer/index.js.map +1 -1
- package/components/icure-label/index.js +0 -4
- package/components/icure-label/index.js.map +1 -1
- package/components/icure-text-field/index.js +11 -10
- package/components/icure-text-field/index.js.map +1 -1
- package/components/model/index.d.ts +1 -15
- package/components/model/index.js +2 -13
- package/components/model/index.js.map +1 -1
- package/generic/model.d.ts +6 -6
- package/generic/model.js.map +1 -1
- package/icure/form-values-container.d.ts +42 -63
- package/icure/form-values-container.js +151 -192
- package/icure/form-values-container.js.map +1 -1
- package/icure/icure-utils.js +12 -30
- package/icure/icure-utils.js.map +1 -1
- package/icure/model.d.ts +2 -9
- package/icure/model.js +1 -7
- package/icure/model.js.map +1 -1
- package/package.json +1 -2
- package/utils/code-utils.d.ts +2 -3
- package/utils/code-utils.js +6 -5
- package/utils/code-utils.js.map +1 -1
- package/.yarn/cache/@icure-cardinal-sdk-npm-1.3.0-ts-2-d77151b3e6-86e1497829.zip +0 -0
- package/.yarn/cache/@js-joda-core-npm-3.2.0-d2526290e9-64625c2f22.zip +0 -0
- package/.yarn/cache/@lit-labs-ssr-dom-shim-npm-1.3.0-6bfa115c08-c2003e8bb6.zip +0 -0
- package/.yarn/cache/@lit-reactive-element-npm-2.0.4-4836436301-368d788d9e.zip +0 -0
- package/.yarn/cache/format-util-npm-1.0.5-a524ca953a-0c8622e54a.zip +0 -0
- package/.yarn/cache/prosemirror-history-npm-1.4.1-ad68c86bb7-90f9bf59bc.zip +0 -0
- package/.yarn/cache/prosemirror-keymap-npm-1.2.2-efb8276b00-85fe4fc303.zip +0 -0
- package/.yarn/cache/prosemirror-model-npm-1.25.0-0870b04e23-e311e1e36c.zip +0 -0
- package/.yarn/cache/prosemirror-state-npm-1.4.3-d6540e44ad-28857d935c.zip +0 -0
- package/.yarn/cache/prosemirror-transform-npm-1.10.3-fb23bef7a8-8cbe29501e.zip +0 -0
- package/.yarn/cache/prosemirror-view-npm-1.38.1-8cfb4ec84f-12f7f4d27f.zip +0 -0
- package/.yarn/cache/regenerator-runtime-npm-0.14.1-a6c97c609a-9f57c93277.zip +0 -0
- package/.yarn/cache/ws-npm-8.18.0-56f68bc4d6-91d4d35bc9.zip +0 -0
- package/utils/form-value-container.d.ts +0 -3
- package/utils/form-value-container.js +0 -30
- package/utils/form-value-container.js.map +0 -1
|
@@ -16,51 +16,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
16
16
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
17
17
|
});
|
|
18
18
|
};
|
|
19
|
-
import { html
|
|
19
|
+
import { html } from 'lit';
|
|
20
20
|
import { Field } from '../../../common';
|
|
21
|
-
import { handleSingleMetadataChanged, handleSingleValueChanged,
|
|
21
|
+
import { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils';
|
|
22
22
|
import { property } from 'lit/decorators.js';
|
|
23
|
-
// @ts-ignore
|
|
24
|
-
import { css } from 'lit';
|
|
25
|
-
const overlayCss = css `.overlay {
|
|
26
|
-
position: absolute;
|
|
27
|
-
height: 32px;
|
|
28
|
-
left: 2px;
|
|
29
|
-
right: 2px;
|
|
30
|
-
bottom: 8px;
|
|
31
|
-
background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
|
|
32
|
-
display: flex;
|
|
33
|
-
justify-content: center;
|
|
34
|
-
align-items: center;
|
|
35
|
-
pointer-events: auto; /* Ensure the overlay captures click events */
|
|
36
|
-
z-index: 1000; /* Ensure the overlay is above other elements */
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.spinner {
|
|
40
|
-
border: 3px solid rgba(0, 0, 0, 0.1);
|
|
41
|
-
border-radius: 50%;
|
|
42
|
-
border-top: 3px solid #3498db;
|
|
43
|
-
width: 20px;
|
|
44
|
-
height: 20px;
|
|
45
|
-
animation: spin 2s linear infinite;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
@keyframes spin {
|
|
49
|
-
0% {
|
|
50
|
-
transform: rotate(0deg);
|
|
51
|
-
}
|
|
52
|
-
100% {
|
|
53
|
-
transform: rotate(360deg);
|
|
54
|
-
}
|
|
55
|
-
}`;
|
|
56
23
|
export class CheckBox extends Field {
|
|
57
24
|
constructor() {
|
|
58
25
|
super(...arguments);
|
|
59
26
|
this.optionsProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
|
|
60
27
|
}
|
|
61
|
-
static get styles() {
|
|
62
|
-
return [overlayCss];
|
|
63
|
-
}
|
|
64
28
|
renderSync() {
|
|
65
29
|
var _a;
|
|
66
30
|
const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
@@ -85,7 +49,6 @@ export class CheckBox extends Field {
|
|
|
85
49
|
.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}
|
|
86
50
|
.styleOptions=${this.styleOptions}
|
|
87
51
|
></icure-button-group>
|
|
88
|
-
${this.loading ? overlay() : nothing}
|
|
89
52
|
`;
|
|
90
53
|
});
|
|
91
54
|
}
|
|
@@ -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,
|
|
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"]}
|
|
@@ -3,6 +3,5 @@ import { Field } from '../../../common';
|
|
|
3
3
|
import { Code } from '../../../model';
|
|
4
4
|
export declare class RadioButton extends Field {
|
|
5
5
|
optionsProvider: (language: string, searchTerm?: string) => Promise<Code[]>;
|
|
6
|
-
static get styles(): import("lit").CSSResult[];
|
|
7
6
|
renderSync(): TemplateResult[];
|
|
8
7
|
}
|
|
@@ -16,51 +16,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
16
16
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
17
17
|
});
|
|
18
18
|
};
|
|
19
|
-
import { html
|
|
19
|
+
import { html } from 'lit';
|
|
20
20
|
import { Field } from '../../../common';
|
|
21
|
-
import { handleSingleMetadataChanged, handleSingleValueChanged,
|
|
21
|
+
import { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils';
|
|
22
22
|
import { property } from 'lit/decorators.js';
|
|
23
|
-
// @ts-ignore
|
|
24
|
-
import { css } from 'lit';
|
|
25
|
-
const overlayCss = css `.overlay {
|
|
26
|
-
position: absolute;
|
|
27
|
-
height: 32px;
|
|
28
|
-
left: 2px;
|
|
29
|
-
right: 2px;
|
|
30
|
-
bottom: 8px;
|
|
31
|
-
background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
|
|
32
|
-
display: flex;
|
|
33
|
-
justify-content: center;
|
|
34
|
-
align-items: center;
|
|
35
|
-
pointer-events: auto; /* Ensure the overlay captures click events */
|
|
36
|
-
z-index: 1000; /* Ensure the overlay is above other elements */
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.spinner {
|
|
40
|
-
border: 3px solid rgba(0, 0, 0, 0.1);
|
|
41
|
-
border-radius: 50%;
|
|
42
|
-
border-top: 3px solid #3498db;
|
|
43
|
-
width: 20px;
|
|
44
|
-
height: 20px;
|
|
45
|
-
animation: spin 2s linear infinite;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
@keyframes spin {
|
|
49
|
-
0% {
|
|
50
|
-
transform: rotate(0deg);
|
|
51
|
-
}
|
|
52
|
-
100% {
|
|
53
|
-
transform: rotate(360deg);
|
|
54
|
-
}
|
|
55
|
-
}`;
|
|
56
23
|
export class RadioButton extends Field {
|
|
57
24
|
constructor() {
|
|
58
25
|
super(...arguments);
|
|
59
26
|
this.optionsProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
|
|
60
27
|
}
|
|
61
|
-
static get styles() {
|
|
62
|
-
return [overlayCss];
|
|
63
|
-
}
|
|
64
28
|
renderSync() {
|
|
65
29
|
var _a;
|
|
66
30
|
const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
@@ -85,7 +49,6 @@ export class RadioButton extends Field {
|
|
|
85
49
|
.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}
|
|
86
50
|
.styleOptions=${this.styleOptions}
|
|
87
51
|
></icure-button-group>
|
|
88
|
-
${this.loading ? overlay() : nothing}
|
|
89
52
|
`;
|
|
90
53
|
});
|
|
91
54
|
}
|
|
@@ -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,
|
|
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,64 +1,27 @@
|
|
|
1
|
-
import { html
|
|
2
|
-
import { handleSingleMetadataChanged, handleSingleValueChanged,
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
import { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils';
|
|
3
3
|
import { Field } from '../../../common';
|
|
4
|
-
// @ts-ignore
|
|
5
|
-
import { css } from 'lit';
|
|
6
|
-
const overlayCss = css `.overlay {
|
|
7
|
-
position: absolute;
|
|
8
|
-
height: 32px;
|
|
9
|
-
left: 2px;
|
|
10
|
-
right: 2px;
|
|
11
|
-
bottom: 8px;
|
|
12
|
-
background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
|
|
13
|
-
display: flex;
|
|
14
|
-
justify-content: center;
|
|
15
|
-
align-items: center;
|
|
16
|
-
pointer-events: auto; /* Ensure the overlay captures click events */
|
|
17
|
-
z-index: 1000; /* Ensure the overlay is above other elements */
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.spinner {
|
|
21
|
-
border: 3px solid rgba(0, 0, 0, 0.1);
|
|
22
|
-
border-radius: 50%;
|
|
23
|
-
border-top: 3px solid #3498db;
|
|
24
|
-
width: 20px;
|
|
25
|
-
height: 20px;
|
|
26
|
-
animation: spin 2s linear infinite;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
@keyframes spin {
|
|
30
|
-
0% {
|
|
31
|
-
transform: rotate(0deg);
|
|
32
|
-
}
|
|
33
|
-
100% {
|
|
34
|
-
transform: rotate(360deg);
|
|
35
|
-
}
|
|
36
|
-
}`;
|
|
37
4
|
export class DatePicker extends Field {
|
|
38
|
-
static get styles() {
|
|
39
|
-
return [overlayCss];
|
|
40
|
-
}
|
|
41
5
|
renderSync() {
|
|
42
6
|
var _a;
|
|
43
7
|
const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
44
8
|
return (versionedValues && Object.keys(versionedValues).length ? Object.keys(versionedValues) : [undefined]).map((id) => {
|
|
45
9
|
return html `<icure-date-picker-field
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
${this.loading ? overlay() : nothing} `;
|
|
10
|
+
.readonly="${this.readonly}"
|
|
11
|
+
.displayMetadata="${this.displayMetadata}"
|
|
12
|
+
label="${this.label}"
|
|
13
|
+
.displayedLabels="${this.displayedLabels}"
|
|
14
|
+
.defaultLanguage="${this.defaultLanguage}"
|
|
15
|
+
.languages="${this.languages}"
|
|
16
|
+
schema="decimal"
|
|
17
|
+
.ownersProvider=${this.ownersProvider}
|
|
18
|
+
.translationProvider=${this.translationProvider}
|
|
19
|
+
.valueProvider=${singleValueProvider(this.valueProvider, id)}
|
|
20
|
+
.validationErrorsProvider=${this.validationErrorsProvider}
|
|
21
|
+
.metadataProvider=${this.metadataProvider}
|
|
22
|
+
.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}
|
|
23
|
+
.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}
|
|
24
|
+
></icure-date-picker-field>`;
|
|
62
25
|
});
|
|
63
26
|
}
|
|
64
27
|
}
|
|
@@ -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,
|
|
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,64 +1,27 @@
|
|
|
1
|
-
import { html
|
|
2
|
-
import { handleSingleMetadataChanged, handleSingleValueChanged,
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
import { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils';
|
|
3
3
|
import { Field } from '../../../common';
|
|
4
|
-
// @ts-ignore
|
|
5
|
-
import { css } from 'lit';
|
|
6
|
-
const overlayCss = css `.overlay {
|
|
7
|
-
position: absolute;
|
|
8
|
-
height: 32px;
|
|
9
|
-
left: 2px;
|
|
10
|
-
right: 2px;
|
|
11
|
-
bottom: 8px;
|
|
12
|
-
background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
|
|
13
|
-
display: flex;
|
|
14
|
-
justify-content: center;
|
|
15
|
-
align-items: center;
|
|
16
|
-
pointer-events: auto; /* Ensure the overlay captures click events */
|
|
17
|
-
z-index: 1000; /* Ensure the overlay is above other elements */
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.spinner {
|
|
21
|
-
border: 3px solid rgba(0, 0, 0, 0.1);
|
|
22
|
-
border-radius: 50%;
|
|
23
|
-
border-top: 3px solid #3498db;
|
|
24
|
-
width: 20px;
|
|
25
|
-
height: 20px;
|
|
26
|
-
animation: spin 2s linear infinite;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
@keyframes spin {
|
|
30
|
-
0% {
|
|
31
|
-
transform: rotate(0deg);
|
|
32
|
-
}
|
|
33
|
-
100% {
|
|
34
|
-
transform: rotate(360deg);
|
|
35
|
-
}
|
|
36
|
-
}`;
|
|
37
4
|
export class DateTimePicker extends Field {
|
|
38
|
-
static get styles() {
|
|
39
|
-
return [overlayCss];
|
|
40
|
-
}
|
|
41
5
|
renderSync() {
|
|
42
6
|
var _a;
|
|
43
7
|
const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
44
8
|
return (versionedValues && Object.keys(versionedValues).length ? Object.keys(versionedValues) : [undefined]).map((id) => {
|
|
45
9
|
return html `<icure-text-field
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
${this.loading ? overlay() : nothing} `;
|
|
10
|
+
.readonly="${this.readonly}"
|
|
11
|
+
.displayMetadata="${this.displayMetadata}"
|
|
12
|
+
label="${this.label}"
|
|
13
|
+
.displayedLabels="${this.displayedLabels}"
|
|
14
|
+
.defaultLanguage="${this.defaultLanguage}"
|
|
15
|
+
.languages="${this.languages}"
|
|
16
|
+
schema="date-time"
|
|
17
|
+
.ownersProvider=${this.ownersProvider}
|
|
18
|
+
.translationProvider=${this.translationProvider}
|
|
19
|
+
.valueProvider=${singleValueProvider(this.valueProvider, id)}
|
|
20
|
+
.validationErrorsProvider=${this.validationErrorsProvider}
|
|
21
|
+
.metadataProvider=${this.metadataProvider}
|
|
22
|
+
.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}
|
|
23
|
+
.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}
|
|
24
|
+
></icure-text-field>`;
|
|
62
25
|
});
|
|
63
26
|
}
|
|
64
27
|
}
|
|
@@ -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,
|
|
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,64 +1,27 @@
|
|
|
1
|
-
import { html
|
|
2
|
-
import { handleSingleMetadataChanged, handleSingleValueChanged,
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
import { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils';
|
|
3
3
|
import { Field } from '../../../common';
|
|
4
|
-
// @ts-ignore
|
|
5
|
-
import { css } from 'lit';
|
|
6
|
-
const overlayCss = css `.overlay {
|
|
7
|
-
position: absolute;
|
|
8
|
-
height: 32px;
|
|
9
|
-
left: 2px;
|
|
10
|
-
right: 2px;
|
|
11
|
-
bottom: 8px;
|
|
12
|
-
background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
|
|
13
|
-
display: flex;
|
|
14
|
-
justify-content: center;
|
|
15
|
-
align-items: center;
|
|
16
|
-
pointer-events: auto; /* Ensure the overlay captures click events */
|
|
17
|
-
z-index: 1000; /* Ensure the overlay is above other elements */
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.spinner {
|
|
21
|
-
border: 3px solid rgba(0, 0, 0, 0.1);
|
|
22
|
-
border-radius: 50%;
|
|
23
|
-
border-top: 3px solid #3498db;
|
|
24
|
-
width: 20px;
|
|
25
|
-
height: 20px;
|
|
26
|
-
animation: spin 2s linear infinite;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
@keyframes spin {
|
|
30
|
-
0% {
|
|
31
|
-
transform: rotate(0deg);
|
|
32
|
-
}
|
|
33
|
-
100% {
|
|
34
|
-
transform: rotate(360deg);
|
|
35
|
-
}
|
|
36
|
-
}`;
|
|
37
4
|
export class TimePicker extends Field {
|
|
38
|
-
static get styles() {
|
|
39
|
-
return [overlayCss];
|
|
40
|
-
}
|
|
41
5
|
renderSync() {
|
|
42
6
|
var _a;
|
|
43
7
|
const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
44
8
|
return (versionedValues && Object.keys(versionedValues).length ? Object.keys(versionedValues) : [undefined]).map((id) => {
|
|
45
9
|
return html `<icure-text-field
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
${this.loading ? overlay() : nothing} `;
|
|
10
|
+
.readonly="${this.readonly}"
|
|
11
|
+
.displayMetadata="${this.displayMetadata}"
|
|
12
|
+
label="${this.label}"
|
|
13
|
+
.displayedLabels="${this.displayedLabels}"
|
|
14
|
+
.defaultLanguage="${this.defaultLanguage}"
|
|
15
|
+
.languages="${this.languages}"
|
|
16
|
+
schema="time"
|
|
17
|
+
.ownersProvider=${this.ownersProvider}
|
|
18
|
+
.translationProvider=${this.translationProvider}
|
|
19
|
+
.valueProvider=${singleValueProvider(this.valueProvider, id)}
|
|
20
|
+
.validationErrorsProvider=${this.validationErrorsProvider}
|
|
21
|
+
.metadataProvider=${this.metadataProvider}
|
|
22
|
+
.handleValueChanged=${handleSingleValueChanged(this.handleValueChanged, id)}
|
|
23
|
+
.handleMetadataChanged=${handleSingleMetadataChanged(this.handleMetadataChanged, id)}
|
|
24
|
+
></icure-text-field>`;
|
|
62
25
|
});
|
|
63
26
|
}
|
|
64
27
|
}
|
|
@@ -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,
|
|
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"]}
|
|
@@ -3,6 +3,5 @@ import { Field } from '../../../common';
|
|
|
3
3
|
import { Suggestion } from '../../../../generic';
|
|
4
4
|
export declare class DropdownField extends Field {
|
|
5
5
|
optionsProvider: (language: string, searchTerm?: string) => Promise<Suggestion[]>;
|
|
6
|
-
static get styles(): import("lit").CSSResult[];
|
|
7
6
|
renderSync(): TemplateResult[];
|
|
8
7
|
}
|
|
@@ -16,51 +16,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
16
16
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
17
17
|
});
|
|
18
18
|
};
|
|
19
|
-
import { html
|
|
19
|
+
import { html } from 'lit';
|
|
20
20
|
import { property } from 'lit/decorators.js';
|
|
21
21
|
import { Field } from '../../../common';
|
|
22
|
-
import { handleSingleMetadataChanged, handleSingleValueChanged,
|
|
23
|
-
// @ts-ignore
|
|
24
|
-
import { css } from 'lit';
|
|
25
|
-
const overlayCss = css `.overlay {
|
|
26
|
-
position: absolute;
|
|
27
|
-
height: 32px;
|
|
28
|
-
left: 2px;
|
|
29
|
-
right: 2px;
|
|
30
|
-
bottom: 8px;
|
|
31
|
-
background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
|
|
32
|
-
display: flex;
|
|
33
|
-
justify-content: center;
|
|
34
|
-
align-items: center;
|
|
35
|
-
pointer-events: auto; /* Ensure the overlay captures click events */
|
|
36
|
-
z-index: 1000; /* Ensure the overlay is above other elements */
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.spinner {
|
|
40
|
-
border: 3px solid rgba(0, 0, 0, 0.1);
|
|
41
|
-
border-radius: 50%;
|
|
42
|
-
border-top: 3px solid #3498db;
|
|
43
|
-
width: 20px;
|
|
44
|
-
height: 20px;
|
|
45
|
-
animation: spin 2s linear infinite;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
@keyframes spin {
|
|
49
|
-
0% {
|
|
50
|
-
transform: rotate(0deg);
|
|
51
|
-
}
|
|
52
|
-
100% {
|
|
53
|
-
transform: rotate(360deg);
|
|
54
|
-
}
|
|
55
|
-
}`;
|
|
22
|
+
import { handleSingleMetadataChanged, handleSingleValueChanged, singleValueProvider } from '../utils';
|
|
56
23
|
export class DropdownField extends Field {
|
|
57
24
|
constructor() {
|
|
58
25
|
super(...arguments);
|
|
59
26
|
this.optionsProvider = () => __awaiter(this, void 0, void 0, function* () { return []; });
|
|
60
27
|
}
|
|
61
|
-
static get styles() {
|
|
62
|
-
return [overlayCss];
|
|
63
|
-
}
|
|
64
28
|
renderSync() {
|
|
65
29
|
var _a;
|
|
66
30
|
const versionedValues = (_a = this.valueProvider) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
@@ -83,7 +47,6 @@ export class DropdownField extends Field {
|
|
|
83
47
|
.optionsProvider=${this.optionsProvider}
|
|
84
48
|
.translationProvider=${this.translationProvider}
|
|
85
49
|
></icure-dropdown-field>
|
|
86
|
-
${this.loading ? overlay() : nothing}
|
|
87
50
|
`;
|
|
88
51
|
});
|
|
89
52
|
}
|
|
@@ -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,
|
|
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"]}
|