formbuilder-lhcforms 8.0.6 → 8.0.11

package/CHANGELOG.md

@@ -2,6 +2,36 @@
 
 This project follows [Semantic Versioning](http://semver.org/).
 
+## [8.0.11] 2023-03-08
+### Added
+- Added support for answerValueSet field.
+- Added display column to code field.
+- Added terminology server field to form level fields and item level fields.
+- Added collapse/expand panel for advanced fields.
+
+### Changed
+- Changed code field labels.
+- Moved conditional display, observation link period, and observation extract fields to advanced panel.
+
+### Fixed
+- Fixed visibleIf issue with answerOption and code when visibility is false.
+
+## [8.0.10] 2023-01-25
+### Changed
+- Display LOINC terms of use acceptance dialog after displaying home page.
+
+## [8.0.9] 2023-01-09
+### Fixed
+- Fix screen reader announcing blank on tooltip icons.
+
+## [8.0.8] 2023-01-06
+### Added
+- Support extension for observation extract.
+
+## [8.0.7] 2022-12-14
+### Added
+- Support import of forms that are in LForms format.
+
 ## [8.0.6] 2022-12-13
 ### Fixed
 - Fix display of decimal answer field in conditional display when source item is decimal type.

package/README.md

@@ -9,16 +9,16 @@ environment. You can make a similar rc file to suit your shell. Please make sure
 path for the rest of the installation. 
 
         $ cd formbuilder-lhcforms
-        $ npm ci
+        $ npm ci && npm run create-version-file
         $ source bashrc.formbuilder
         
 1. Start formbuilder server for development.
 
-        $ ng serve
+        $ npm start
         
 1. Build the package for production.
 
-        $ ng build
+        $ npm run build
         $ cp dist/formbuilder-lhcforms {webserver docs location}
         
 

package/dist/formbuilder-lhcforms/3rdpartylicenses.txt

@@ -338,7 +338,7 @@ SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
 core-js
 MIT
-Copyright (c) 2014-2022 Denis Pushkarev
+Copyright (c) 2014-2023 Denis Pushkarev
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/formbuilder-lhcforms/assets/fl-fields-layout.json

@@ -1,15 +1,23 @@
 {
   "formLayout": {
-    "rows": [
+    "basic": [
       {
         "showFields": [
           { "field": "title", "col": 12 },
+          { "field": "__$codeYesNo", "col": 12 },
           { "field": "code", "col": 12 },
           { "field": "status", "col": 12},
           { "field": "description", "col": 12},
           { "field": "purpose", "col": 12}
         ]
       }
+    ],
+    "advanced": [
+      {
+        "showFields": [
+          { "field": "__$terminologyServer", "col": 12}
+        ]
+      }
     ]
   },
   "propertyLabels": {

package/dist/formbuilder-lhcforms/assets/images/projectLogo.svg

@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 407 407" style="enable-background:new 0 0 407 407;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#328DCC;}
+	.st1{fill:#47BFEE;}
+	.st2{fill:#4BBDEC;}
+	.st3{fill:#47BFEE;stroke:#328DCC;stroke-width:6;stroke-miterlimit:10;}
+	.st5{fill:#3FBBAB;}
+	.st6{fill:#84C441;}
+	.st7{fill:#2F8FCE;}
+	.st8{fill:#46BBEC;}
+	.st9{fill:#85C141;}
+	.st10{fill:#318FCC;}
+	.st11{fill:#42BBAF;}
+	.st12{fill:#2E8ECB;}
+	.st13{fill:#4ABEED;}
+	.st14{fill:#308DCC;}
+	.st15{fill:#308CCC;}
+	.st16{fill:#87C440;}
+	.st17{fill:#43BBAD;}
+	.st18{fill:#2F8FCC;}
+	.st19{fill:#2E8ACA;}
+</style>
+<g>
+	<path class="st0" d="M223.9,80.3c0,0-42.3,46.1-46.8,95.5c-4.3,46.5,33.5,44.3,40.7,72.3c12.1,47-15.1,94-15.1,94
+		s76.6-51.2,69.3-105.6c-5.3-39.3-34.7-40.3-47.5-82.4C212.1,113.6,223.9,80.3,223.9,80.3z"/>
+	<path class="st1" d="M208.7,120c0,0-14.6,33.2-15.7,68.5c-1.1,33.3,20.6,46.9,25.8,67c8.7,33.8-16.8,48.9-16.8,48.9
+		s46.6-20,40.5-59.1c-4.4-28.2-5.1-38.1-22.4-64.4C205.9,159.5,208.7,120,208.7,120z"/>
+	<path class="st0" d="M292.1,122.4c0,0-29.9,27.6-52,66.8c-20.8,36.9,0.5,49.4-5.5,75.2c-10,43.2-32.4,79.6-32.4,79.6
+		s66.2-20.2,82.3-67.8c11.6-34.3-7.7-45.7-0.1-85.1C291.8,153.3,292.1,122.4,292.1,122.4z"/>
+	<path class="st1" d="M277,159.2c0,0-10.6,13.8-24.6,38.9c-16.4,29.6,2.8,67.5-14.5,93.7c-15.6,23.6-33.8,52.9-33.8,52.9
+		s48.3-36.6,64-64.5c12.6-22.3-6.3-40.8-3.8-66.3C266.6,191,277,159.2,277,159.2z"/>
+	<path class="st0" d="M132,129.2c0,0-19.4,59.5-3.1,106.3c15.4,44.1,29.9,27.4,48.1,50c30.5,37.8,21.5,61.1,21.5,61.1
+		s55.6-46.4,37.3-93.8c-14.3-36.9-43.8-23.6-72.8-56.6C135,164.4,132,129.2,132,129.2z"/>
+	<path class="st2" d="M137.7,173.2c0,0-5.9,37,7,69.9c12.2,31,37.4,34.9,50.2,51.3c21.3,27.6,3.9,51.6,3.9,51.6s44.1-44.2,23.1-77.6
+		c-15.2-24.1-31.6-12.8-52.6-36.3C148.8,209.2,137.7,173.2,137.7,173.2z"/>
+	<path class="st3" d="M149.1,116.2c0,0,42.9,32.2,63.1,72.4c20,39.8,24.7,55.3,15.7,82.2c-14.1,42-27,71.1-27,71.1
+		s-44.7-27-51.6-76.8c-5-35.9,16.2-43.5,16-83.6C165.1,143,149.1,116.2,149.1,116.2z"/>
+	<path class="st0" d="M180.8,171.2c0,0,25.7,34.4,30.8,63c5.1,28.1,8.7,57.8,5.5,74.2c-5.5,27.9-19.6,44.7-19.6,44.7
+		s-27.1-18.8-30.6-50.9c-3.3-30.7,17.8-44.1,21.2-69.6C192.3,200.8,180.8,171.2,180.8,171.2z"/>
+</g>
+<path class="st0" d="M279.3,14.6C255.9,5.2,230.3,0,203.5,0c-16.8,0-33,2-48.6,5.9l18.5,56.7c9.6-2,19.5-3.1,29.6-3.1
+	c18,0,35.1,3.4,51,9.5L279.3,14.6z"/>
+<path class="st5" d="M301.6,25.2c-5.8-3.2-11.7-6.1-17.8-8.7l-25.3,54.2c4.4,1.9,8.7,4,12.8,6.3L301.6,25.2z"/>
+<path class="st6" d="M137.1,75.7c8.5-4.5,17.5-8.1,26.9-10.8L145.5,8.4c-14.9,4.4-29,10.5-42.3,18L137.1,75.7z"/>
+<path class="st1" d="M91.9,113.3c11-13.9,24.5-25.7,39.9-34.7L98.1,29.4C77.7,41.8,59.7,57.6,44.9,76L91.9,113.3z"/>
+<path class="st7" d="M67.6,159.3c4.7-15.1,11.8-29.2,20.9-41.7l-47-37.3c-15.3,20.1-27,43.2-34,68.2L67.6,159.3z"/>
+<path class="st8" d="M63.2,178.5c0.7-4.6,1.7-9.1,2.9-13.5L6,154.1c-1.5,5.9-2.7,11.9-3.6,18L63.2,178.5z"/>
+<path class="st9" d="M79.4,270.2c-11.5-20.5-18-44.1-18-69.2c0-5.7,0.4-11.3,1-16.8l-60.8-6.3C0.6,186.3,0,194.8,0,203.5
+	c0,35.2,8.9,68.3,24.7,97.2L79.4,270.2z"/>
+<path class="st10" d="M101.2,299.5c-7.1-7.4-13.5-15.5-18.9-24.3l-54.8,30.5c7.9,13.5,17.2,26,27.9,37.3L101.2,299.5z"/>
+<path class="st11" d="M146.7,331c-15.9-6.9-30.3-16.6-42.5-28.5l-45.9,43.6c18,18.3,39.4,33.2,63.3,43.7L146.7,331z"/>
+<path class="st12" d="M163.7,337.1c-4.7-1.4-9.3-2.9-13.8-4.8l-25.1,58.9c7.3,3,14.7,5.7,22.4,7.9L163.7,337.1z"/>
+<path class="st13" d="M236.9,338.5c-10.9,2.7-22.2,4.1-33.9,4.1c-12.4,0-24.4-1.6-35.9-4.6l-16.5,62c16.9,4.5,34.6,7,52.9,7
+	c17.8,0,35-2.3,51.5-6.6L236.9,338.5z"/>
+<path class="st14" d="M272.8,324.2c-9.8,5.6-20.3,10-31.4,13.1l18,61.9c16.7-4.8,32.4-11.6,47.1-20.2L272.8,324.2z"/>
+<path class="st15" d="M304.1,300.1c-4,4.1-8.2,7.9-12.7,11.5l39.3,50.7c6-4.8,11.8-10,17.2-15.5L304.1,300.1z"/>
+<path class="st16" d="M405.5,178.9c-1.2-10.3-3.3-20.4-6-30.1L339.2,162c2.1,7.4,3.6,15,4.5,22.8L405.5,178.9z"/>
+<g>
+	<path class="st17" d="M340.1,236.4c-4.6,17.9-12.6,34.4-23.3,48.9l49.3,40.6c16.5-21.9,28.7-47.2,35.3-74.7L340.1,236.4z"/>
+	<path class="st18" d="M342.8,223.5l62.7,4.7c1-8.1,1.5-16.3,1.5-24.7c0-2.8-0.1-5.5-0.2-8.3l-62.3,1.3c0,1.5,0.1,3,0.1,4.5
+		C344.6,208.7,344,216.2,342.8,223.5z"/>
+</g>
+<path class="st19" d="M302.9,100.7l43-42.5c-11.4-11.2-24.1-21-37.9-29.3l-30.3,51.9C286.9,86.4,295.3,93.1,302.9,100.7z"/>
+<path class="st2" d="M362.8,77l-47.5,37.9c4,5.3,7.7,10.8,11,16.6l53.4-29.7C374.7,93.1,369.1,84.8,362.8,77z"/>
+</svg>

package/dist/formbuilder-lhcforms/assets/items-layout.json

@@ -1,6 +1,6 @@
 {
   "formLayout": {
-    "rows": [
+    "basic": [
       {
         "showFields": [
           { "field": "text", "col": 12 },
@@ -11,6 +11,7 @@
           { "field": "__$helpText", "col": 12},
           { "field": "type", "col": 12 },
           { "field": "initial", "title": "Default value", "col": 12 },
+          { "field": "__$answerOptionMethods", "col": 12 },
           { "field": "answerValueSet", "col": 12 },
           { "field": "answerOption", "title": "Answer choices", "col": 12 },
           { "field": "__$units", "col": 12 }
@@ -27,13 +28,21 @@
       },
       {
         "showFields": [
-          { "field": "enableWhen", "col": 12 },
-          { "field": "enableBehavior", "col": 12 }
         ]
       },
       {
         "showFields": [
-          { "field": "__$observationLinkPeriod", "col": 12}
+        ]
+      }
+    ],
+    "advanced": [
+      {
+        "showFields": [
+          { "field": "enableWhen", "col": 12 },
+          { "field": "enableBehavior", "col": 12 },
+          { "field": "__$terminologyServer", "col": 12 },
+          { "field": "__$observationLinkPeriod", "col": 12},
+          { "field": "__$observationExtract", "col": 12}
         ]
       }
     ]

package/dist/formbuilder-lhcforms/assets/ngx-fl.schema.json

@@ -1722,6 +1722,18 @@
       "additionalProperties": false,
       "type": "object"
     },
+    "__$codeYesNo": {
+      "description": "An identifier for this question or group of questions in a particular terminology such as LOINC.",
+      "default": false,
+      "type": "boolean",
+      "title": "Code",
+      "widget": {
+        "id": "boolean-radio",
+        "optionLabels": [[false, "No code"], [true, "Include code"]],
+        "labelWidthClass": "col-sm-2",
+        "controlWidthClass": "col-sm-10"
+      }
+    },
     "code": {
       "description": "An identifier for this question or group of questions in a particular terminology such as LOINC.",
       "items": {
@@ -1797,6 +1809,9 @@
       },
       "type": "array",
       "title": "Code",
+      "visibleIf": {
+        "__$codeYesNo": [true]
+      },
       "widget": {
         "id": "table",
         "noTableLabel": true,
@@ -1806,14 +1821,25 @@
         "noCollapseButton": true,
         "addButtonLabel": "Add new code",
         "singleItem": true,
-        "booleanControlled": true,
-        "booleanLabel": "Use code?",
-        "booleanControlledInitial": false,
         "showFields": [
-          {"field": "code", "col": 4, "nolabel": true},
-          {"field": "system", "col": 7, "nolabel": true}
+          {"field": "code", "col": 3, "nolabel": true},
+          {"field": "system", "col": 4, "nolabel": true},
+          {"field": "display", "col": 4, "nolabel": true}
         ]
       }
+    },
+    "__$terminologyServer": {
+      "description": "Enter url for preferred terminology server.",
+      "title": "Terminology server",
+      "type": "string",
+      "widget": {
+        "id": "terminology-server",
+        "placeholder": "Enter url for preferred terminology server",
+        "note": "You may wish to set this if you want to provide an answer value set for any item in this questionnaire.",
+        "labelPosition": "left",
+        "labelWidthClass": "col-sm-2",
+        "controlWidthClass": "col-sm-10"
+      }
     }
   },
   "additionalProperties": false,
@@ -1843,10 +1869,12 @@
         "resourceType",
         "title",
         "name",
+        "__$codeYesNo",
         "code",
         "status",
         "description",
-        "purpose"
+        "purpose",
+        "__$terminologyServer"
       ]
     },
     {

package/dist/formbuilder-lhcforms/assets/ngx-item.schema.json

@@ -199,20 +199,15 @@
       }
     },
     "__$codeYesNo": {
-      "description": "",
-      "enum": [
-        "No",
-        "Yes"
-      ],
-      "default": "Yes",
-      "type": "string",
-      "title": "Use code(s)?",
+      "description": "A terminology code that corresponds to this group or question (e.g. a code from LOINC, which defines many questions and answers).",
+      "default": false,
+      "type": "boolean",
+      "title": "Question code",
       "widget": {
-        "id": "hidden",
-        "layout": "row",
-        "labelPosition": "left",
+        "id": "boolean-radio",
+        "optionLabels": [[false, "No code"], [true, "Include code"]],
         "labelWidthClass": "col-sm-2",
-        "controlWidthClass": "col-sm-3"
+        "controlWidthClass": "col-sm-10"
       }
     },
     "code": {
@@ -292,9 +287,7 @@
       "type": "array",
       "title": "Code",
       "visibleIf": {
-        "allOf": [
-          {"type": ["$EXP$ target.value != 'display'"]}
-        ]
+        "__$codeYesNo": [true]
       },
       "widget": {
         "id": "table",
@@ -305,12 +298,10 @@
         "noCollapseButton": true,
         "addButtonLabel": "Add new code",
         "singleItem": true,
-        "booleanControlled": true,
-        "booleanLabel": "Use question code?",
-        "booleanControlledInitial": false,
         "showFields": [
-          {"field": "code", "col": 4, "nolabel": true},
-          {"field": "system", "col": 7, "nolabel": true}
+          {"field": "code", "col": 3, "nolabel": true},
+          {"field": "system", "col": 4, "nolabel": true},
+          {"field": "display", "col": 4, "nolabel": true}
         ]
       }
     },
@@ -978,14 +969,46 @@
         "controlWidthClass": "col-sm-10"
       }
     },
+    "__$answerOptionMethods": {
+      "description": "Define predefined answers for the user to choose.",
+      "title": "Predefined answers",
+      "oneOf": [
+        {
+          "type": "string",
+          "enum": ["answer-option"],
+          "title": "Answer options"
+        },
+        {
+          "type": "string",
+          "enum": ["value-set"],
+          "title": "Answer value set uri"
+        }
+      ],
+      "default": "answer-option",
+      "type": "string",
+      "visibleIf": {
+        "type": ["$EXP$ target.value == 'open-choice' || target.value == 'choice'"]
+      },
+      "widget": {
+        "id": "answer-option-methods",
+        "labelPosition": "left",
+        "labelWidthClass": "col-sm-2",
+        "controlWidthClass": "col-sm-10"
+      }
+    },
     "answerValueSet": {
       "description": "A reference to a value set containing a list of codes representing permitted answers for a \"choice\" or \"open-choice\" question.",
       "title": "Answer value set",
       "pattern": "^\\S*$",
       "type": "string",
-      "widget": {"id": "hidden"},
       "visibleIf": {
-        "type": ["$EXP$ target.value == 'open-choice' || target.value == 'choice'"]
+        "/__$answerOptionMethods": ["value-set"]
+      },
+      "widget": {
+        "id": "url",
+        "labelPosition": "left",
+        "labelWidthClass": "col-sm-2",
+        "controlWidthClass": "col-sm-10"
       }
     },
     "answerOption": {
@@ -1250,7 +1273,7 @@
       "type": "array",
       "title": "Answer choices",
       "visibleIf": {
-        "type": ["$EXP$ target.value == 'open-choice' || target.value == 'choice'"]
+        "/__$answerOptionMethods": ["answer-option"]
       },
       "widget": {
         "id": "answer-option",
@@ -1273,6 +1296,20 @@
         ]
       }
     },
+    "__$terminologyServer": {
+      "description": "Enter url for preferred terminology server.",
+      "title": "Terminology server",
+      "type": "string",
+      "widget": {
+        "id": "terminology-server",
+        "placeholder": "Enter url for preferred terminology server",
+        "note": "You may wish to set this if you are providing an answer value set for either this item or its children.",
+        "labelPosition": "left",
+        "labelWidthClass": "col-sm-2",
+        "controlWidthClass": "col-sm-10"
+      }
+    },
+
     "initial": {
       "description": "One or more values that should be pre-populated in the answer when initially rendering the questionnaire for user input.",
       "items": {
@@ -1579,7 +1616,7 @@
             "additionalProperties": false,
             "type": "object",
             "visibleIf": {
-              "/type": ["$EXP$ target.value == 'choice' || target.value == 'open-choice'"]
+              "/__$answerOptionMethods": ["answer-option"]
             },
             "widget": {
               "id": "hidden"
@@ -1734,7 +1771,7 @@
       "type": "array",
       "title": "Initial value",
       "visibleIf": {
-        "type": ["$EXP$ target.value != 'group' && target.value != 'display'"]
+        "/type": ["$EXP$ target.value != 'group' && target.value != 'display'"]
       },
       "widget": {
         "id": "initial",
@@ -1776,6 +1813,21 @@
         "type": ["$EXP$ target.value != 'display'"]
       }
     },
+    "__$observationExtract": {
+      "description": "If true, indicates that the observation-based approach should be used to extract the particular item.",
+      "title": "Use FHIR Observation extraction?",
+      "pattern": "^true|false$",
+      "type": "boolean",
+      "widget": {
+        "id": "observation-extract",
+        "labelPosition": "left",
+        "labelWidthClass": "col-sm-2 pr-1",
+        "controlWidthClass": "col-sm-10"
+      },
+      "visibleIf": {
+        "type": ["$EXP$ target.value != 'display'"]
+      }
+    },
     "__$units": {
       "description": "The units for answers. They are applicable for integer, decimal, and quantity types.",
       "title": "Units",
@@ -4999,6 +5051,12 @@
         { "field": "__$units", "col": 12 }
       ]
     },
+    {
+      "fields": ["__$answerOptionMethods"],
+      "showFields": [
+        { "field": "__$answerOptionMethods", "col": 12 }
+      ]
+    },
     {
       "fields": ["answerValueSet"],
       "showFields": [
@@ -5011,6 +5069,12 @@
         { "field": "answerOption", "col": 12 }
       ]
     },
+    {
+      "fields": ["__$terminologyServer"],
+      "showFields": [
+        { "field": "__$terminologyServer", "col": 12 }
+      ]
+    },
     {
       "fields": ["__$units"],
       "showFields": [
@@ -5043,6 +5107,10 @@
       "fields": ["__$observationLinkPeriod"],
       "showFields": [{"field": "__$observationLinkPeriod", "col": 10}]
     },
+    {
+      "fields": ["__$observationExtract"],
+      "showFields": [{"field": "__$observationExtract", "col": 10}]
+    },
     {
       "fields": ["id", "extension", "modifierExtension", "definition"]
     }

package/dist/formbuilder-lhcforms/assets/version.json

@@ -1 +1 @@
-{"version": "8.0.6"}
+{"version": "8.0.11"}

package/dist/formbuilder-lhcforms/index.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
   <style type="text/css">@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style>
-  <style type="text/css">@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}</style>
+  <style type="text/css">@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}</style>
   <style>body,html{height:100%;width:100%}html{-webkit-tap-highlight-color:transparent}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;--antd-wave-shadow-color:#1890ff;--scroll-bar:0}body{margin:0;color:#000000d9;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-variant:tabular-nums;line-height:1.5715;background-color:#fff;font-feature-settings:"tnum","tnum"}</style><link href="lforms/lib/elements/styles.css" rel="stylesheet" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="lforms/lib/elements/styles.css"></noscript>
   <script src="webcomponents/webcomponents-loader.js"></script>
   <script>
@@ -16,8 +16,8 @@
     }
   </script></script>
   <!-- ! DO NOT REMOVE THIS COMMENT, WE NEED ITS CLOSING MARKER -->
-<style>:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}.bg-light{background-color:#f8f9fa!important}@media print{*,:after,:before{text-shadow:none!important;box-shadow:none!important}@page{size:a3}body{min-width:992px!important}}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}</style><link rel="stylesheet" href="styles.8a53b5faf8724c95.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.8a53b5faf8724c95.css"></noscript></head>
-<body class="bg-light">
+<style>:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}.bg-secondary{background-color:#6c757d!important}@media print{*,:after,:before{text-shadow:none!important;box-shadow:none!important}@page{size:a3}body{min-width:992px!important}}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}</style><link rel="stylesheet" href="styles.dc28741b58d0a96f.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.dc28741b58d0a96f.css"></noscript></head>
+<body class="bg-secondary">
   <lfb-root></lfb-root>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
   <script src="lforms/lib/elements/assets/lib/zone.min.js"></script>
@@ -26,6 +26,6 @@
   <script src="lforms/lib/elements/scripts.js"></script>
   <script src="lforms/lib/elements/main.js"></script>
   <script src="lforms/lib/fhir/lformsFHIRAll.min.js"></script>
-<script src="runtime.e3d955f506921cad.js" type="module"></script><script src="polyfills.896ec7ce0831df76.js" type="module"></script><script src="scripts.bd81be7f7835a416.js" defer></script><script src="main.f4691b6962763a8a.js" type="module"></script>
+<script src="runtime.e3d955f506921cad.js" type="module"></script><script src="polyfills.896ec7ce0831df76.js" type="module"></script><script src="scripts.4b8a3ee4fa171a2f.js" defer></script><script src="main.e630b3fe056548e3.js" type="module"></script>
 
 </body></html>