@f1studio/form-spec 5.0.0-alpha.106 → 5.0.0-alpha.108

package/src/plugins/vitals/src/VitalsField.ts

@@ -0,0 +1,665 @@
+import { FSharpRef, Record } from "@fable-org/fable-library-js/Types.js";
+import { some, bind, value as value_140, map, defaultArg, Option } from "@fable-org/fable-library-js/Option.js";
+import { float64 } from "@fable-org/fable-library-js/Int32.js";
+import { equals, createObj, IComparable, IEquatable } from "@fable-org/fable-library-js/Util.js";
+import { class_type, string_type, bool_type, record_type, option_type, float64_type, TypeInfo } from "@fable-org/fable-library-js/Reflection.js";
+import { mapValues, Field$3, IAttributes } from "../../../fable_modules/Fable.Form.3.0.0/Field.fs.js";
+import { Form$3, FieldConfig$4, field as field_1 } from "../../../fable_modules/Fable.Form.3.0.0/Base.fs.js";
+import { printf, toText, join, split, isNullOrWhiteSpace, isNullOrEmpty } from "@fable-org/fable-library-js/String.js";
+import { item } from "@fable-org/fable-library-js/Array.js";
+import { tryParse, parse } from "@fable-org/fable-library-js/Double.js";
+import { createElement } from "react";
+import React from "react";
+import { reactApi } from "../../../fable_modules/Feliz.2.8.0/Interop.fs.js";
+import { ReactElement } from "../../../fable_modules/Fable.React.Types.18.3.0/Fable.React.fs.js";
+import { append as append_1, cons, empty as empty_1, tryFind, FSharpList, exists, singleton as singleton_1, ofArray } from "@fable-org/fable-library-js/List.js";
+import { withLabelAndError } from "../../../fable_modules/Fable.Form.Simple.Bulma.5.0.1/Html.View.fs.js";
+import { empty, singleton, append, delay, toList } from "@fable-org/fable-library-js/Seq.js";
+import { IStandardField$3_$reflection, IStandardField$3, IField$1, StandardRenderFieldConfig$2 } from "../../../fable_modules/Fable.Form.Simple.Bulma.5.0.1/Types.fs.js";
+import { Spec_FormField$1, Spec_FieldType_$union, Shared_FieldOption, Shared_FieldValue_$union, Shared_FieldKey, Shared_FieldValue_PluginData, Shared_PluginDataProperty, Shared_PluginPropertyKey, Spec_PluginFieldConfig } from "../../../FormSpec.FS/FormSpec.js";
+import { FSharpResult$2_$union, FSharpResult$2_Error, FSharpResult$2_Ok } from "@fable-org/fable-library-js/Result.js";
+import { IPluginValueConverter } from "../../../FormSpec.FS/PluginInterface.js";
+import { Helpers_combineClasses } from "../../../fable_modules/Feliz.Bulma.3.0.0/ElementBuilders.fs.js";
+import { RenderPreviewProps$1 } from "../../../FormSpec.FS/Interfaces.js";
+import { FieldDetails } from "../../../FormSpec.FS/Designer.js";
+
+export class VitalsField_VitalsData extends Record implements IEquatable<VitalsField_VitalsData>, IComparable<VitalsField_VitalsData> {
+    readonly Temperature: Option<float64>;
+    readonly SystolicBP: Option<float64>;
+    readonly DiastolicBP: Option<float64>;
+    readonly Pulse: Option<float64>;
+    readonly Respiration: Option<float64>;
+    readonly OxygenSaturation: Option<float64>;
+    readonly PainScale: Option<float64>;
+    constructor(Temperature: Option<float64>, SystolicBP: Option<float64>, DiastolicBP: Option<float64>, Pulse: Option<float64>, Respiration: Option<float64>, OxygenSaturation: Option<float64>, PainScale: Option<float64>) {
+        super();
+        this.Temperature = Temperature;
+        this.SystolicBP = SystolicBP;
+        this.DiastolicBP = DiastolicBP;
+        this.Pulse = Pulse;
+        this.Respiration = Respiration;
+        this.OxygenSaturation = OxygenSaturation;
+        this.PainScale = PainScale;
+    }
+}
+
+export function VitalsField_VitalsData_$reflection(): TypeInfo {
+    return record_type("Fable.Form.Simple.Bulma.Fields.VitalsField.VitalsField.VitalsData", [], VitalsField_VitalsData, () => [["Temperature", option_type(float64_type)], ["SystolicBP", option_type(float64_type)], ["DiastolicBP", option_type(float64_type)], ["Pulse", option_type(float64_type)], ["Respiration", option_type(float64_type)], ["OxygenSaturation", option_type(float64_type)], ["PainScale", option_type(float64_type)]]);
+}
+
+export class VitalsField_VitalsConfig extends Record implements IEquatable<VitalsField_VitalsConfig>, IComparable<VitalsField_VitalsConfig> {
+    readonly IncludeTemperature: boolean;
+    readonly IncludeBP: boolean;
+    readonly IncludePulse: boolean;
+    readonly IncludeRespiration: boolean;
+    readonly IncludeOxygenSat: boolean;
+    readonly IncludePainScale: boolean;
+    constructor(IncludeTemperature: boolean, IncludeBP: boolean, IncludePulse: boolean, IncludeRespiration: boolean, IncludeOxygenSat: boolean, IncludePainScale: boolean) {
+        super();
+        this.IncludeTemperature = IncludeTemperature;
+        this.IncludeBP = IncludeBP;
+        this.IncludePulse = IncludePulse;
+        this.IncludeRespiration = IncludeRespiration;
+        this.IncludeOxygenSat = IncludeOxygenSat;
+        this.IncludePainScale = IncludePainScale;
+    }
+}
+
+export function VitalsField_VitalsConfig_$reflection(): TypeInfo {
+    return record_type("Fable.Form.Simple.Bulma.Fields.VitalsField.VitalsField.VitalsConfig", [], VitalsField_VitalsConfig, () => [["IncludeTemperature", bool_type], ["IncludeBP", bool_type], ["IncludePulse", bool_type], ["IncludeRespiration", bool_type], ["IncludeOxygenSat", bool_type], ["IncludePainScale", bool_type]]);
+}
+
+export class VitalsField_Attributes extends Record implements IEquatable<VitalsField_Attributes>, IComparable<VitalsField_Attributes>, IAttributes {
+    readonly FieldId: string;
+    readonly Label: string;
+    readonly Config: VitalsField_VitalsConfig;
+    constructor(FieldId: string, Label: string, Config: VitalsField_VitalsConfig) {
+        super();
+        this.FieldId = FieldId;
+        this.Label = Label;
+        this.Config = Config;
+    }
+    GetFieldId(): string {
+        const this$: VitalsField_Attributes = this;
+        return this$.FieldId;
+    }
+}
+
+export function VitalsField_Attributes_$reflection(): TypeInfo {
+    return record_type("Fable.Form.Simple.Bulma.Fields.VitalsField.VitalsField.Attributes", [], VitalsField_Attributes, () => [["FieldId", string_type], ["Label", string_type], ["Config", VitalsField_VitalsConfig_$reflection()]]);
+}
+
+export function VitalsField_form<Values, Field, Output>(): ((arg0: ((arg0: Field$3<VitalsField_Attributes, string, Values>) => Field)) => ((arg0: FieldConfig$4<VitalsField_Attributes, string, Values, Output>) => Form$3<Values, Output, Field>)) {
+    return (build: ((arg0: Field$3<VitalsField_Attributes, string, Values>) => Field)): ((arg0: FieldConfig$4<VitalsField_Attributes, string, Values, Output>) => Form$3<Values, Output, Field>) => ((config: FieldConfig$4<VitalsField_Attributes, string, Values, Output>): Form$3<Values, Output, Field> => field_1<string, VitalsField_Attributes, Values, Field, Output>(isNullOrEmpty, build, config));
+}
+
+export function VitalsField_isValidTemperature(temp: float64): boolean {
+    if (temp >= 95) {
+        return temp <= 108;
+    }
+    else {
+        return false;
+    }
+}
+
+export function VitalsField_isValidSystolicBP(sys: float64): boolean {
+    if (sys >= 60) {
+        return sys <= 200;
+    }
+    else {
+        return false;
+    }
+}
+
+export function VitalsField_isValidDiastolicBP(dia: float64): boolean {
+    if (dia >= 40) {
+        return dia <= 120;
+    }
+    else {
+        return false;
+    }
+}
+
+export function VitalsField_isValidPulse(pulse: float64): boolean {
+    if (pulse >= 40) {
+        return pulse <= 180;
+    }
+    else {
+        return false;
+    }
+}
+
+export function VitalsField_isValidRespiration(resp: float64): boolean {
+    if (resp >= 8) {
+        return resp <= 35;
+    }
+    else {
+        return false;
+    }
+}
+
+export function VitalsField_isValidOxygenSat(sat: float64): boolean {
+    if (sat >= 70) {
+        return sat <= 100;
+    }
+    else {
+        return false;
+    }
+}
+
+export function VitalsField_isValidPainScale(pain: float64): boolean {
+    if (pain >= 0) {
+        return pain <= 10;
+    }
+    else {
+        return false;
+    }
+}
+
+export function VitalsField_isCriticalTemperature(temp: float64): boolean {
+    if (temp < 96) {
+        return true;
+    }
+    else {
+        return temp > 104;
+    }
+}
+
+export function VitalsField_isNormalTemperature(temp: float64): boolean {
+    if (temp >= 97) {
+        return temp <= 99;
+    }
+    else {
+        return false;
+    }
+}
+
+export function VitalsField_isCriticalSystolicBP(sys: float64): boolean {
+    if (sys < 90) {
+        return true;
+    }
+    else {
+        return sys > 180;
+    }
+}
+
+export function VitalsField_isCriticalDiastolicBP(dia: float64): boolean {
+    if (dia < 60) {
+        return true;
+    }
+    else {
+        return dia > 110;
+    }
+}
+
+export function VitalsField_isCriticalPulse(pulse: float64): boolean {
+    if (pulse < 50) {
+        return true;
+    }
+    else {
+        return pulse > 120;
+    }
+}
+
+export function VitalsField_isCriticalRespiration(resp: float64): boolean {
+    if (resp < 12) {
+        return true;
+    }
+    else {
+        return resp > 25;
+    }
+}
+
+export function VitalsField_isCriticalOxygenSat(sat: float64): boolean {
+    return sat < 95;
+}
+
+export function VitalsField_parseVitalsData(value: string): VitalsField_VitalsData {
+    try {
+        if (isNullOrWhiteSpace(value)) {
+            return new VitalsField_VitalsData(undefined, undefined, undefined, undefined, undefined, undefined, undefined);
+        }
+        else {
+            const parts: string[] = split(value, ["|"], undefined, 0);
+            return new VitalsField_VitalsData(((parts.length > 0) && !isNullOrWhiteSpace(item(0, parts))) ? parse(item(0, parts)) : undefined, ((parts.length > 1) && !isNullOrWhiteSpace(item(1, parts))) ? parse(item(1, parts)) : undefined, ((parts.length > 2) && !isNullOrWhiteSpace(item(2, parts))) ? parse(item(2, parts)) : undefined, ((parts.length > 3) && !isNullOrWhiteSpace(item(3, parts))) ? parse(item(3, parts)) : undefined, ((parts.length > 4) && !isNullOrWhiteSpace(item(4, parts))) ? parse(item(4, parts)) : undefined, ((parts.length > 5) && !isNullOrWhiteSpace(item(5, parts))) ? parse(item(5, parts)) : undefined, ((parts.length > 6) && !isNullOrWhiteSpace(item(6, parts))) ? parse(item(6, parts)) : undefined);
+        }
+    }
+    catch (matchValue: any) {
+        return new VitalsField_VitalsData(undefined, undefined, undefined, undefined, undefined, undefined, undefined);
+    }
+}
+
+export function VitalsField_serializeVitalsData(vitalsData: VitalsField_VitalsData): string {
+    const optToString = (opt: Option<float64>): string => defaultArg(map<float64, string>((value: float64): string => value.toString(), opt), "");
+    return join("|", [optToString(vitalsData.Temperature), optToString(vitalsData.SystolicBP), optToString(vitalsData.DiastolicBP), optToString(vitalsData.Pulse), optToString(vitalsData.Respiration), optToString(vitalsData.OxygenSaturation), optToString(vitalsData.PainScale)]);
+}
+
+export function VitalsField_getVitalStatus(value: Option<float64>, isValid: ((arg0: float64) => boolean), isCritical: ((arg0: float64) => boolean), isNormal: Option<((arg0: float64) => boolean)>): string {
+    let v_2: float64;
+    if (value == null) {
+        return "empty";
+    }
+    else if (isCritical(value_140(value))) {
+        const v_3: float64 = value_140(value);
+        return "critical";
+    }
+    else if (!isValid(value_140(value))) {
+        const v_4: float64 = value_140(value);
+        return "abnormal";
+    }
+    else if ((v_2 = value_140(value), (isNormal != null) && !value_140(isNormal)(v_2))) {
+        const v_5: float64 = value_140(value);
+        return "abnormal";
+    }
+    else {
+        return "normal";
+    }
+}
+
+export function VitalsField_VitalsFieldComponent(config: StandardRenderFieldConfig$2<string, VitalsField_Attributes>): ReactElement {
+    let elems_12: Iterable<ReactElement>;
+    const vitalsData: VitalsField_VitalsData = VitalsField_parseVitalsData(config.Value);
+    const vitalsConfig: VitalsField_VitalsConfig = config.Attributes.Config;
+    let patternInput: [string, ((arg0: string) => void)];
+    const initial: string = defaultArg(map<float64, string>((value: float64): string => value.toString(), vitalsData.Temperature), "");
+    patternInput = reactApi.useState<string, string>(initial);
+    const temperature: string = patternInput[0];
+    let patternInput_1: [string, ((arg0: string) => void)];
+    const initial_1: string = defaultArg(map<float64, string>((value_2: float64): string => value_2.toString(), vitalsData.SystolicBP), "");
+    patternInput_1 = reactApi.useState<string, string>(initial_1);
+    const systolicBP: string = patternInput_1[0];
+    let patternInput_2: [string, ((arg0: string) => void)];
+    const initial_2: string = defaultArg(map<float64, string>((value_4: float64): string => value_4.toString(), vitalsData.DiastolicBP), "");
+    patternInput_2 = reactApi.useState<string, string>(initial_2);
+    const diastolicBP: string = patternInput_2[0];
+    let patternInput_3: [string, ((arg0: string) => void)];
+    const initial_3: string = defaultArg(map<float64, string>((value_6: float64): string => value_6.toString(), vitalsData.Pulse), "");
+    patternInput_3 = reactApi.useState<string, string>(initial_3);
+    const pulse: string = patternInput_3[0];
+    let patternInput_4: [string, ((arg0: string) => void)];
+    const initial_4: string = defaultArg(map<float64, string>((value_8: float64): string => value_8.toString(), vitalsData.Respiration), "");
+    patternInput_4 = reactApi.useState<string, string>(initial_4);
+    const respiration: string = patternInput_4[0];
+    let patternInput_5: [string, ((arg0: string) => void)];
+    const initial_5: string = defaultArg(map<float64, string>((value_10: float64): string => value_10.toString(), vitalsData.OxygenSaturation), "");
+    patternInput_5 = reactApi.useState<string, string>(initial_5);
+    const oxygenSat: string = patternInput_5[0];
+    let patternInput_6: [string, ((arg0: string) => void)];
+    const initial_6: string = defaultArg(map<float64, string>((value_12: float64): string => value_12.toString(), vitalsData.PainScale), "");
+    patternInput_6 = reactApi.useState<string, string>(initial_6);
+    const painScale: string = patternInput_6[0];
+    const dependencies: any[] = [temperature, systolicBP, diastolicBP, pulse, respiration, oxygenSat, painScale];
+    reactApi.useEffect((): void => {
+        const parseOpt = (s: string): Option<float64> => {
+            if (isNullOrWhiteSpace(s)) {
+                return undefined;
+            }
+            else {
+                let matchValue: [boolean, float64];
+                let outArg = 0;
+                matchValue = ([tryParse(s, new FSharpRef<float64>((): float64 => outArg, (v: float64): void => {
+                    outArg = v;
+                })), outArg] as [boolean, float64]);
+                if (matchValue[0]) {
+                    return matchValue[1];
+                }
+                else {
+                    return undefined;
+                }
+            }
+        };
+        config.OnChange(VitalsField_serializeVitalsData(new VitalsField_VitalsData(parseOpt(temperature), parseOpt(systolicBP), parseOpt(diastolicBP), parseOpt(pulse), parseOpt(respiration), parseOpt(oxygenSat), parseOpt(painScale))));
+    }, dependencies);
+    const parseNumeric = (raw: string): Option<float64> => {
+        if (isNullOrWhiteSpace(raw)) {
+            return undefined;
+        }
+        else {
+            let matchValue_1: [boolean, float64];
+            let outArg_1 = 0;
+            matchValue_1 = ([tryParse(raw, new FSharpRef<float64>((): float64 => outArg_1, (v_2: float64): void => {
+                outArg_1 = v_2;
+            })), outArg_1] as [boolean, float64]);
+            if (matchValue_1[0]) {
+                return matchValue_1[1];
+            }
+            else {
+                return undefined;
+            }
+        }
+    };
+    const statusBadge = (status: string): ReactElement => createElement<any>("span", {
+        className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${(status === "critical") ? "bg-red-100 text-red-700 border border-red-200" : ((status === "abnormal") ? "bg-amber-100 text-amber-700 border border-amber-200" : ((status === "normal") ? "bg-emerald-100 text-emerald-700 border border-emerald-200" : "bg-slate-100 text-slate-600 border border-slate-200"))}`,
+        children: (status === "critical") ? "Critical" : ((status === "abnormal") ? "Abnormal" : ((status === "normal") ? "Normal" : "Pending")),
+    });
+    const createVitalInput = (label_1: string, value_18: string, setValue: ((arg0: string) => void), unitText: string, placeholder: string, isValid: ((arg0: float64) => boolean), isCritical: ((arg0: float64) => boolean), isNormal: Option<((arg0: float64) => boolean)>): ReactElement => {
+        let elems_1: Iterable<ReactElement>, elems: Iterable<ReactElement>;
+        const vitalStatus: string = VitalsField_getVitalStatus(parseNumeric(value_18), isValid, isCritical, isNormal);
+        let inputClass: string;
+        const baseClass = "mt-1 block w-full rounded-md border bg-white px-2.5 py-1.5 text-sm text-slate-900 shadow-sm transition placeholder:text-slate-400 focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:bg-slate-100 disabled:text-slate-500";
+        inputClass = ((config.ShowError && (config.Error != null)) ? (`${baseClass} border-red-400 focus:border-red-500 focus:ring-red-500/30`) : (`${baseClass} ${(vitalStatus === "critical") ? "border-red-300 focus:border-red-500 focus:ring-red-500/30" : ((vitalStatus === "abnormal") ? "border-amber-300 focus:border-amber-500 focus:ring-amber-500/30" : "border-slate-300 focus:border-sky-500 focus:ring-sky-500/30")}`));
+        return createElement<any>("div", createObj(ofArray([["className", "rounded-lg border border-slate-200 bg-white p-2.5 shadow-sm"] as [string, any], (elems_1 = [createElement<any>("div", createObj(ofArray([["className", "flex items-center justify-between gap-3"] as [string, any], (elems = [createElement<any>("label", {
+            className: "text-xs font-semibold uppercase tracking-wide text-slate-700",
+            children: label_1,
+        }), statusBadge(vitalStatus)], ["children", reactApi.Children.toArray(Array.from(elems))] as [string, any])]))), createElement<any>("input", {
+            type: "number",
+            className: inputClass,
+            value: value_18,
+            placeholder: placeholder,
+            disabled: config.Disabled ? true : config.IsReadOnly,
+            onChange: (ev: Event): void => {
+                setValue(ev.target.value);
+            },
+        }), createElement<any>("p", {
+            className: "mt-1 text-[11px] text-slate-500",
+            children: unitText,
+        })], ["children", reactApi.Children.toArray(Array.from(elems_1))] as [string, any])])));
+    };
+    return withLabelAndError(config.Attributes.Label, config.ShowError, config.Error, createElement<any>("div", createObj(ofArray([["className", "space-y-2.5"] as [string, any], (elems_12 = toList<ReactElement>(delay<ReactElement>((): Iterable<ReactElement> => {
+        let elems_8: Iterable<ReactElement>;
+        return append<ReactElement>(singleton<ReactElement>(createElement<any>("div", createObj(ofArray([["className", "grid grid-cols-1 auto-rows-min content-start items-start gap-2 md:grid-cols-2 lg:grid-cols-3"] as [string, any], (elems_8 = toList<ReactElement>(delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>(vitalsConfig.IncludeTemperature ? singleton<ReactElement>(createVitalInput("Temperature", temperature, patternInput[1], "Normal: 97-99°F", "98.6", VitalsField_isValidTemperature, VitalsField_isCriticalTemperature, VitalsField_isNormalTemperature)) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => {
+            let systolicStatus: string, diastolicStatus: string, elems_7: Iterable<ReactElement>, elems_3: Iterable<ReactElement>, elems_2: Iterable<ReactElement>, elems_6: Iterable<ReactElement>, elems_4: Iterable<ReactElement>, value_66: string, elems_5: Iterable<ReactElement>, value_85: string;
+            return append<ReactElement>(vitalsConfig.IncludeBP ? ((systolicStatus = VitalsField_getVitalStatus(parseNumeric(systolicBP), VitalsField_isValidSystolicBP, VitalsField_isCriticalSystolicBP, undefined), (diastolicStatus = VitalsField_getVitalStatus(parseNumeric(diastolicBP), VitalsField_isValidDiastolicBP, VitalsField_isCriticalDiastolicBP, undefined), singleton<ReactElement>(createElement<any>("div", createObj(ofArray([["className", "rounded-lg border border-slate-200 bg-white p-2.5 shadow-sm"] as [string, any], (elems_7 = [createElement<any>("div", createObj(ofArray([["className", "flex items-center justify-between gap-3"] as [string, any], (elems_3 = [createElement<any>("label", {
+                className: "text-xs font-semibold uppercase tracking-wide text-slate-700",
+                children: "Blood Pressure",
+            }), createElement<any>("div", createObj(ofArray([["className", "inline-flex gap-2"] as [string, any], (elems_2 = [statusBadge(systolicStatus), statusBadge(diastolicStatus)], ["children", reactApi.Children.toArray(Array.from(elems_2))] as [string, any])])))], ["children", reactApi.Children.toArray(Array.from(elems_3))] as [string, any])]))), createElement<any>("div", createObj(ofArray([["className", "mt-1 grid grid-cols-[1fr_auto_1fr] items-center gap-1.5"] as [string, any], (elems_6 = [createElement<any>("div", createObj(singleton_1((elems_4 = [createElement<any>("label", {
+                className: "text-[11px] font-medium text-slate-600",
+                children: "Systolic",
+            }), createElement<any>("input", createObj(ofArray([["type", "number"] as [string, any], (value_66 = "mt-1 block w-full rounded-md border border-slate-300 bg-white px-2.5 py-1.5 text-sm shadow-sm placeholder:text-slate-400 focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500/30 disabled:cursor-not-allowed disabled:bg-slate-100 disabled:text-slate-500", ["className", value_66] as [string, any]), ["value", systolicBP] as [string, any], ["placeholder", "120"] as [string, any], ["disabled", config.Disabled ? true : config.IsReadOnly] as [string, any], ["onChange", (ev_1: Event): void => {
+                patternInput_1[1](ev_1.target.value);
+            }] as [string, any]])))], ["children", reactApi.Children.toArray(Array.from(elems_4))] as [string, any])))), createElement<any>("div", {
+                className: "pt-4 text-base font-semibold text-slate-500",
+                children: "/",
+            }), createElement<any>("div", createObj(singleton_1((elems_5 = [createElement<any>("label", {
+                className: "text-[11px] font-medium text-slate-600",
+                children: "Diastolic",
+            }), createElement<any>("input", createObj(ofArray([["type", "number"] as [string, any], (value_85 = "mt-1 block w-full rounded-md border border-slate-300 bg-white px-2.5 py-1.5 text-sm shadow-sm placeholder:text-slate-400 focus:border-sky-500 focus:outline-none focus:ring-2 focus:ring-sky-500/30 disabled:cursor-not-allowed disabled:bg-slate-100 disabled:text-slate-500", ["className", value_85] as [string, any]), ["value", diastolicBP] as [string, any], ["placeholder", "80"] as [string, any], ["disabled", config.Disabled ? true : config.IsReadOnly] as [string, any], ["onChange", (ev_2: Event): void => {
+                patternInput_2[1](ev_2.target.value);
+            }] as [string, any]])))], ["children", reactApi.Children.toArray(Array.from(elems_5))] as [string, any]))))], ["children", reactApi.Children.toArray(Array.from(elems_6))] as [string, any])]))), createElement<any>("p", {
+                className: "mt-1 text-[11px] text-slate-500",
+                children: "mmHg",
+            })], ["children", reactApi.Children.toArray(Array.from(elems_7))] as [string, any])]))))))) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>(vitalsConfig.IncludePulse ? singleton<ReactElement>(createVitalInput("Pulse Rate", pulse, patternInput_3[1], "BPM", "72", VitalsField_isValidPulse, VitalsField_isCriticalPulse, undefined)) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>(vitalsConfig.IncludeRespiration ? singleton<ReactElement>(createVitalInput("Respiration Rate", respiration, patternInput_4[1], "per minute", "16", VitalsField_isValidRespiration, VitalsField_isCriticalRespiration, undefined)) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>(vitalsConfig.IncludeOxygenSat ? singleton<ReactElement>(createVitalInput("Oxygen Saturation", oxygenSat, patternInput_5[1], "%", "98", VitalsField_isValidOxygenSat, VitalsField_isCriticalOxygenSat, undefined)) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => (vitalsConfig.IncludePainScale ? singleton<ReactElement>(createVitalInput("Pain Scale", painScale, patternInput_6[1], "0-10 scale", "0", VitalsField_isValidPainScale, (_arg: float64): boolean => false, undefined)) : empty<ReactElement>())))))))));
+        })))), ["children", reactApi.Children.toArray(Array.from(elems_8))] as [string, any])])))), delay<ReactElement>((): Iterable<ReactElement> => {
+            let elems_11: Iterable<ReactElement>, elems_10: Iterable<ReactElement>, elems_9: Iterable<ReactElement>;
+            return exists<string>((s_1: string): boolean => !isNullOrWhiteSpace(s_1), ofArray([temperature, systolicBP, diastolicBP, pulse, respiration, oxygenSat, painScale])) ? singleton<ReactElement>(createElement<any>("div", createObj(ofArray([["className", "rounded-lg border border-sky-200 bg-sky-50/60 p-2.5 shadow-sm"] as [string, any], (elems_11 = [createElement<any>("h6", {
+                className: "text-xs font-semibold uppercase tracking-wide text-sky-900",
+                children: "📋 Vital Signs Summary",
+            }), createElement<any>("div", createObj(ofArray([["className", "mt-1.5 text-xs text-slate-700"] as [string, any], (elems_10 = [createElement<any>("div", createObj(ofArray([["className", "flex flex-wrap gap-1.5"] as [string, any], (elems_9 = toList<ReactElement>(delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>((vitalsConfig.IncludeTemperature && !isNullOrWhiteSpace(temperature)) ? singleton<ReactElement>(createElement<any>("span", {
+                className: "rounded-md bg-white/80 px-2 py-0.5",
+                children: ("🌡️ Temp " + temperature) + "°F",
+            })) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>((vitalsConfig.IncludeBP && (!isNullOrWhiteSpace(systolicBP) ? true : !isNullOrWhiteSpace(diastolicBP))) ? singleton<ReactElement>(createElement<any>("span", {
+                className: "rounded-md bg-white/80 px-2 py-0.5",
+                children: ((("💓 BP " + systolicBP) + "/") + diastolicBP) + " mmHg",
+            })) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>((vitalsConfig.IncludePulse && !isNullOrWhiteSpace(pulse)) ? singleton<ReactElement>(createElement<any>("span", {
+                className: "rounded-md bg-white/80 px-2 py-0.5",
+                children: ("💗 Pulse " + pulse) + " BPM",
+            })) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>((vitalsConfig.IncludeRespiration && !isNullOrWhiteSpace(respiration)) ? singleton<ReactElement>(createElement<any>("span", {
+                className: "rounded-md bg-white/80 px-2 py-0.5",
+                children: ("🫁 Resp " + respiration) + " RPM",
+            })) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => append<ReactElement>((vitalsConfig.IncludeOxygenSat && !isNullOrWhiteSpace(oxygenSat)) ? singleton<ReactElement>(createElement<any>("span", {
+                className: "rounded-md bg-white/80 px-2 py-0.5",
+                children: ("🩸 O2 " + oxygenSat) + "%",
+            })) : empty<ReactElement>(), delay<ReactElement>((): Iterable<ReactElement> => ((vitalsConfig.IncludePainScale && !isNullOrWhiteSpace(painScale)) ? singleton<ReactElement>(createElement<any>("span", {
+                className: "rounded-md bg-white/80 px-2 py-0.5",
+                children: ("😖 Pain " + painScale) + "/10",
+            })) : empty<ReactElement>()))))))))))))), ["children", reactApi.Children.toArray(Array.from(elems_9))] as [string, any])])))], ["children", reactApi.Children.toArray(Array.from(elems_10))] as [string, any])])))], ["children", reactApi.Children.toArray(Array.from(elems_11))] as [string, any])])))) : empty<ReactElement>();
+        }));
+    })), ["children", reactApi.Children.toArray(Array.from(elems_12))] as [string, any])]))));
+}
+
+export class VitalsField_Field$1<Values> extends IStandardField$3<Values, string, VitalsField_Attributes> implements IField$1<Values> {
+    readonly innerField_1: Field$3<VitalsField_Attributes, string, Values>;
+    constructor(innerField: Field$3<VitalsField_Attributes, string, Values>) {
+        super(innerField);
+        this.innerField_1 = innerField;
+    }
+    "Fable.Form.Simple.Bulma.IStandardField`3.RenderFieldZ43FEF6DC"(config: StandardRenderFieldConfig$2<string, VitalsField_Attributes>): ReactElement {
+        return createElement(VitalsField_VitalsFieldComponent, config);
+    }
+    MapFieldValues<NewValues>(update: ((arg0: Values) => $a)): IField$1<$a> {
+        const _: VitalsField_Field$1<Values> = this;
+        return VitalsField_Field$1_$ctor_Z521739C7<$a>(mapValues<Values, $a, VitalsField_Attributes, string>(update, _.innerField_1));
+    }
+}
+
+export function VitalsField_Field$1_$reflection(gen0: TypeInfo): TypeInfo {
+    return class_type("Fable.Form.Simple.Bulma.Fields.VitalsField.VitalsField.Field`1", [gen0], VitalsField_Field$1, IStandardField$3_$reflection(gen0, string_type, VitalsField_Attributes_$reflection()));
+}
+
+export function VitalsField_Field$1_$ctor_Z521739C7<Values>(innerField: Field$3<VitalsField_Attributes, string, Values>): VitalsField_Field$1<Values> {
+    return new VitalsField_Field$1(innerField);
+}
+
+export function Form_vitalsField<Values, Output>(config: FieldConfig$4<VitalsField_Attributes, string, Values, Output>): Form$3<Values, Output, IField$1<Values>> {
+    return VitalsField_form<Values, IField$1<Values>, Output>()(VitalsField_Field$1_$ctor_Z521739C7)(config);
+}
+
+export const Form_pluginConfig: Spec_PluginFieldConfig = new Spec_PluginFieldConfig("Fable.Form.Simple.Bulma.Fields.VitalsField");
+
+export const Form_PropertyKeys_Temperature: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("a1b2c3d4-5e6f-7890-abcd-ef1234567890");
+
+export const Form_PropertyKeys_SystolicBP: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("b2c3d4e5-6f78-90ab-cdef-123456789012");
+
+export const Form_PropertyKeys_DiastolicBP: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("c3d4e5f6-7890-abcd-ef12-345678901234");
+
+export const Form_PropertyKeys_Pulse: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("d4e5f678-90ab-cdef-1234-56789012345a");
+
+export const Form_PropertyKeys_Respiration: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("e5f67890-abcd-ef12-3456-789012345abc");
+
+export const Form_PropertyKeys_OxygenSaturation: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("f6789012-3456-789a-bcde-f012345678de");
+
+export const Form_PropertyKeys_PainScale: Shared_PluginPropertyKey = new Shared_PluginPropertyKey("67890123-4567-89ab-cdef-0123456789ef");
+
+export const Form_enhancedVitalsConverter: IPluginValueConverter = new IPluginValueConverter((fieldKey: Shared_FieldKey, pluginValue: any): Option<Shared_FieldValue_$union> => {
+    const vitalsData: VitalsField_VitalsData = pluginValue;
+    return Shared_FieldValue_PluginData(toList<Shared_PluginDataProperty>(delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => append<Shared_PluginDataProperty>((vitalsData.Temperature != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_Temperature, "temperature", "float", value_140(vitalsData.Temperature).toString(), "Temperature", "°F", "Body temperature in Fahrenheit")) : empty<Shared_PluginDataProperty>(), delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => append<Shared_PluginDataProperty>((vitalsData.SystolicBP != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_SystolicBP, "systolic_bp", "float", value_140(vitalsData.SystolicBP).toString(), "Systolic BP", "mmHg", "Systolic blood pressure")) : empty<Shared_PluginDataProperty>(), delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => append<Shared_PluginDataProperty>((vitalsData.DiastolicBP != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_DiastolicBP, "diastolic_bp", "float", value_140(vitalsData.DiastolicBP).toString(), "Diastolic BP", "mmHg", "Diastolic blood pressure")) : empty<Shared_PluginDataProperty>(), delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => append<Shared_PluginDataProperty>((vitalsData.Pulse != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_Pulse, "pulse", "float", value_140(vitalsData.Pulse).toString(), "Pulse Rate", "BPM", "Heart rate in beats per minute")) : empty<Shared_PluginDataProperty>(), delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => append<Shared_PluginDataProperty>((vitalsData.Respiration != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_Respiration, "respiration", "float", value_140(vitalsData.Respiration).toString(), "Respiration Rate", "RPM", "Respiratory rate per minute")) : empty<Shared_PluginDataProperty>(), delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => append<Shared_PluginDataProperty>((vitalsData.OxygenSaturation != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_OxygenSaturation, "oxygen_saturation", "float", value_140(vitalsData.OxygenSaturation).toString(), "O2 Saturation", "%", "Oxygen saturation percentage")) : empty<Shared_PluginDataProperty>(), delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => ((vitalsData.PainScale != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_PainScale, "pain_scale", "float", value_140(vitalsData.PainScale).toString(), "Pain Level", "/10", "Pain scale from 0 to 10")) : empty<Shared_PluginDataProperty>()))))))))))))))));
+}, (fieldValue: Shared_FieldValue_$union): Option<any> => {
+    switch (fieldValue.tag) {
+        case /* PluginData */ 3: {
+            const properties: FSharpList<Shared_PluginDataProperty> = fieldValue.fields[0];
+            const getPropertyValue = (name: string): Option<float64> => bind<Shared_PluginDataProperty, float64>((p_1: Shared_PluginDataProperty): Option<float64> => {
+                let matchValue: [boolean, float64];
+                let outArg = 0;
+                matchValue = ([tryParse(p_1.Value, new FSharpRef<float64>((): float64 => outArg, (v: float64): void => {
+                    outArg = v;
+                })), outArg] as [boolean, float64]);
+                if (matchValue[0]) {
+                    return matchValue[1];
+                }
+                else {
+                    return undefined;
+                }
+            }, tryFind<Shared_PluginDataProperty>((p: Shared_PluginDataProperty): boolean => (p.Name === name), properties));
+            return some(new VitalsField_VitalsData(getPropertyValue("temperature"), getPropertyValue("systolic_bp"), getPropertyValue("diastolic_bp"), getPropertyValue("pulse"), getPropertyValue("respiration"), getPropertyValue("oxygen_saturation"), getPropertyValue("pain_scale")));
+        }
+        case /* Single */ 0:
+            return some(VitalsField_parseVitalsData(fieldValue.fields[0].Value));
+        default:
+            return undefined;
+    }
+}, (): Option<FSharpList<Shared_FieldOption>> => undefined, (): FSharpList<string> => ofArray(["temperature", "systolic_bp", "diastolic_bp", "pulse", "respiration", "oxygen_saturation", "pain_scale"]), (propertyName: string): Option<Shared_PluginDataProperty> => ((propertyName === "temperature") ? (new Shared_PluginDataProperty(Form_PropertyKeys_Temperature, "temperature", "float", "", "Temperature", "°F", "Body temperature in Fahrenheit")) : ((propertyName === "systolic_bp") ? (new Shared_PluginDataProperty(Form_PropertyKeys_SystolicBP, "systolic_bp", "float", "", "Systolic BP", "mmHg", "Systolic blood pressure")) : ((propertyName === "diastolic_bp") ? (new Shared_PluginDataProperty(Form_PropertyKeys_DiastolicBP, "diastolic_bp", "float", "", "Diastolic BP", "mmHg", "Diastolic blood pressure")) : ((propertyName === "pulse") ? (new Shared_PluginDataProperty(Form_PropertyKeys_Pulse, "pulse", "float", "", "Pulse Rate", "BPM", "Heart rate in beats per minute")) : ((propertyName === "respiration") ? (new Shared_PluginDataProperty(Form_PropertyKeys_Respiration, "respiration", "float", "", "Respiration Rate", "RPM", "Respiratory rate per minute")) : ((propertyName === "oxygen_saturation") ? (new Shared_PluginDataProperty(Form_PropertyKeys_OxygenSaturation, "oxygen_saturation", "float", "", "O2 Saturation", "%", "Oxygen saturation percentage")) : ((propertyName === "pain_scale") ? (new Shared_PluginDataProperty(Form_PropertyKeys_PainScale, "pain_scale", "float", "", "Pain Level", "/10", "Pain scale from 0 to 10")) : undefined))))))), (propertyKey: Shared_PluginPropertyKey): Option<Shared_PluginDataProperty> => (equals(propertyKey, Form_PropertyKeys_Temperature) ? (new Shared_PluginDataProperty(Form_PropertyKeys_Temperature, "temperature", "float", "", "Temperature", "°F", "Body temperature in Fahrenheit")) : (equals(propertyKey, Form_PropertyKeys_SystolicBP) ? (new Shared_PluginDataProperty(Form_PropertyKeys_SystolicBP, "systolic_bp", "float", "", "Systolic BP", "mmHg", "Systolic blood pressure")) : (equals(propertyKey, Form_PropertyKeys_DiastolicBP) ? (new Shared_PluginDataProperty(Form_PropertyKeys_DiastolicBP, "diastolic_bp", "float", "", "Diastolic BP", "mmHg", "Diastolic blood pressure")) : (equals(propertyKey, Form_PropertyKeys_Pulse) ? (new Shared_PluginDataProperty(Form_PropertyKeys_Pulse, "pulse", "float", "", "Pulse Rate", "BPM", "Heart rate in beats per minute")) : (equals(propertyKey, Form_PropertyKeys_Respiration) ? (new Shared_PluginDataProperty(Form_PropertyKeys_Respiration, "respiration", "float", "", "Respiration Rate", "RPM", "Respiratory rate per minute")) : (equals(propertyKey, Form_PropertyKeys_OxygenSaturation) ? (new Shared_PluginDataProperty(Form_PropertyKeys_OxygenSaturation, "oxygen_saturation", "float", "", "O2 Saturation", "%", "Oxygen saturation percentage")) : (equals(propertyKey, Form_PropertyKeys_PainScale) ? (new Shared_PluginDataProperty(Form_PropertyKeys_PainScale, "pain_scale", "float", "", "Pain Level", "/10", "Pain scale from 0 to 10")) : undefined))))))), (propertyName_1: string, fieldValue_1: Shared_FieldValue_$union): Option<Shared_PluginDataProperty> => {
+    switch (fieldValue_1.tag) {
+        case /* PluginData */ 3:
+            return tryFind<Shared_PluginDataProperty>((p_2: Shared_PluginDataProperty): boolean => (p_2.Name === propertyName_1), fieldValue_1.fields[0]);
+        case /* Single */ 0: {
+            const vitalsData_1: VitalsField_VitalsData = VitalsField_parseVitalsData(fieldValue_1.fields[0].Value);
+            return (propertyName_1 === "temperature") ? map<float64, Shared_PluginDataProperty>((v_1: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Temperature, "temperature", "float", v_1.toString(), "Temperature", "°F", "Body temperature in Fahrenheit")), vitalsData_1.Temperature) : ((propertyName_1 === "systolic_bp") ? map<float64, Shared_PluginDataProperty>((v_2: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_SystolicBP, "systolic_bp", "float", v_2.toString(), "Systolic BP", "mmHg", "Systolic blood pressure")), vitalsData_1.SystolicBP) : ((propertyName_1 === "diastolic_bp") ? map<float64, Shared_PluginDataProperty>((v_3: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_DiastolicBP, "diastolic_bp", "float", v_3.toString(), "Diastolic BP", "mmHg", "Diastolic blood pressure")), vitalsData_1.DiastolicBP) : ((propertyName_1 === "pulse") ? map<float64, Shared_PluginDataProperty>((v_4: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Pulse, "pulse", "float", v_4.toString(), "Pulse Rate", "BPM", "Heart rate in beats per minute")), vitalsData_1.Pulse) : ((propertyName_1 === "respiration") ? map<float64, Shared_PluginDataProperty>((v_5: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Respiration, "respiration", "float", v_5.toString(), "Respiration Rate", "RPM", "Respiratory rate per minute")), vitalsData_1.Respiration) : ((propertyName_1 === "oxygen_saturation") ? map<float64, Shared_PluginDataProperty>((v_6: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_OxygenSaturation, "oxygen_saturation", "float", v_6.toString(), "O2 Saturation", "%", "Oxygen saturation percentage")), vitalsData_1.OxygenSaturation) : ((propertyName_1 === "pain_scale") ? map<float64, Shared_PluginDataProperty>((v_7: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_PainScale, "pain_scale", "float", v_7.toString(), "Pain Level", "/10", "Pain scale from 0 to 10")), vitalsData_1.PainScale) : undefined))))));
+        }
+        default:
+            return undefined;
+    }
+}, (propertyKey_1: Shared_PluginPropertyKey, fieldValue_2: Shared_FieldValue_$union): Option<Shared_PluginDataProperty> => {
+    switch (fieldValue_2.tag) {
+        case /* PluginData */ 3:
+            return tryFind<Shared_PluginDataProperty>((p_3: Shared_PluginDataProperty): boolean => equals(p_3.PropertyKey, propertyKey_1), fieldValue_2.fields[0]);
+        case /* Single */ 0: {
+            const vitalsData_2: VitalsField_VitalsData = VitalsField_parseVitalsData(fieldValue_2.fields[0].Value);
+            return equals(propertyKey_1, Form_PropertyKeys_Temperature) ? map<float64, Shared_PluginDataProperty>((v_8: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Temperature, "temperature", "float", v_8.toString(), "Temperature", "°F", "Body temperature in Fahrenheit")), vitalsData_2.Temperature) : (equals(propertyKey_1, Form_PropertyKeys_SystolicBP) ? map<float64, Shared_PluginDataProperty>((v_9: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_SystolicBP, "systolic_bp", "float", v_9.toString(), "Systolic BP", "mmHg", "Systolic blood pressure")), vitalsData_2.SystolicBP) : (equals(propertyKey_1, Form_PropertyKeys_DiastolicBP) ? map<float64, Shared_PluginDataProperty>((v_10: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_DiastolicBP, "diastolic_bp", "float", v_10.toString(), "Diastolic BP", "mmHg", "Diastolic blood pressure")), vitalsData_2.DiastolicBP) : (equals(propertyKey_1, Form_PropertyKeys_Pulse) ? map<float64, Shared_PluginDataProperty>((v_11: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Pulse, "pulse", "float", v_11.toString(), "Pulse Rate", "BPM", "Heart rate in beats per minute")), vitalsData_2.Pulse) : (equals(propertyKey_1, Form_PropertyKeys_Respiration) ? map<float64, Shared_PluginDataProperty>((v_12: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_Respiration, "respiration", "float", v_12.toString(), "Respiration Rate", "RPM", "Respiratory rate per minute")), vitalsData_2.Respiration) : (equals(propertyKey_1, Form_PropertyKeys_OxygenSaturation) ? map<float64, Shared_PluginDataProperty>((v_13: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_OxygenSaturation, "oxygen_saturation", "float", v_13.toString(), "O2 Saturation", "%", "Oxygen saturation percentage")), vitalsData_2.OxygenSaturation) : (equals(propertyKey_1, Form_PropertyKeys_PainScale) ? map<float64, Shared_PluginDataProperty>((v_14: float64): Shared_PluginDataProperty => (new Shared_PluginDataProperty(Form_PropertyKeys_PainScale, "pain_scale", "float", v_14.toString(), "Pain Level", "/10", "Pain scale from 0 to 10")), vitalsData_2.PainScale) : undefined))))));
+        }
+        default:
+            return undefined;
+    }
+}, (propertyName_2: string, value_1: string): FSharpResult$2_$union<void, string> => {
+    switch (propertyName_2) {
+        case "temperature": {
+            let matchValue_1: [boolean, float64];
+            let outArg_1 = 0;
+            matchValue_1 = ([tryParse(value_1, new FSharpRef<float64>((): float64 => outArg_1, (v_15: float64): void => {
+                outArg_1 = v_15;
+            })), outArg_1] as [boolean, float64]);
+            return matchValue_1[0] ? (VitalsField_isValidTemperature(matchValue_1[1]) ? FSharpResult$2_Ok<void, string>(undefined) : FSharpResult$2_Error<void, string>(("Temperature must be between 95-108°F, got " + matchValue_1[1].toString()) + "°F")) : FSharpResult$2_Error<void, string>("Temperature must be a valid number");
+        }
+        case "systolic_bp": {
+            let matchValue_2: [boolean, float64];
+            let outArg_2 = 0;
+            matchValue_2 = ([tryParse(value_1, new FSharpRef<float64>((): float64 => outArg_2, (v_19: float64): void => {
+                outArg_2 = v_19;
+            })), outArg_2] as [boolean, float64]);
+            return matchValue_2[0] ? (VitalsField_isValidSystolicBP(matchValue_2[1]) ? FSharpResult$2_Ok<void, string>(undefined) : FSharpResult$2_Error<void, string>("Systolic BP must be between 60-200 mmHg, got " + matchValue_2[1].toString())) : FSharpResult$2_Error<void, string>("Systolic BP must be a valid number");
+        }
+        case "diastolic_bp": {
+            let matchValue_3: [boolean, float64];
+            let outArg_3 = 0;
+            matchValue_3 = ([tryParse(value_1, new FSharpRef<float64>((): float64 => outArg_3, (v_23: float64): void => {
+                outArg_3 = v_23;
+            })), outArg_3] as [boolean, float64]);
+            return matchValue_3[0] ? (VitalsField_isValidDiastolicBP(matchValue_3[1]) ? FSharpResult$2_Ok<void, string>(undefined) : FSharpResult$2_Error<void, string>("Diastolic BP must be between 40-120 mmHg, got " + matchValue_3[1].toString())) : FSharpResult$2_Error<void, string>("Diastolic BP must be a valid number");
+        }
+        case "pulse": {
+            let matchValue_4: [boolean, float64];
+            let outArg_4 = 0;
+            matchValue_4 = ([tryParse(value_1, new FSharpRef<float64>((): float64 => outArg_4, (v_27: float64): void => {
+                outArg_4 = v_27;
+            })), outArg_4] as [boolean, float64]);
+            return matchValue_4[0] ? (VitalsField_isValidPulse(matchValue_4[1]) ? FSharpResult$2_Ok<void, string>(undefined) : FSharpResult$2_Error<void, string>("Pulse must be between 40-180 BPM, got " + matchValue_4[1].toString())) : FSharpResult$2_Error<void, string>("Pulse must be a valid number");
+        }
+        case "respiration": {
+            let matchValue_5: [boolean, float64];
+            let outArg_5 = 0;
+            matchValue_5 = ([tryParse(value_1, new FSharpRef<float64>((): float64 => outArg_5, (v_31: float64): void => {
+                outArg_5 = v_31;
+            })), outArg_5] as [boolean, float64]);
+            return matchValue_5[0] ? (VitalsField_isValidRespiration(matchValue_5[1]) ? FSharpResult$2_Ok<void, string>(undefined) : FSharpResult$2_Error<void, string>("Respiration rate must be between 8-35 RPM, got " + matchValue_5[1].toString())) : FSharpResult$2_Error<void, string>("Respiration rate must be a valid number");
+        }
+        case "oxygen_saturation": {
+            let matchValue_6: [boolean, float64];
+            let outArg_6 = 0;
+            matchValue_6 = ([tryParse(value_1, new FSharpRef<float64>((): float64 => outArg_6, (v_35: float64): void => {
+                outArg_6 = v_35;
+            })), outArg_6] as [boolean, float64]);
+            return matchValue_6[0] ? (VitalsField_isValidOxygenSat(matchValue_6[1]) ? FSharpResult$2_Ok<void, string>(undefined) : FSharpResult$2_Error<void, string>(("Oxygen saturation must be between 70-100%, got " + matchValue_6[1].toString()) + "%")) : FSharpResult$2_Error<void, string>("Oxygen saturation must be a valid number");
+        }
+        case "pain_scale": {
+            let matchValue_7: [boolean, float64];
+            let outArg_7 = 0;
+            matchValue_7 = ([tryParse(value_1, new FSharpRef<float64>((): float64 => outArg_7, (v_39: float64): void => {
+                outArg_7 = v_39;
+            })), outArg_7] as [boolean, float64]);
+            return matchValue_7[0] ? (VitalsField_isValidPainScale(matchValue_7[1]) ? FSharpResult$2_Ok<void, string>(undefined) : FSharpResult$2_Error<void, string>("Pain scale must be between 0-10, got " + matchValue_7[1].toString())) : FSharpResult$2_Error<void, string>("Pain scale must be a valid number");
+        }
+        default:
+            return FSharpResult$2_Error<void, string>("Unknown property: " + propertyName_2);
+    }
+}, (fieldValue_3: Shared_FieldValue_$union): FSharpList<Shared_PluginDataProperty> => {
+    switch (fieldValue_3.tag) {
+        case /* PluginData */ 3:
+            return fieldValue_3.fields[0];
+        case /* Single */ 0: {
+            const vitalsData_3: VitalsField_VitalsData = VitalsField_parseVitalsData(fieldValue_3.fields[0].Value);
+            return toList<Shared_PluginDataProperty>(delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => append<Shared_PluginDataProperty>((vitalsData_3.Temperature != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_Temperature, "temperature", "float", value_140(vitalsData_3.Temperature).toString(), "Temperature", "°F", "Body temperature in Fahrenheit")) : empty<Shared_PluginDataProperty>(), delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => append<Shared_PluginDataProperty>((vitalsData_3.SystolicBP != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_SystolicBP, "systolic_bp", "float", value_140(vitalsData_3.SystolicBP).toString(), "Systolic BP", "mmHg", "Systolic blood pressure")) : empty<Shared_PluginDataProperty>(), delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => append<Shared_PluginDataProperty>((vitalsData_3.DiastolicBP != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_DiastolicBP, "diastolic_bp", "float", value_140(vitalsData_3.DiastolicBP).toString(), "Diastolic BP", "mmHg", "Diastolic blood pressure")) : empty<Shared_PluginDataProperty>(), delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => append<Shared_PluginDataProperty>((vitalsData_3.Pulse != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_Pulse, "pulse", "float", value_140(vitalsData_3.Pulse).toString(), "Pulse Rate", "BPM", "Heart rate in beats per minute")) : empty<Shared_PluginDataProperty>(), delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => append<Shared_PluginDataProperty>((vitalsData_3.Respiration != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_Respiration, "respiration", "float", value_140(vitalsData_3.Respiration).toString(), "Respiration Rate", "RPM", "Respiratory rate per minute")) : empty<Shared_PluginDataProperty>(), delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => append<Shared_PluginDataProperty>((vitalsData_3.OxygenSaturation != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_OxygenSaturation, "oxygen_saturation", "float", value_140(vitalsData_3.OxygenSaturation).toString(), "O2 Saturation", "%", "Oxygen saturation percentage")) : empty<Shared_PluginDataProperty>(), delay<Shared_PluginDataProperty>((): Iterable<Shared_PluginDataProperty> => ((vitalsData_3.PainScale != null) ? singleton<Shared_PluginDataProperty>(new Shared_PluginDataProperty(Form_PropertyKeys_PainScale, "pain_scale", "float", value_140(vitalsData_3.PainScale).toString(), "Pain Level", "/10", "Pain scale from 0 to 10")) : empty<Shared_PluginDataProperty>())))))))))))))));
+        }
+        default:
+            return empty_1<Shared_PluginDataProperty>();
+    }
+});
+
+export function Form_designerPreview(props: RenderPreviewProps$1<Spec_FieldType_$union>): ReactElement {
+    let elems_4: Iterable<ReactElement>, elems_3: Iterable<ReactElement>, elems: Iterable<ReactElement>, elems_1: Iterable<ReactElement>, elems_2: Iterable<ReactElement>;
+    const children: Iterable<ReactElement> = [createElement<any>("div", createObj(Helpers_combineClasses("box", ofArray([["style", {
+        border: (((1 + "px ") + "dashed") + " ") + "hsl(0, 0%, 86%)",
+        backgroundColor: "hsl(0, 0%, 98%)",
+        textAlign: "center",
+        padding: 20,
+    }] as [string, any], (elems_4 = [createElement<any>("div", {
+        className: "has-text-weight-bold",
+        children: "🩺 Vital Signs",
+        style: {
+            marginBottom: 10,
+        },
+    }), createElement<any>("div", createObj(Helpers_combineClasses("columns", ofArray([["className", "is-gapless"] as [string, any], ["className", "is-mobile"] as [string, any], (elems_3 = [createElement<any>("div", createObj(Helpers_combineClasses("column", singleton_1((elems = [createElement<any>("input", createObj(cons(["type", "text"] as [string, any], Helpers_combineClasses("input", ofArray([["readOnly", true] as [string, any], ["placeholder", "Temp °F"] as [string, any], ["style", {
+        fontSize: 10 + "px",
+    }] as [string, any]])))))], ["children", reactApi.Children.toArray(Array.from(elems))] as [string, any]))))), createElement<any>("div", createObj(Helpers_combineClasses("column", singleton_1((elems_1 = [createElement<any>("input", createObj(cons(["type", "text"] as [string, any], Helpers_combineClasses("input", ofArray([["readOnly", true] as [string, any], ["placeholder", "BP"] as [string, any], ["style", {
+        fontSize: 10 + "px",
+    }] as [string, any]])))))], ["children", reactApi.Children.toArray(Array.from(elems_1))] as [string, any]))))), createElement<any>("div", createObj(Helpers_combineClasses("column", singleton_1((elems_2 = [createElement<any>("input", createObj(cons(["type", "text"] as [string, any], Helpers_combineClasses("input", ofArray([["readOnly", true] as [string, any], ["placeholder", "Pulse"] as [string, any], ["style", {
+        fontSize: 10 + "px",
+    }] as [string, any]])))))], ["children", reactApi.Children.toArray(Array.from(elems_2))] as [string, any])))))], ["children", reactApi.Children.toArray(Array.from(elems_3))] as [string, any])])))), createElement<any>("div", {
+        style: {
+            fontSize: 10 + "px",
+            color: "hsl(0, 0%, 60%)",
+            marginTop: 5,
+        },
+        children: "Clinical-grade vital signs capture with validation",
+    })], ["children", reactApi.Children.toArray(Array.from(elems_4))] as [string, any])]))))];
+    return createElement<any>("div", {
+        className: "control",
+        children: reactApi.Children.toArray(Array.from(children)),
+    });
+}
+
+export function Form_markdownRenderer(field: Spec_FormField$1<Spec_FieldType_$union>, fieldDetails: FieldDetails): string {
+    let value: string;
+    const matchValue: Shared_FieldValue_$union = fieldDetails.FieldValue;
+    value = ((matchValue.tag === /* Single */ 0) ? matchValue.fields[0].Value : "");
+    if (isNullOrWhiteSpace(value)) {
+        return `**${field.Label}:** *[No vital signs recorded]*`;
+    }
+    else {
+        try {
+            const vitalsData: VitalsField_VitalsData = VitalsField_parseVitalsData(value);
+            if (exists<Option<float64>>((option: Option<float64>): boolean => (option != null), ofArray([vitalsData.Temperature, vitalsData.SystolicBP, vitalsData.DiastolicBP, vitalsData.Pulse, vitalsData.Respiration, vitalsData.OxygenSaturation, vitalsData.PainScale]))) {
+                let rows: FSharpList<string> = ofArray([("**" + field.Label) + "** 🩺", "", "| Vital Sign | Value | Status |", "|------------|-------|--------|"]);
+                if (vitalsData.Temperature != null) {
+                    const temp: float64 = value_140(vitalsData.Temperature);
+                    const status: string = VitalsField_isCriticalTemperature(temp) ? "🚨 CRITICAL" : (!VitalsField_isValidTemperature(temp) ? "⚠️ ABNORMAL" : (!VitalsField_isNormalTemperature(temp) ? "⚠️ ABNORMAL" : "✅ Normal"));
+                    rows = append_1(rows, singleton_1(((("| **Temperature** | " + toText(printf("%.1f"))(temp)) + "°F | ") + status) + " |"));
+                }
+                if ((vitalsData.SystolicBP != null) && (vitalsData.DiastolicBP != null)) {
+                    const sys: float64 = value_140(vitalsData.SystolicBP);
+                    const dia: float64 = value_140(vitalsData.DiastolicBP);
+                    const status_1: string = (VitalsField_isCriticalSystolicBP(sys) ? true : VitalsField_isCriticalDiastolicBP(dia)) ? "🚨 CRITICAL" : ((!VitalsField_isValidSystolicBP(sys) ? true : !VitalsField_isValidDiastolicBP(dia)) ? "⚠️ ABNORMAL" : "✅ Normal");
+                    rows = append_1(rows, singleton_1(((((("| **Blood Pressure** | " + toText(printf("%.0f"))(sys)) + "/") + toText(printf("%.0f"))(dia)) + " mmHg | ") + status_1) + " |"));
+                }
+                if (vitalsData.Pulse != null) {
+                    const pulse: float64 = value_140(vitalsData.Pulse);
+                    const status_2: string = VitalsField_isCriticalPulse(pulse) ? "🚨 CRITICAL" : (!VitalsField_isValidPulse(pulse) ? "⚠️ ABNORMAL" : "✅ Normal");
+                    rows = append_1(rows, singleton_1(((("| **Pulse Rate** | " + toText(printf("%.0f"))(pulse)) + " BPM | ") + status_2) + " |"));
+                }
+                if (vitalsData.Respiration != null) {
+                    const resp: float64 = value_140(vitalsData.Respiration);
+                    const status_3: string = VitalsField_isCriticalRespiration(resp) ? "🚨 CRITICAL" : (!VitalsField_isValidRespiration(resp) ? "⚠️ ABNORMAL" : "✅ Normal");
+                    rows = append_1(rows, singleton_1(((("| **Respiration** | " + toText(printf("%.0f"))(resp)) + " RPM | ") + status_3) + " |"));
+                }
+                if (vitalsData.OxygenSaturation != null) {
+                    const sat: float64 = value_140(vitalsData.OxygenSaturation);
+                    const status_4: string = VitalsField_isCriticalOxygenSat(sat) ? "🚨 CRITICAL" : (!VitalsField_isValidOxygenSat(sat) ? "⚠️ ABNORMAL" : "✅ Normal");
+                    rows = append_1(rows, singleton_1(((("| **O2 Saturation** | " + toText(printf("%.0f"))(sat)) + "% | ") + status_4) + " |"));
+                }
+                if (vitalsData.PainScale != null) {
+                    const pain: float64 = value_140(vitalsData.PainScale);
+                    const status_5: string = (pain >= 7) ? "🔴 Severe" : ((pain >= 4) ? "🟡 Moderate" : "🟢 Mild");
+                    rows = append_1(rows, singleton_1(((("| **Pain Scale** | " + toText(printf("%.0f"))(pain)) + "/10 | ") + status_5) + " |"));
+                }
+                rows = append_1(rows, ofArray(["", "> 📋 *Vital signs recorded with clinical validation and alerts*"]));
+                return join("\n", rows);
+            }
+            else {
+                return ("**" + field.Label) + ":** *[No complete vital signs recorded]*";
+            }
+        }
+        catch (ex: any) {
+            return ((("**" + field.Label) + ":** *[Error processing vital signs data: ") + ex.message) + "]*";
+        }
+    }
+}
+
+//# sourceMappingURL=VitalsField.ts.map