@f1studio/form-spec 5.0.0-alpha.107 → 5.0.0-alpha.109

package/FormSpec.TS/plugins/vitals/src/VitalsField.js

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