npm - @mtna/web-form-angular - Versions diffs - 1.0.6-SNAPSHOT.22 → 1.0.6-SNAPSHOT.24 - Mend

@mtna/web-form-angular 1.0.6-SNAPSHOT.22 → 1.0.6-SNAPSHOT.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (147) hide show

package/bundles/mtna-web-form-angular.umd.js CHANGED Viewed

@@ -559,177 +559,225 @@
   var i18n_checkboxConfiguration = $localize(templateObject_22 || (templateObject_22 = __makeTemplateObject(["Checkbox Configuration"], ["Checkbox Configuration"])));
   var i18n_codeOption = $localize(templateObject_23 || (templateObject_23 = __makeTemplateObject(["Code Option"], ["Code Option"])));
   var i18n_codeOptionInstructions = $localize(templateObject_24 || (templateObject_24 = __makeTemplateObject(["The code option that should be presented to the user."], ["The code option that should be presented to the user."])));
-  var i18n_core = $localize(templateObject_25 || (templateObject_25 = __makeTemplateObject(["Core"], ["Core"])));
-  var i18n_childItems = $localize(templateObject_26 || (templateObject_26 = __makeTemplateObject(["Child Items"], ["Child Items"])));
-  var i18n_dateConfiguration = $localize(templateObject_27 || (templateObject_27 = __makeTemplateObject(["Date Configuration"], ["Date Configuration"])));
-  var i18n_description = $localize(templateObject_28 || (templateObject_28 = __makeTemplateObject(["Description"], ["Description"])));
-  var i18n_descriptionInstructions = $localize(templateObject_29 || (templateObject_29 = __makeTemplateObject(["The description is a short representation of what the value for the input should be."], ["The description is a short representation of what the value for the input should be."])));
-  var i18n_descriptive = $localize(templateObject_30 || (templateObject_30 = __makeTemplateObject(["Descriptive Information"], ["Descriptive Information"])));
-  var i18n_descriptiveText = $localize(templateObject_31 || (templateObject_31 = __makeTemplateObject(["Descriptive Text"], ["Descriptive Text"])));
-  var i18n_descriptiveTextInstructionsItem = $localize(templateObject_32 || (templateObject_32 = __makeTemplateObject(["Descriptive text provides additional explanation / context to the item. Typically the question text is used to present the question that information is being gathered about and the descriptive text expounds on that to ensure the user filling out the form understands what is being asked of them."], ["Descriptive text provides additional explanation / context to the item. Typically the question text is used to present the question that information is being gathered about and the descriptive text expounds on that to ensure the user filling out the form understands what is being asked of them."])));
-  var i18n_descriptiveTextInstructionsTemplate = $localize(templateObject_33 || (templateObject_33 = __makeTemplateObject(["Describes the purpose and use cases for this Template or Template Item."], ["Describes the purpose and use cases for this Template or Template Item."])));
-  var i18n_disabledItems = $localize(templateObject_34 || (templateObject_34 = __makeTemplateObject(["Disabled Items"], ["Disabled Items"])));
-  var i18n_disabledItemsInstructions = $localize(templateObject_35 || (templateObject_35 = __makeTemplateObject(["The items that should be disabled in the form upon selection of this option."], ["The items that should be disabled in the form upon selection of this option."])));
-  var i18n_downloadAllowed = $localize(templateObject_36 || (templateObject_36 = __makeTemplateObject(["Download Allowed"], ["Download Allowed"])));
-  var i18n_downloadAllowedInstructions = $localize(templateObject_37 || (templateObject_37 = __makeTemplateObject(["Indicates if the file should be allowed to be downloaded once it has been uploaded, or if it should only be available for processing on the backend."], ["Indicates if the file should be allowed to be downloaded once it has been uploaded, or if it should only be available for processing on the backend."])));
-  var i18n_dropdownConfiguration = $localize(templateObject_38 || (templateObject_38 = __makeTemplateObject(["Dropdown Configuration"], ["Dropdown Configuration"])));
-  var i18n_dropdownProperties = $localize(templateObject_39 || (templateObject_39 = __makeTemplateObject(["Dropdown Properties"], ["Dropdown Properties"])));
-  var i18n_enabledAndDisabledItems = $localize(templateObject_40 || (templateObject_40 = __makeTemplateObject(["Enabled and Disabled Items"], ["Enabled and Disabled Items"])));
-  var i18n_enabledItems = $localize(templateObject_41 || (templateObject_41 = __makeTemplateObject(["Enabled Items"], ["Enabled Items"])));
-  var i18n_enabledItemsInstructions = $localize(templateObject_42 || (templateObject_42 = __makeTemplateObject(["The items that should be enabled in the form upon selection of this option."], ["The items that should be enabled in the form upon selection of this option."])));
-  var i18n_fileTypeId = $localize(templateObject_43 || (templateObject_43 = __makeTemplateObject(["File Type Id"], ["File Type Id"])));
-  var i18n_fileTypeIdInstructions = $localize(templateObject_44 || (templateObject_44 = __makeTemplateObject(["The file type id that this file upload item should be associated with. This is used to determine what type of file is being uploaded and how it should be processed."], ["The file type id that this file upload item should be associated with. This is used to determine what type of file is being uploaded and how it should be processed."])));
-  var i18n_fileUploadConfiguration = $localize(templateObject_45 || (templateObject_45 = __makeTemplateObject(["File Upload Configuration"], ["File Upload Configuration"])));
-  var i18n_form = $localize(templateObject_46 || (templateObject_46 = __makeTemplateObject(["Form"], ["Form"])));
-  var i18n_format = $localize(templateObject_47 || (templateObject_47 = __makeTemplateObject(["Format"], ["Format"])));
-  var i18n_formatInstructions = $localize(templateObject_48 || (templateObject_48 = __makeTemplateObject(["The format the date should be presented in."], ["The format the date should be presented in."])));
-  var i18n_formatTimeInstructions = $localize(templateObject_49 || (templateObject_49 = __makeTemplateObject(["The format the time should be presented in."], ["The format the time should be presented in."])));
-  var i18n_fullWidth = $localize(templateObject_50 || (templateObject_50 = __makeTemplateObject(["Full Width"], ["Full Width"])));
-  var i18n_fullWidthInstructions = $localize(templateObject_51 || (templateObject_51 = __makeTemplateObject(["Indicates if the item should be presented in a full width format."], ["Indicates if the item should be presented in a full width format."])));
-  var i18n_help = $localize(templateObject_52 || (templateObject_52 = __makeTemplateObject(["Help"], ["Help"])));
-  var i18n_helpInstructions = $localize(templateObject_53 || (templateObject_53 = __makeTemplateObject(["The help text provides additional context to the user about what is being asked of them."], ["The help text provides additional context to the user about what is being asked of them."])));
-  var i18n_item = $localize(templateObject_54 || (templateObject_54 = __makeTemplateObject(["Item"], ["Item"])));
-  var i18n_items = $localize(templateObject_55 || (templateObject_55 = __makeTemplateObject(["Items"], ["Items"])));
-  var i18n_itemsInstructions = $localize(templateObject_56 || (templateObject_56 = __makeTemplateObject(["The items that make up this template."], ["The items that make up this template."])));
-  var i18n_label = $localize(templateObject_57 || (templateObject_57 = __makeTemplateObject(["Label"], ["Label"])));
-  var i18n_labelInstructions = $localize(templateObject_58 || (templateObject_58 = __makeTemplateObject(["The label is a short representation of what the value for the input should be. This will be presented as a greyed out value in the input and shift to the input title once the user provides an input of their own."], ["The label is a short representation of what the value for the input should be. This will be presented as a greyed out value in the input and shift to the input title once the user provides an input of their own."])));
-  var i18n_layout = $localize(templateObject_59 || (templateObject_59 = __makeTemplateObject(["Layout"], ["Layout"])));
-  var i18n_layoutInstructions = $localize(templateObject_60 || (templateObject_60 = __makeTemplateObject(["Indicates how the child items of this item should be presented, ROW indicates that multiple items should be put on a single row (to save space), COLUMN indicates the items should be placed in a vertical way."], ["Indicates how the child items of this item should be presented, ROW indicates that multiple items should be put on a single row (to save space), COLUMN indicates the items should be placed in a vertical way."])));
-  var i18n_maxCharCount = $localize(templateObject_61 || (templateObject_61 = __makeTemplateObject(["Maximum Character Count"], ["Maximum Character Count"])));
-  var i18n_maxCharCountInstructions = $localize(templateObject_62 || (templateObject_62 = __makeTemplateObject(["The maximum character count of the values that are input to be considered valid, this is optional."], ["The maximum character count of the values that are input to be considered valid, this is optional."])));
-  var i18n_minCharCount = $localize(templateObject_63 || (templateObject_63 = __makeTemplateObject(["Minimum Character Count"], ["Minimum Character Count"])));
-  var i18n_minCharCountInstructions = $localize(templateObject_64 || (templateObject_64 = __makeTemplateObject(["The minimum character count of the values that are input to be considered valid, this is optional."], ["The minimum character count of the values that are input to be considered valid, this is optional."])));
-  var i18n_maxOccurrances = $localize(templateObject_65 || (templateObject_65 = __makeTemplateObject(["Maximum Occurrences"], ["Maximum Occurrences"])));
-  var i18n_maxOccurrancesInstructions = $localize(templateObject_66 || (templateObject_66 = __makeTemplateObject(["The maximum number of times this item should be presented to the user."], ["The maximum number of times this item should be presented to the user."])));
-  var i18n_minOccurrances = $localize(templateObject_67 || (templateObject_67 = __makeTemplateObject(["Minimum Occurrences"], ["Minimum Occurrences"])));
-  var i18n_minOccurrancesInstructions = $localize(templateObject_68 || (templateObject_68 = __makeTemplateObject(["The minimum number of times this item should be presented to the user."], ["The minimum number of times this item should be presented to the user."])));
-  var i18n_minSelections = $localize(templateObject_69 || (templateObject_69 = __makeTemplateObject(["Minimum Selections"], ["Minimum Selections"])));
-  var i18n_minSelectionsInstructions = $localize(templateObject_70 || (templateObject_70 = __makeTemplateObject(["The minimum number of selections that should be required to be considered valid."], ["The minimum number of selections that should be required to be considered valid."])));
-  var i18n_maxSelections = $localize(templateObject_71 || (templateObject_71 = __makeTemplateObject(["Maximum Selections"], ["Maximum Selections"])));
-  var i18n_maxSelectionsInstructions = $localize(templateObject_72 || (templateObject_72 = __makeTemplateObject(["The maximum number of selections that should be required to be considered valid."], ["The maximum number of selections that should be required to be considered valid."])));
-  var i18n_maxValue = $localize(templateObject_73 || (templateObject_73 = __makeTemplateObject(["Maximum Value"], ["Maximum Value"])));
-  var i18n_maxValueInstructions = $localize(templateObject_74 || (templateObject_74 = __makeTemplateObject(["The maximum numeric value input to be considered valid, this is optional."], ["The maximum numeric value input to be considered valid, this is optional."])));
-  var i18n_minValue = $localize(templateObject_75 || (templateObject_75 = __makeTemplateObject(["Minimum Value"], ["Minimum Value"])));
-  var i18n_minValueInstructions = $localize(templateObject_76 || (templateObject_76 = __makeTemplateObject(["The minimum numeric value input to be considered valid, this is optional."], ["The minimum numeric value input to be considered valid, this is optional."])));
-  var i18n_multipleChoiceConfiguration = $localize(templateObject_77 || (templateObject_77 = __makeTemplateObject(["Multiple Choice Configuration"], ["Multiple Choice Configuration"])));
-  var i18n_name = $localize(templateObject_78 || (templateObject_78 = __makeTemplateObject(["Name"], ["Name"])));
-  var i18n_nameInstructions = $localize(templateObject_79 || (templateObject_79 = __makeTemplateObject(["This serves as an identifier for the item in the form and can be used to retrieve it during processing, indexing, or other operations."], ["This serves as an identifier for the item in the form and can be used to retrieve it during processing, indexing, or other operations."])));
-  var i18n_new = $localize(templateObject_80 || (templateObject_80 = __makeTemplateObject(["New"], ["New"])));
-  var i18n_newOption = $localize(templateObject_81 || (templateObject_81 = __makeTemplateObject(["New Option"], ["New Option"])));
-  var i18n_newOptionTemplate = $localize(templateObject_82 || (templateObject_82 = __makeTemplateObject(["New Option Template"], ["New Option Template"])));
-  var i18n_newTemplate = $localize(templateObject_83 || (templateObject_83 = __makeTemplateObject(["New Template"], ["New Template"])));
-  var i18n_newTemplateItem = $localize(templateObject_84 || (templateObject_84 = __makeTemplateObject(["New Template Item"], ["New Template Item"])));
-  var i18n_numericConfiguration = $localize(templateObject_85 || (templateObject_85 = __makeTemplateObject(["Numeric Configuration"], ["Numeric Configuration"])));
-  var i18n_numberedListConfiguration = $localize(templateObject_86 || (templateObject_86 = __makeTemplateObject(["Numbered List Configuration"], ["Numbered List Configuration"])));
-  var i18n_numberedListItemInstructions = $localize(templateObject_87 || (templateObject_87 = __makeTemplateObject(["The items that make up this numbered list. This is typically a list of text items that will be presented in a numbered list format."], ["The items that make up this numbered list. This is typically a list of text items that will be presented in a numbered list format."])));
-  var i18n_offsetDateRangeConfiguration = $localize(templateObject_88 || (templateObject_88 = __makeTemplateObject(["Offset Date Range Configuration"], ["Offset Date Range Configuration"])));
-  var i18n_option = $localize(templateObject_89 || (templateObject_89 = __makeTemplateObject(["Option"], ["Option"])));
-  var i18n_optionInstructions = $localize(templateObject_90 || (templateObject_90 = __makeTemplateObject(["The option that should be presented to the user."], ["The option that should be presented to the user."])));
-  var i18n_optionProperties = $localize(templateObject_91 || (templateObject_91 = __makeTemplateObject(["Option Properties"], ["Option Properties"])));
-  var i18n_options = $localize(templateObject_92 || (templateObject_92 = __makeTemplateObject(["Options"], ["Options"])));
-  var i18n_optionsInstructions = $localize(templateObject_93 || (templateObject_93 = __makeTemplateObject(["The options that should be presented to the user."], ["The options that should be presented to the user."])));
-  var i18n_optionSubsets = $localize(templateObject_94 || (templateObject_94 = __makeTemplateObject(["Option Subsets"], ["Option Subsets"])));
-  var i18n_optionSubsetInstructions = $localize(templateObject_95 || (templateObject_95 = __makeTemplateObject(["The option subsets that should be presented to the user."], ["The option subsets that should be presented to the user."])));
-  var i18n_optionTemplate = $localize(templateObject_96 || (templateObject_96 = __makeTemplateObject(["Option Template"], ["Option Template"])));
-  var i18n_optionTemplates = $localize(templateObject_97 || (templateObject_97 = __makeTemplateObject(["Option Templates"], ["Option Templates"])));
-  var i18n_optionTemplateInstructions = $localize(templateObject_98 || (templateObject_98 = __makeTemplateObject(["The template that should be used to provide additional context to the user about the selected option. This is typically used to provide more information about the option that is being selected, such as a description or additional details."], ["The template that should be used to provide additional context to the user about the selected option. This is typically used to provide more information about the option that is being selected, such as a description or additional details."])));
-  var i18n_optionTemplateMap = $localize(templateObject_99 || (templateObject_99 = __makeTemplateObject(["Option Template Map"], ["Option Template Map"])));
-  var i18n_optionTemplateMapInstructions = $localize(templateObject_100 || (templateObject_100 = __makeTemplateObject(["The option template map that should be presented to the user."], ["The option template map that should be presented to the user."])));
-  var i18n_positiveOnly = $localize(templateObject_101 || (templateObject_101 = __makeTemplateObject(["Positive Values Only"], ["Positive Values Only"])));
-  var i18n_positiveOnlyInstructions = $localize(templateObject_102 || (templateObject_102 = __makeTemplateObject(["Indicates that values input must be positive (non-negative, non-0) to be considered valid."], ["Indicates that values input must be positive (non-negative, non-0) to be considered valid."])));
-  var i18n_presetValue = $localize(templateObject_103 || (templateObject_103 = __makeTemplateObject(["Initial Value"], ["Initial Value"])));
-  var i18n_presetValueInstructions = $localize(templateObject_104 || (templateObject_104 = __makeTemplateObject(["The initial date value that should be set when a new instance of this is created."], ["The initial date value that should be set when a new instance of this is created."])));
-  var i18n_questionText = $localize(templateObject_105 || (templateObject_105 = __makeTemplateObject(["Question Text"], ["Question Text"])));
-  var i18n_questionTextInstructions = $localize(templateObject_106 || (templateObject_106 = __makeTemplateObject(["This is the question posed to the user about the input, for which a response is expected."], ["This is the question posed to the user about the input, for which a response is expected."])));
-  var i18n_rangeLimits = $localize(templateObject_107 || (templateObject_107 = __makeTemplateObject(["Range Limits"], ["Range Limits"])));
-  var i18n_rangeLimitsInstructions = $localize(templateObject_108 || (templateObject_108 = __makeTemplateObject(["The limits that should be applied to constrain the date time range that can be selected."], ["The limits that should be applied to constrain the date time range that can be selected."])));
-  var i18n_repeatableItemConfiguration = $localize(templateObject_109 || (templateObject_109 = __makeTemplateObject(["Repeatable Item Configuration"], ["Repeatable Item Configuration"])));
-  var i18n_repeatableItemTemplateId = $localize(templateObject_110 || (templateObject_110 = __makeTemplateObject(["Repeatable Item Template Id"], ["Repeatable Item Template Id"])));
-  var i18n_repeatableItemTemplateIdInstructions = $localize(templateObject_111 || (templateObject_111 = __makeTemplateObject(["The id of the template that should be used to create a new instance of this item."], ["The id of the template that should be used to create a new instance of this item."])));
-  var i18n_required = $localize(templateObject_112 || (templateObject_112 = __makeTemplateObject(["Required"], ["Required"])));
-  var i18n_requiredInstructions = $localize(templateObject_113 || (templateObject_113 = __makeTemplateObject(["Indicates that this item requires a value to be considered complete / valid."], ["Indicates that this item requires a value to be considered complete / valid."])));
-  var i18n_selectAReference = $localize(templateObject_114 || (templateObject_114 = __makeTemplateObject(["Select a Reference"], ["Select a Reference"])));
-  var i18n_selectAReferenceDialogTitle = $localize(templateObject_115 || (templateObject_115 = __makeTemplateObject(["Select a Reference Dialog"], ["Select a Reference Dialog"])));
-  var i18n_settings = $localize(templateObject_116 || (templateObject_116 = __makeTemplateObject(["Settings"], ["Settings"])));
-  var i18n_startingInstances = $localize(templateObject_117 || (templateObject_117 = __makeTemplateObject(["Starting Instances"], ["Starting Instances"])));
-  var i18n_startingInstancesInstructions = $localize(templateObject_118 || (templateObject_118 = __makeTemplateObject(["The number of instances of this item that should be created when the form is first presented to the user."], ["The number of instances of this item that should be created when the form is first presented to the user."])));
-  var i18n_timeInputConfiguration = $localize(templateObject_119 || (templateObject_119 = __makeTemplateObject(["Time Input Configuration"], ["Time Input Configuration"])));
-  var i18n_template = $localize(templateObject_120 || (templateObject_120 = __makeTemplateObject(["Template"], ["Template"])));
-  var i18n_templateItem = $localize(templateObject_121 || (templateObject_121 = __makeTemplateObject(["Template Item"], ["Template Item"])));
-  var i18n_templateItemInstructions = $localize(templateObject_122 || (templateObject_122 = __makeTemplateObject(["The item that makes up this template."], ["The item that makes up this template."])));
-  var i18n_templateItems = $localize(templateObject_123 || (templateObject_123 = __makeTemplateObject(["Template Items"], ["Template Items"])));
-  var i18n_templateItemsInstructions = $localize(templateObject_124 || (templateObject_124 = __makeTemplateObject(["The items at the root level of the template / form."], ["The items at the root level of the template / form."])));
-  var i18n_templateItemsInstructionsGroup = $localize(templateObject_125 || (templateObject_125 = __makeTemplateObject(["The items that make up this group / section."], ["The items that make up this group / section."])));
-  var i18n_textConfiguration = $localize(templateObject_126 || (templateObject_126 = __makeTemplateObject(["Text Configuration"], ["Text Configuration"])));
-  var i18n_textInputConfiguration = $localize(templateObject_127 || (templateObject_127 = __makeTemplateObject(["Text Input Configuration"], ["Text Input Configuration"])));
-  var i18n_textValue = $localize(templateObject_128 || (templateObject_128 = __makeTemplateObject(["Text Value"], ["Text Value"])));
-  var i18n_textValueInstructions = $localize(templateObject_129 || (templateObject_129 = __makeTemplateObject(["This text will be displayed as HTML text in the form and is meant to be used to provide users with more in depth information about the form."], ["This text will be displayed as HTML text in the form and is meant to be used to provide users with more in depth information about the form."])));
-  var i18n_titleInstructions = $localize(templateObject_130 || (templateObject_130 = __makeTemplateObject(["The title of the Template."], ["The title of the Template."])));
-  var i18n_titleInstructionsSection = $localize(templateObject_131 || (templateObject_131 = __makeTemplateObject(["The title of the Section, this will be presented at the top of the card that represents the section."], ["The title of the Section, this will be presented at the top of the card that represents the section."])));
-  var i18n_value = $localize(templateObject_132 || (templateObject_132 = __makeTemplateObject(["Value"], ["Value"])));
-  var i18n_valueInstructions = $localize(templateObject_133 || (templateObject_133 = __makeTemplateObject(["The value that should be presented to the user."], ["The value that should be presented to the user."])));
-  var i18n_values = $localize(templateObject_134 || (templateObject_134 = __makeTemplateObject(["Values"], ["Values"])));
-  var i18n_valuesInstructions = $localize(templateObject_135 || (templateObject_135 = __makeTemplateObject(["The values that should be presented to the user."], ["The values that should be presented to the user."])));
-  var i18n_verifyAcknowledgementDialogTitle = $localize(templateObject_136 || (templateObject_136 = __makeTemplateObject(["Verify Acknowledgement Dialog"], ["Verify Acknowledgement Dialog"])));
-  var i18n_yearQuarterRangeConfiguration = $localize(templateObject_137 || (templateObject_137 = __makeTemplateObject(["Year Quarter Range Configuration"], ["Year Quarter Range Configuration"])));
-  var i18n_listValue = $localize(templateObject_138 || (templateObject_138 = __makeTemplateObject(["List Value"], ["List Value"])));
-  var i18n_newListValue = $localize(templateObject_139 || (templateObject_139 = __makeTemplateObject(["New List Value"], ["New List Value"])));
-  var i18n_newItem = $localize(templateObject_140 || (templateObject_140 = __makeTemplateObject(["New Item"], ["New Item"])));
-  var i18n_exampleText = $localize(templateObject_141 || (templateObject_141 = __makeTemplateObject(["Example Text"], ["Example Text"])));
-  var i18n_boolean = $localize(templateObject_142 || (templateObject_142 = __makeTemplateObject(["Boolean"], ["Boolean"])));
-  var i18n_booleanItem = $localize(templateObject_143 || (templateObject_143 = __makeTemplateObject(["Boolean Item"], ["Boolean Item"])));
-  var i18n_bulletedListItem = $localize(templateObject_144 || (templateObject_144 = __makeTemplateObject(["Bulleted List Item"], ["Bulleted List Item"])));
-  var i18n_checkbox = $localize(templateObject_145 || (templateObject_145 = __makeTemplateObject(["Checkbox"], ["Checkbox"])));
-  var i18n_checkboxItem = $localize(templateObject_146 || (templateObject_146 = __makeTemplateObject(["Checkbox Item"], ["Checkbox Item"])));
-  var i18n_offsetDateRange = $localize(templateObject_147 || (templateObject_147 = __makeTemplateObject(["Offset Date Range"], ["Offset Date Range"])));
-  var i18n_offsetDateRangeItem = $localize(templateObject_148 || (templateObject_148 = __makeTemplateObject(["Offset Date Range Item"], ["Offset Date Range Item"])));
-  var i18n_yearQuarterRange = $localize(templateObject_149 || (templateObject_149 = __makeTemplateObject(["Year Quarter Range"], ["Year Quarter Range"])));
-  var i18n_yearQuarterRangeItem = $localize(templateObject_150 || (templateObject_150 = __makeTemplateObject(["Year Quarter Range Item"], ["Year Quarter Range Item"])));
-  var i18n_date = $localize(templateObject_151 || (templateObject_151 = __makeTemplateObject(["Date"], ["Date"])));
-  var i18n_dateItem = $localize(templateObject_152 || (templateObject_152 = __makeTemplateObject(["Date Item"], ["Date Item"])));
-  var i18n_decimalAnswer = $localize(templateObject_153 || (templateObject_153 = __makeTemplateObject(["Decimal Answer"], ["Decimal Answer"])));
-  var i18n_decimalValue = $localize(templateObject_154 || (templateObject_154 = __makeTemplateObject(["Decimal Value"], ["Decimal Value"])));
-  var i18n_decimalAnswerItem = $localize(templateObject_155 || (templateObject_155 = __makeTemplateObject(["Decimal Answer Item"], ["Decimal Answer Item"])));
-  var i18n_dropdown = $localize(templateObject_156 || (templateObject_156 = __makeTemplateObject(["Dropdown"], ["Dropdown"])));
-  var i18n_dropdownItem = $localize(templateObject_157 || (templateObject_157 = __makeTemplateObject(["Dropdown Item"], ["Dropdown Item"])));
-  var i18n_fileUpload = $localize(templateObject_158 || (templateObject_158 = __makeTemplateObject(["File Upload"], ["File Upload"])));
-  var i18n_fileUploadItem = $localize(templateObject_159 || (templateObject_159 = __makeTemplateObject(["File Upload Item"], ["File Upload Item"])));
-  var i18n_internationalizedParagraphAnswer = $localize(templateObject_160 || (templateObject_160 = __makeTemplateObject(["Internationalized Paragraph Answer"], ["Internationalized Paragraph Answer"])));
-  var i18n_internationalizedParagraphAnswerItem = $localize(templateObject_161 || (templateObject_161 = __makeTemplateObject(["Internationalized Paragraph Answer Item"], ["Internationalized Paragraph Answer Item"])));
-  var i18n_internationalizedShortAnswer = $localize(templateObject_162 || (templateObject_162 = __makeTemplateObject(["Internationalized Short Answer"], ["Internationalized Short Answer"])));
-  var i18n_internationalizedShortAnswerItem = $localize(templateObject_163 || (templateObject_163 = __makeTemplateObject(["Internationalized Short Answer Item"], ["Internationalized Short Answer Item"])));
-  var i18n_multipleChoice = $localize(templateObject_164 || (templateObject_164 = __makeTemplateObject(["Multiple Choice"], ["Multiple Choice"])));
-  var i18n_multipleChoiceItem = $localize(templateObject_165 || (templateObject_165 = __makeTemplateObject(["Multiple Choice Item"], ["Multiple Choice Item"])));
-  var i18n_numberedListItem = $localize(templateObject_166 || (templateObject_166 = __makeTemplateObject(["Numbered List Item"], ["Numbered List Item"])));
-  var i18n_orderedList = $localize(templateObject_167 || (templateObject_167 = __makeTemplateObject(["Ordered List"], ["Ordered List"])));
-  var i18n_orderedListItem = $localize(templateObject_168 || (templateObject_168 = __makeTemplateObject(["Ordered List Item"], ["Ordered List Item"])));
-  var i18n_paragraphAnswer = $localize(templateObject_169 || (templateObject_169 = __makeTemplateObject(["Paragraph Answer"], ["Paragraph Answer"])));
-  var i18n_paragraphAnswerItem = $localize(templateObject_170 || (templateObject_170 = __makeTemplateObject(["Paragraph Answer Item"], ["Paragraph Answer Item"])));
-  var i18n_repeatable = $localize(templateObject_171 || (templateObject_171 = __makeTemplateObject(["Repeatable"], ["Repeatable"])));
-  var i18n_repeatableItem = $localize(templateObject_172 || (templateObject_172 = __makeTemplateObject(["Repeatable Item"], ["Repeatable Item"])));
-  var i18n_shortAnswer = $localize(templateObject_173 || (templateObject_173 = __makeTemplateObject(["Short Answer"], ["Short Answer"])));
-  var i18n_shortAnswerItem = $localize(templateObject_174 || (templateObject_174 = __makeTemplateObject(["Short Answer Item"], ["Short Answer Item"])));
-  var i18n_group = $localize(templateObject_175 || (templateObject_175 = __makeTemplateObject(["Group"], ["Group"])));
-  var i18n_groupItem = $localize(templateObject_176 || (templateObject_176 = __makeTemplateObject(["Group Item"], ["Group Item"])));
-  var i18n_section = $localize(templateObject_177 || (templateObject_177 = __makeTemplateObject(["Section"], ["Section"])));
-  var i18n_sectionItem = $localize(templateObject_178 || (templateObject_178 = __makeTemplateObject(["Section Item"], ["Section Item"])));
-  var i18n_text = $localize(templateObject_179 || (templateObject_179 = __makeTemplateObject(["Text"], ["Text"])));
-  var i18n_textItem = $localize(templateObject_180 || (templateObject_180 = __makeTemplateObject(["Text Item"], ["Text Item"])));
-  var i18n_time = $localize(templateObject_181 || (templateObject_181 = __makeTemplateObject(["Time"], ["Time"])));
-  var i18n_timeItem = $localize(templateObject_182 || (templateObject_182 = __makeTemplateObject(["Time Item"], ["Time Item"])));
-  var i18n_title = $localize(templateObject_183 || (templateObject_183 = __makeTemplateObject(["Title"], ["Title"])));
-  var i18n_titleItem = $localize(templateObject_184 || (templateObject_184 = __makeTemplateObject(["Title Item"], ["Title Item"])));
-  var i18n_unorderedList = $localize(templateObject_185 || (templateObject_185 = __makeTemplateObject(["Unordered List"], ["Unordered List"])));
-  var i18n_unorderedListItem = $localize(templateObject_186 || (templateObject_186 = __makeTemplateObject(["Unordered List Item"], ["Unordered List Item"])));
-  var i18n_wholeNumberAnswer = $localize(templateObject_187 || (templateObject_187 = __makeTemplateObject(["Whole Number Answer"], ["Whole Number Answer"])));
-  var i18n_wholeNumberAnswerItem = $localize(templateObject_188 || (templateObject_188 = __makeTemplateObject(["Whole Number Answer Item"], ["Whole Number Answer Item"])));
-  var i18n_wholeNumberValue = $localize(templateObject_189 || (templateObject_189 = __makeTemplateObject(["Whole Number Value"], ["Whole Number Value"])));
-  var templateObject_1$q, templateObject_2$6, templateObject_3$4, templateObject_4$3, templateObject_5$3, templateObject_6$3, templateObject_7$3, templateObject_8$3, templateObject_9$3, templateObject_10$3, templateObject_11$3, templateObject_12$3, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65, templateObject_66, templateObject_67, templateObject_68, templateObject_69, templateObject_70, templateObject_71, templateObject_72, templateObject_73, templateObject_74, templateObject_75, templateObject_76, templateObject_77, templateObject_78, templateObject_79, templateObject_80, templateObject_81, templateObject_82, templateObject_83, templateObject_84, templateObject_85, templateObject_86, templateObject_87, templateObject_88, templateObject_89, templateObject_90, templateObject_91, templateObject_92, templateObject_93, templateObject_94, templateObject_95, templateObject_96, templateObject_97, templateObject_98, templateObject_99, templateObject_100, templateObject_101, templateObject_102, templateObject_103, templateObject_104, templateObject_105, templateObject_106, templateObject_107, templateObject_108, templateObject_109, templateObject_110, templateObject_111, templateObject_112, templateObject_113, templateObject_114, templateObject_115, templateObject_116, templateObject_117, templateObject_118, templateObject_119, templateObject_120, templateObject_121, templateObject_122, templateObject_123, templateObject_124, templateObject_125, templateObject_126, templateObject_127, templateObject_128, templateObject_129, templateObject_130, templateObject_131, templateObject_132, templateObject_133, templateObject_134, templateObject_135, templateObject_136, templateObject_137, templateObject_138, templateObject_139, templateObject_140, templateObject_141, templateObject_142, templateObject_143, templateObject_144, templateObject_145, templateObject_146, templateObject_147, templateObject_148, templateObject_149, templateObject_150, templateObject_151, templateObject_152, templateObject_153, templateObject_154, templateObject_155, templateObject_156, templateObject_157, templateObject_158, templateObject_159, templateObject_160, templateObject_161, templateObject_162, templateObject_163, templateObject_164, templateObject_165, templateObject_166, templateObject_167, templateObject_168, templateObject_169, templateObject_170, templateObject_171, templateObject_172, templateObject_173, templateObject_174, templateObject_175, templateObject_176, templateObject_177, templateObject_178, templateObject_179, templateObject_180, templateObject_181, templateObject_182, templateObject_183, templateObject_184, templateObject_185, templateObject_186, templateObject_187, templateObject_188, templateObject_189;
+  var i18n_column = $localize(templateObject_25 || (templateObject_25 = __makeTemplateObject(["Column"], ["Column"])));
+  var i18n_conditions = $localize(templateObject_26 || (templateObject_26 = __makeTemplateObject(["Conditions"], ["Conditions"])));
+  var i18n_conditionAllRequired = $localize(templateObject_27 || (templateObject_27 = __makeTemplateObject(["All Required"], ["All Required"])));
+  var i18n_conditionAllRequiredInstructions = $localize(templateObject_28 || (templateObject_28 = __makeTemplateObject(["Set to true if all item references must have the specified value for the condition to be met. Setting this as false means one to all of the values must match for the condition to be met."], ["Set to true if all item references must have the specified value for the condition to be met. Setting this as false means one to all of the values must match for the condition to be met."])));
+  var i18n_conditionItemIds = $localize(templateObject_29 || (templateObject_29 = __makeTemplateObject(["Item References"], ["Item References"])));
+  var i18n_conditionItemIdsInstructions = $localize(templateObject_30 || (templateObject_30 = __makeTemplateObject(["The item references that determine when the condition is met. These are references to other items in the form that affect the state of this item."], ["The item references that determine when the condition is met. These are references to other items in the form that affect the state of this item."])));
+  var i18n_core = $localize(templateObject_31 || (templateObject_31 = __makeTemplateObject(["Core"], ["Core"])));
+  var i18n_childItems = $localize(templateObject_32 || (templateObject_32 = __makeTemplateObject(["Child Items"], ["Child Items"])));
+  var i18n_dateConfiguration = $localize(templateObject_33 || (templateObject_33 = __makeTemplateObject(["Date Configuration"], ["Date Configuration"])));
+  var i18n_dateFormat = $localize(templateObject_34 || (templateObject_34 = __makeTemplateObject(["Date Format"], ["Date Format"])));
+  var i18n_dateFormatInstructions = $localize(templateObject_35 || (templateObject_35 = __makeTemplateObject(["The format that the date should be displayed in the form. This is typically used to ensure that the date is presented in a way that is consistent with the user's expectations."], ["The format that the date should be displayed in the form. This is typically used to ensure that the date is presented in a way that is consistent with the user's expectations."])));
+  var i18n_description = $localize(templateObject_36 || (templateObject_36 = __makeTemplateObject(["Description"], ["Description"])));
+  var i18n_descriptionInstructions = $localize(templateObject_37 || (templateObject_37 = __makeTemplateObject(["The description is a short representation of what the value for the input should be."], ["The description is a short representation of what the value for the input should be."])));
+  var i18n_descriptive = $localize(templateObject_38 || (templateObject_38 = __makeTemplateObject(["Descriptive Information"], ["Descriptive Information"])));
+  var i18n_descriptiveText = $localize(templateObject_39 || (templateObject_39 = __makeTemplateObject(["Descriptive Text"], ["Descriptive Text"])));
+  var i18n_descriptiveTextInstructionsItem = $localize(templateObject_40 || (templateObject_40 = __makeTemplateObject(["Descriptive text provides additional explanation / context to the item. Typically the question text is used to present the question that information is being gathered about and the descriptive text expounds on that to ensure the user filling out the form understands what is being asked of them."], ["Descriptive text provides additional explanation / context to the item. Typically the question text is used to present the question that information is being gathered about and the descriptive text expounds on that to ensure the user filling out the form understands what is being asked of them."])));
+  var i18n_descriptiveTextInstructionsTemplate = $localize(templateObject_41 || (templateObject_41 = __makeTemplateObject(["Describes the purpose and use cases for this Template or Template Item."], ["Describes the purpose and use cases for this Template or Template Item."])));
+  var i18n_disabledItems = $localize(templateObject_42 || (templateObject_42 = __makeTemplateObject(["Disabled Items"], ["Disabled Items"])));
+  var i18n_disabledItemsInstructions = $localize(templateObject_43 || (templateObject_43 = __makeTemplateObject(["The items that should be disabled in the form upon selection of this option."], ["The items that should be disabled in the form upon selection of this option."])));
+  var i18n_downloadAllowed = $localize(templateObject_44 || (templateObject_44 = __makeTemplateObject(["Download Allowed"], ["Download Allowed"])));
+  var i18n_downloadAllowedInstructions = $localize(templateObject_45 || (templateObject_45 = __makeTemplateObject(["Indicates if the file should be allowed to be downloaded once it has been uploaded, or if it should only be available for processing on the backend."], ["Indicates if the file should be allowed to be downloaded once it has been uploaded, or if it should only be available for processing on the backend."])));
+  var i18n_dropdownConfiguration = $localize(templateObject_46 || (templateObject_46 = __makeTemplateObject(["Dropdown Configuration"], ["Dropdown Configuration"])));
+  var i18n_dropdownProperties = $localize(templateObject_47 || (templateObject_47 = __makeTemplateObject(["Dropdown Properties"], ["Dropdown Properties"])));
+  var i18n_enabledAndDisabledItems = $localize(templateObject_48 || (templateObject_48 = __makeTemplateObject(["Enabled and Disabled Items"], ["Enabled and Disabled Items"])));
+  var i18n_enabledItems = $localize(templateObject_49 || (templateObject_49 = __makeTemplateObject(["Enabled Items"], ["Enabled Items"])));
+  var i18n_enabledItemsInstructions = $localize(templateObject_50 || (templateObject_50 = __makeTemplateObject(["The items that should be enabled in the form upon selection of this option."], ["The items that should be enabled in the form upon selection of this option."])));
+  var i18n_fileTypeId = $localize(templateObject_51 || (templateObject_51 = __makeTemplateObject(["File Type Id"], ["File Type Id"])));
+  var i18n_fileTypeIdInstructions = $localize(templateObject_52 || (templateObject_52 = __makeTemplateObject(["The file type id that this file upload item should be associated with. This is used to determine what type of file is being uploaded and how it should be processed."], ["The file type id that this file upload item should be associated with. This is used to determine what type of file is being uploaded and how it should be processed."])));
+  var i18n_fileUploadConfiguration = $localize(templateObject_53 || (templateObject_53 = __makeTemplateObject(["File Upload Configuration"], ["File Upload Configuration"])));
+  var i18n_form = $localize(templateObject_54 || (templateObject_54 = __makeTemplateObject(["Form"], ["Form"])));
+  var i18n_format = $localize(templateObject_55 || (templateObject_55 = __makeTemplateObject(["Format"], ["Format"])));
+  var i18n_formatInstructions = $localize(templateObject_56 || (templateObject_56 = __makeTemplateObject(["The format the date should be presented in."], ["The format the date should be presented in."])));
+  var i18n_formatTimeInstructions = $localize(templateObject_57 || (templateObject_57 = __makeTemplateObject(["The format the time should be presented in."], ["The format the time should be presented in."])));
+  var i18n_fullWidth = $localize(templateObject_58 || (templateObject_58 = __makeTemplateObject(["Full Width"], ["Full Width"])));
+  var i18n_fullWidthInstructions = $localize(templateObject_59 || (templateObject_59 = __makeTemplateObject(["Indicates if the item should be presented in a full width format."], ["Indicates if the item should be presented in a full width format."])));
+  var i18n_help = $localize(templateObject_60 || (templateObject_60 = __makeTemplateObject(["Help"], ["Help"])));
+  var i18n_helpInstructions = $localize(templateObject_61 || (templateObject_61 = __makeTemplateObject(["The help text provides additional context to the user about what is being asked of them."], ["The help text provides additional context to the user about what is being asked of them."])));
+  var i18n_item = $localize(templateObject_62 || (templateObject_62 = __makeTemplateObject(["Item"], ["Item"])));
+  var i18n_items = $localize(templateObject_63 || (templateObject_63 = __makeTemplateObject(["Items"], ["Items"])));
+  var i18n_itemsInstructions = $localize(templateObject_64 || (templateObject_64 = __makeTemplateObject(["The items that make up this template."], ["The items that make up this template."])));
+  var i18n_label = $localize(templateObject_65 || (templateObject_65 = __makeTemplateObject(["Label"], ["Label"])));
+  var i18n_labelInstructions = $localize(templateObject_66 || (templateObject_66 = __makeTemplateObject(["The label is a short representation of what the value for the input should be. This will be presented as a greyed out value in the input and shift to the input title once the user provides an input of their own."], ["The label is a short representation of what the value for the input should be. This will be presented as a greyed out value in the input and shift to the input title once the user provides an input of their own."])));
+  var i18n_layout = $localize(templateObject_67 || (templateObject_67 = __makeTemplateObject(["Layout"], ["Layout"])));
+  var i18n_layoutInstructions = $localize(templateObject_68 || (templateObject_68 = __makeTemplateObject(["Indicates how the child items of this item should be presented. \"Row\" indicates that multiple items should be put on a single row (to save space), while \"Column\" indicates the items should be placed in a vertical way."], ["Indicates how the child items of this item should be presented. \"Row\" indicates that multiple items should be put on a single row (to save space), while \"Column\" indicates the items should be placed in a vertical way."])));
+  var i18n_maxCharCount = $localize(templateObject_69 || (templateObject_69 = __makeTemplateObject(["Maximum Character Count"], ["Maximum Character Count"])));
+  var i18n_maxCharCountInstructions = $localize(templateObject_70 || (templateObject_70 = __makeTemplateObject(["The maximum character count of the values that are input to be considered valid, this is optional."], ["The maximum character count of the values that are input to be considered valid, this is optional."])));
+  var i18n_minCharCount = $localize(templateObject_71 || (templateObject_71 = __makeTemplateObject(["Minimum Character Count"], ["Minimum Character Count"])));
+  var i18n_minCharCountInstructions = $localize(templateObject_72 || (templateObject_72 = __makeTemplateObject(["The minimum character count of the values that are input to be considered valid, this is optional."], ["The minimum character count of the values that are input to be considered valid, this is optional."])));
+  var i18n_maxOccurrances = $localize(templateObject_73 || (templateObject_73 = __makeTemplateObject(["Maximum Occurrences"], ["Maximum Occurrences"])));
+  var i18n_maxOccurrancesInstructions = $localize(templateObject_74 || (templateObject_74 = __makeTemplateObject(["The maximum number of times this item should be presented to the user."], ["The maximum number of times this item should be presented to the user."])));
+  var i18n_minOccurrances = $localize(templateObject_75 || (templateObject_75 = __makeTemplateObject(["Minimum Occurrences"], ["Minimum Occurrences"])));
+  var i18n_minOccurrancesInstructions = $localize(templateObject_76 || (templateObject_76 = __makeTemplateObject(["The minimum number of times this item should be presented to the user."], ["The minimum number of times this item should be presented to the user."])));
+  var i18n_minSelections = $localize(templateObject_77 || (templateObject_77 = __makeTemplateObject(["Minimum Selections"], ["Minimum Selections"])));
+  var i18n_minSelectionsInstructions = $localize(templateObject_78 || (templateObject_78 = __makeTemplateObject(["The minimum number of selections that should be required to be considered valid."], ["The minimum number of selections that should be required to be considered valid."])));
+  var i18n_maxSelections = $localize(templateObject_79 || (templateObject_79 = __makeTemplateObject(["Maximum Selections"], ["Maximum Selections"])));
+  var i18n_maxSelectionsInstructions = $localize(templateObject_80 || (templateObject_80 = __makeTemplateObject(["The maximum number of selections that should be required to be considered valid."], ["The maximum number of selections that should be required to be considered valid."])));
+  var i18n_maxValue = $localize(templateObject_81 || (templateObject_81 = __makeTemplateObject(["Maximum Value"], ["Maximum Value"])));
+  var i18n_maxValueInstructions = $localize(templateObject_82 || (templateObject_82 = __makeTemplateObject(["The maximum numeric value input to be considered valid, this is optional."], ["The maximum numeric value input to be considered valid, this is optional."])));
+  var i18n_minValue = $localize(templateObject_83 || (templateObject_83 = __makeTemplateObject(["Minimum Value"], ["Minimum Value"])));
+  var i18n_minValueInstructions = $localize(templateObject_84 || (templateObject_84 = __makeTemplateObject(["The minimum numeric value input to be considered valid, this is optional."], ["The minimum numeric value input to be considered valid, this is optional."])));
+  var i18n_multipleChoiceConfiguration = $localize(templateObject_85 || (templateObject_85 = __makeTemplateObject(["Multiple Choice Configuration"], ["Multiple Choice Configuration"])));
+  var i18n_name = $localize(templateObject_86 || (templateObject_86 = __makeTemplateObject(["Name"], ["Name"])));
+  var i18n_nameInstructions = $localize(templateObject_87 || (templateObject_87 = __makeTemplateObject(["This serves as an identifier for the item in the form and can be used to retrieve it during processing, indexing, or other operations."], ["This serves as an identifier for the item in the form and can be used to retrieve it during processing, indexing, or other operations."])));
+  var i18n_new = $localize(templateObject_88 || (templateObject_88 = __makeTemplateObject(["New"], ["New"])));
+  var i18n_newOption = $localize(templateObject_89 || (templateObject_89 = __makeTemplateObject(["New Option"], ["New Option"])));
+  var i18n_newOptionTemplate = $localize(templateObject_90 || (templateObject_90 = __makeTemplateObject(["New Option Template"], ["New Option Template"])));
+  var i18n_newTemplate = $localize(templateObject_91 || (templateObject_91 = __makeTemplateObject(["New Template"], ["New Template"])));
+  var i18n_newTemplateItem = $localize(templateObject_92 || (templateObject_92 = __makeTemplateObject(["New Template Item"], ["New Template Item"])));
+  var i18n_numericConfiguration = $localize(templateObject_93 || (templateObject_93 = __makeTemplateObject(["Numeric Configuration"], ["Numeric Configuration"])));
+  var i18n_numberedListConfiguration = $localize(templateObject_94 || (templateObject_94 = __makeTemplateObject(["Numbered List Configuration"], ["Numbered List Configuration"])));
+  var i18n_numberedListItemInstructions = $localize(templateObject_95 || (templateObject_95 = __makeTemplateObject(["The items that make up this numbered list. This is typically a list of text items that will be presented in a numbered list format."], ["The items that make up this numbered list. This is typically a list of text items that will be presented in a numbered list format."])));
+  var i18n_offsetDateRangeConfiguration = $localize(templateObject_96 || (templateObject_96 = __makeTemplateObject(["Offset Date Range Configuration"], ["Offset Date Range Configuration"])));
+  var i18n_option = $localize(templateObject_97 || (templateObject_97 = __makeTemplateObject(["Option"], ["Option"])));
+  var i18n_optionInstructions = $localize(templateObject_98 || (templateObject_98 = __makeTemplateObject(["The option that should be presented to the user."], ["The option that should be presented to the user."])));
+  var i18n_optionProperties = $localize(templateObject_99 || (templateObject_99 = __makeTemplateObject(["Option Properties"], ["Option Properties"])));
+  var i18n_options = $localize(templateObject_100 || (templateObject_100 = __makeTemplateObject(["Options"], ["Options"])));
+  var i18n_optionsInstructions = $localize(templateObject_101 || (templateObject_101 = __makeTemplateObject(["The options that should be presented to the user."], ["The options that should be presented to the user."])));
+  var i18n_optionSubsets = $localize(templateObject_102 || (templateObject_102 = __makeTemplateObject(["Option Subsets"], ["Option Subsets"])));
+  var i18n_optionSubsetInstructions = $localize(templateObject_103 || (templateObject_103 = __makeTemplateObject(["The option subsets that should be presented to the user."], ["The option subsets that should be presented to the user."])));
+  var i18n_optionTemplate = $localize(templateObject_104 || (templateObject_104 = __makeTemplateObject(["Option Template"], ["Option Template"])));
+  var i18n_optionTemplates = $localize(templateObject_105 || (templateObject_105 = __makeTemplateObject(["Option Templates"], ["Option Templates"])));
+  var i18n_optionTemplateInstructions = $localize(templateObject_106 || (templateObject_106 = __makeTemplateObject(["The template that should be used to provide additional context to the user about the selected option. This is typically used to provide more information about the option that is being selected, such as a description or additional details."], ["The template that should be used to provide additional context to the user about the selected option. This is typically used to provide more information about the option that is being selected, such as a description or additional details."])));
+  var i18n_optionTemplateMap = $localize(templateObject_107 || (templateObject_107 = __makeTemplateObject(["Option Template Map"], ["Option Template Map"])));
+  var i18n_optionTemplateMapInstructions = $localize(templateObject_108 || (templateObject_108 = __makeTemplateObject(["The option template map that should be presented to the user."], ["The option template map that should be presented to the user."])));
+  var i18n_positiveOnly = $localize(templateObject_109 || (templateObject_109 = __makeTemplateObject(["Positive Values Only"], ["Positive Values Only"])));
+  var i18n_positiveOnlyInstructions = $localize(templateObject_110 || (templateObject_110 = __makeTemplateObject(["Indicates that values input must be positive (non-negative, non-0) to be considered valid."], ["Indicates that values input must be positive (non-negative, non-0) to be considered valid."])));
+  var i18n_presetValue = $localize(templateObject_111 || (templateObject_111 = __makeTemplateObject(["Initial Value"], ["Initial Value"])));
+  var i18n_presetValueInstructions = $localize(templateObject_112 || (templateObject_112 = __makeTemplateObject(["The initial date value that should be set when a new instance of this is created."], ["The initial date value that should be set when a new instance of this is created."])));
+  var i18n_questionText = $localize(templateObject_113 || (templateObject_113 = __makeTemplateObject(["Question Text"], ["Question Text"])));
+  var i18n_questionTextInstructions = $localize(templateObject_114 || (templateObject_114 = __makeTemplateObject(["This is the question posed to the user about the input, for which a response is expected."], ["This is the question posed to the user about the input, for which a response is expected."])));
+  var i18n_rangeLimits = $localize(templateObject_115 || (templateObject_115 = __makeTemplateObject(["Range Limits"], ["Range Limits"])));
+  var i18n_rangeLimitsInstructions = $localize(templateObject_116 || (templateObject_116 = __makeTemplateObject(["The limits that should be applied to constrain the date time range that can be selected."], ["The limits that should be applied to constrain the date time range that can be selected."])));
+  var i18n_repeatableItemConfiguration = $localize(templateObject_117 || (templateObject_117 = __makeTemplateObject(["Repeatable Item Configuration"], ["Repeatable Item Configuration"])));
+  var i18n_repeatableItemTemplateId = $localize(templateObject_118 || (templateObject_118 = __makeTemplateObject(["Repeatable Item Template Id"], ["Repeatable Item Template Id"])));
+  var i18n_repeatableItemTemplateIdInstructions = $localize(templateObject_119 || (templateObject_119 = __makeTemplateObject(["The id of the template that should be used to create a new instance of this item."], ["The id of the template that should be used to create a new instance of this item."])));
+  var i18n_required = $localize(templateObject_120 || (templateObject_120 = __makeTemplateObject(["Required"], ["Required"])));
+  var i18n_requiredInstructions = $localize(templateObject_121 || (templateObject_121 = __makeTemplateObject(["Indicates that this item requires a value to be considered complete / valid."], ["Indicates that this item requires a value to be considered complete / valid."])));
+  var i18n_row = $localize(templateObject_122 || (templateObject_122 = __makeTemplateObject(["Row"], ["Row"])));
+  var i18n_selectAReference = $localize(templateObject_123 || (templateObject_123 = __makeTemplateObject(["Select a Reference"], ["Select a Reference"])));
+  var i18n_selectAReferenceDialogTitle = $localize(templateObject_124 || (templateObject_124 = __makeTemplateObject(["Select a Reference Dialog"], ["Select a Reference Dialog"])));
+  var i18n_settings = $localize(templateObject_125 || (templateObject_125 = __makeTemplateObject(["Settings"], ["Settings"])));
+  var i18n_startingInstances = $localize(templateObject_126 || (templateObject_126 = __makeTemplateObject(["Starting Instances"], ["Starting Instances"])));
+  var i18n_startingInstancesInstructions = $localize(templateObject_127 || (templateObject_127 = __makeTemplateObject(["The number of instances of this item that should be created when the form is first presented to the user."], ["The number of instances of this item that should be created when the form is first presented to the user."])));
+  var i18n_timeInputConfiguration = $localize(templateObject_128 || (templateObject_128 = __makeTemplateObject(["Time Input Configuration"], ["Time Input Configuration"])));
+  var i18n_template = $localize(templateObject_129 || (templateObject_129 = __makeTemplateObject(["Template"], ["Template"])));
+  var i18n_templateItem = $localize(templateObject_130 || (templateObject_130 = __makeTemplateObject(["Template Item"], ["Template Item"])));
+  var i18n_templateItemInstructions = $localize(templateObject_131 || (templateObject_131 = __makeTemplateObject(["The item that makes up this template."], ["The item that makes up this template."])));
+  var i18n_templateItems = $localize(templateObject_132 || (templateObject_132 = __makeTemplateObject(["Template Items"], ["Template Items"])));
+  var i18n_templateItemsInstructions = $localize(templateObject_133 || (templateObject_133 = __makeTemplateObject(["The items at the root level of the template / form."], ["The items at the root level of the template / form."])));
+  var i18n_templateItemsInstructionsGroup = $localize(templateObject_134 || (templateObject_134 = __makeTemplateObject(["The items that make up this group / section."], ["The items that make up this group / section."])));
+  var i18n_textConfiguration = $localize(templateObject_135 || (templateObject_135 = __makeTemplateObject(["Text Configuration"], ["Text Configuration"])));
+  var i18n_textInputConfiguration = $localize(templateObject_136 || (templateObject_136 = __makeTemplateObject(["Text Input Configuration"], ["Text Input Configuration"])));
+  var i18n_textValue = $localize(templateObject_137 || (templateObject_137 = __makeTemplateObject(["Text Value"], ["Text Value"])));
+  var i18n_textValueInstructions = $localize(templateObject_138 || (templateObject_138 = __makeTemplateObject(["This text will be displayed as HTML text in the form and is meant to be used to provide users with more in depth information about the form."], ["This text will be displayed as HTML text in the form and is meant to be used to provide users with more in depth information about the form."])));
+  var i18n_titleInstructions = $localize(templateObject_139 || (templateObject_139 = __makeTemplateObject(["The title of the Template."], ["The title of the Template."])));
+  var i18n_titleInstructionsSection = $localize(templateObject_140 || (templateObject_140 = __makeTemplateObject(["The title of the Section, this will be presented at the top of the card that represents the section."], ["The title of the Section, this will be presented at the top of the card that represents the section."])));
+  var i18n_value = $localize(templateObject_141 || (templateObject_141 = __makeTemplateObject(["Value"], ["Value"])));
+  var i18n_valueInstructions = $localize(templateObject_142 || (templateObject_142 = __makeTemplateObject(["The value that should be presented to the user."], ["The value that should be presented to the user."])));
+  var i18n_values = $localize(templateObject_143 || (templateObject_143 = __makeTemplateObject(["Values"], ["Values"])));
+  var i18n_valuesInstructions = $localize(templateObject_144 || (templateObject_144 = __makeTemplateObject(["The values that should be presented to the user."], ["The values that should be presented to the user."])));
+  var i18n_verifyAcknowledgementDialogTitle = $localize(templateObject_145 || (templateObject_145 = __makeTemplateObject(["Verify Acknowledgement Dialog"], ["Verify Acknowledgement Dialog"])));
+  var i18n_yearQuarterRangeConfiguration = $localize(templateObject_146 || (templateObject_146 = __makeTemplateObject(["Year Quarter Range Configuration"], ["Year Quarter Range Configuration"])));
+  var i18n_listValue = $localize(templateObject_147 || (templateObject_147 = __makeTemplateObject(["List Value"], ["List Value"])));
+  var i18n_newListValue = $localize(templateObject_148 || (templateObject_148 = __makeTemplateObject(["New List Value"], ["New List Value"])));
+  var i18n_newItem = $localize(templateObject_149 || (templateObject_149 = __makeTemplateObject(["New Item"], ["New Item"])));
+  var i18n_startYear = $localize(templateObject_150 || (templateObject_150 = __makeTemplateObject(["Start Year"], ["Start Year"])));
+  var i18n_startYearInstructions = $localize(templateObject_151 || (templateObject_151 = __makeTemplateObject(["The starting year for the year quarter range."], ["The starting year for the year quarter range."])));
+  var i18n_startQuarter = $localize(templateObject_152 || (templateObject_152 = __makeTemplateObject(["Start Quarter"], ["Start Quarter"])));
+  var i18n_startQuarterInstructions = $localize(templateObject_153 || (templateObject_153 = __makeTemplateObject(["The starting quarter for the year quarter range."], ["The starting quarter for the year quarter range."])));
+  var i18n_endYear = $localize(templateObject_154 || (templateObject_154 = __makeTemplateObject(["End Year"], ["End Year"])));
+  var i18n_endYearInstructions = $localize(templateObject_155 || (templateObject_155 = __makeTemplateObject(["The ending year for the year quarter range."], ["The ending year for the year quarter range."])));
+  var i18n_endQuarter = $localize(templateObject_156 || (templateObject_156 = __makeTemplateObject(["End Quarter"], ["End Quarter"])));
+  var i18n_endQuarterInstructions = $localize(templateObject_157 || (templateObject_157 = __makeTemplateObject(["The ending quarter for the year quarter range."], ["The ending quarter for the year quarter range."])));
+  var i18n_quarterOne = $localize(templateObject_158 || (templateObject_158 = __makeTemplateObject(["Q1"], ["Q1"])));
+  var i18n_quarterTwo = $localize(templateObject_159 || (templateObject_159 = __makeTemplateObject(["Q2"], ["Q2"])));
+  var i18n_quarterThree = $localize(templateObject_160 || (templateObject_160 = __makeTemplateObject(["Q3"], ["Q3"])));
+  var i18n_quarterFour = $localize(templateObject_161 || (templateObject_161 = __makeTemplateObject(["Q4"], ["Q4"])));
+  var i18n_boolean = $localize(templateObject_162 || (templateObject_162 = __makeTemplateObject(["Boolean"], ["Boolean"])));
+  var i18n_booleanItem = $localize(templateObject_163 || (templateObject_163 = __makeTemplateObject(["Boolean Item"], ["Boolean Item"])));
+  var i18n_booleanItemDescription = $localize(templateObject_164 || (templateObject_164 = __makeTemplateObject(["A simple yes/no or true/false question."], ["A simple yes/no or true/false question."])));
+  var i18n_bulletedListItem = $localize(templateObject_165 || (templateObject_165 = __makeTemplateObject(["Bulleted List Item"], ["Bulleted List Item"])));
+  var i18n_bulletedListItemDescription = $localize(templateObject_166 || (templateObject_166 = __makeTemplateObject(["Displays a list of items using bullet points."], ["Displays a list of items using bullet points."])));
+  var i18n_checkbox = $localize(templateObject_167 || (templateObject_167 = __makeTemplateObject(["Checkbox"], ["Checkbox"])));
+  var i18n_checkboxItem = $localize(templateObject_168 || (templateObject_168 = __makeTemplateObject(["Checkbox Item"], ["Checkbox Item"])));
+  var i18n_checkboxItemDescription = $localize(templateObject_169 || (templateObject_169 = __makeTemplateObject(["Allows users to select one or more options from a list."], ["Allows users to select one or more options from a list."])));
+  var i18n_date = $localize(templateObject_170 || (templateObject_170 = __makeTemplateObject(["Date"], ["Date"])));
+  var i18n_dateItem = $localize(templateObject_171 || (templateObject_171 = __makeTemplateObject(["Date Item"], ["Date Item"])));
+  var i18n_dateItemDescription = $localize(templateObject_172 || (templateObject_172 = __makeTemplateObject(["Allows users to select a specific calendar date."], ["Allows users to select a specific calendar date."])));
+  var i18n_decimalAnswer = $localize(templateObject_173 || (templateObject_173 = __makeTemplateObject(["Decimal Answer"], ["Decimal Answer"])));
+  var i18n_decimalAnswerItem = $localize(templateObject_174 || (templateObject_174 = __makeTemplateObject(["Decimal Answer Item"], ["Decimal Answer Item"])));
+  var i18n_decimalAnswerItemDescription = $localize(templateObject_175 || (templateObject_175 = __makeTemplateObject(["A field for entering numbers that may include decimals."], ["A field for entering numbers that may include decimals."])));
+  var i18n_decimalValue = $localize(templateObject_176 || (templateObject_176 = __makeTemplateObject(["Decimal Value"], ["Decimal Value"])));
+  var i18n_dropdown = $localize(templateObject_177 || (templateObject_177 = __makeTemplateObject(["Dropdown"], ["Dropdown"])));
+  var i18n_dropdownItem = $localize(templateObject_178 || (templateObject_178 = __makeTemplateObject(["Dropdown Item"], ["Dropdown Item"])));
+  var i18n_dropdownItemDescription = $localize(templateObject_179 || (templateObject_179 = __makeTemplateObject(["A compact list of options where users select one item from a dropdown menu."], ["A compact list of options where users select one item from a dropdown menu."])));
+  var i18n_exampleText = $localize(templateObject_180 || (templateObject_180 = __makeTemplateObject(["Example Text"], ["Example Text"])));
+  var i18n_fileUpload = $localize(templateObject_181 || (templateObject_181 = __makeTemplateObject(["File Upload"], ["File Upload"])));
+  var i18n_fileUploadItem = $localize(templateObject_182 || (templateObject_182 = __makeTemplateObject(["File Upload Item"], ["File Upload Item"])));
+  var i18n_fileUploadItemDescription = $localize(templateObject_183 || (templateObject_183 = __makeTemplateObject(["Allows users to upload one or more files."], ["Allows users to upload one or more files."])));
+  var i18n_group = $localize(templateObject_184 || (templateObject_184 = __makeTemplateObject(["Group"], ["Group"])));
+  var i18n_groupItem = $localize(templateObject_185 || (templateObject_185 = __makeTemplateObject(["Group Item"], ["Group Item"])));
+  var i18n_groupItemDescription = $localize(templateObject_186 || (templateObject_186 = __makeTemplateObject(["Groups related fields together within a section."], ["Groups related fields together within a section."])));
+  var i18n_internationalizedParagraphAnswer = $localize(templateObject_187 || (templateObject_187 = __makeTemplateObject(["Internationalized Paragraph Answer"], ["Internationalized Paragraph Answer"])));
+  var i18n_internationalizedParagraphAnswerItem = $localize(templateObject_188 || (templateObject_188 = __makeTemplateObject(["Internationalized Paragraph Answer Item"], ["Internationalized Paragraph Answer Item"])));
+  var i18n_internationalizedParagraphAnswerItemDescription = $localize(templateObject_189 || (templateObject_189 = __makeTemplateObject(["A long text response that supports multiple languages."], ["A long text response that supports multiple languages."])));
+  var i18n_internationalizedShortAnswer = $localize(templateObject_190 || (templateObject_190 = __makeTemplateObject(["Internationalized Short Answer"], ["Internationalized Short Answer"])));
+  var i18n_internationalizedShortAnswerItem = $localize(templateObject_191 || (templateObject_191 = __makeTemplateObject(["Internationalized Short Answer Item"], ["Internationalized Short Answer Item"])));
+  var i18n_internationalizedShortAnswerItemDescription = $localize(templateObject_192 || (templateObject_192 = __makeTemplateObject(["A short text response that supports multiple languages."], ["A short text response that supports multiple languages."])));
+  var i18n_multipleChoice = $localize(templateObject_193 || (templateObject_193 = __makeTemplateObject(["Multiple Choice"], ["Multiple Choice"])));
+  var i18n_multipleChoiceItem = $localize(templateObject_194 || (templateObject_194 = __makeTemplateObject(["Multiple Choice Item"], ["Multiple Choice Item"])));
+  var i18n_multipleChoiceItemDescription = $localize(templateObject_195 || (templateObject_195 = __makeTemplateObject(["Allows users to select a single option from a list."], ["Allows users to select a single option from a list."])));
+  var i18n_newOptionDescription = $localize(templateObject_196 || (templateObject_196 = __makeTemplateObject(["Adds a new selectable option to a list of choices."], ["Adds a new selectable option to a list of choices."])));
+  var i18n_numberedListItem = $localize(templateObject_197 || (templateObject_197 = __makeTemplateObject(["Numbered List Item"], ["Numbered List Item"])));
+  var i18n_numberedListItemDescription = $localize(templateObject_198 || (templateObject_198 = __makeTemplateObject(["Displays a list of items in a numbered format."], ["Displays a list of items in a numbered format."])));
+  var i18n_offsetDateRange = $localize(templateObject_199 || (templateObject_199 = __makeTemplateObject(["Offset Date Range"], ["Offset Date Range"])));
+  var i18n_offsetDateRangeItem = $localize(templateObject_200 || (templateObject_200 = __makeTemplateObject(["Offset Date Range Item"], ["Offset Date Range Item"])));
+  var i18n_offsetDateRangeItemDescription = $localize(templateObject_201 || (templateObject_201 = __makeTemplateObject(["Defines a date range relative to another date."], ["Defines a date range relative to another date."])));
+  var i18n_orderedList = $localize(templateObject_202 || (templateObject_202 = __makeTemplateObject(["Ordered List"], ["Ordered List"])));
+  var i18n_orderedListItem = $localize(templateObject_203 || (templateObject_203 = __makeTemplateObject(["Ordered List Item"], ["Ordered List Item"])));
+  var i18n_paragraphAnswer = $localize(templateObject_204 || (templateObject_204 = __makeTemplateObject(["Paragraph Answer"], ["Paragraph Answer"])));
+  var i18n_paragraphAnswerItem = $localize(templateObject_205 || (templateObject_205 = __makeTemplateObject(["Paragraph Answer Item"], ["Paragraph Answer Item"])));
+  var i18n_paragraphAnswerItemDescription = $localize(templateObject_206 || (templateObject_206 = __makeTemplateObject(["A multi-line text field for longer, detailed responses."], ["A multi-line text field for longer, detailed responses."])));
+  var i18n_repeatable = $localize(templateObject_207 || (templateObject_207 = __makeTemplateObject(["Repeatable"], ["Repeatable"])));
+  var i18n_repeatableItem = $localize(templateObject_208 || (templateObject_208 = __makeTemplateObject(["Repeatable Item"], ["Repeatable Item"])));
+  var i18n_repeatableItemDescription = $localize(templateObject_209 || (templateObject_209 = __makeTemplateObject(["Allows a set of fields to be repeated multiple times by the user."], ["Allows a set of fields to be repeated multiple times by the user."])));
+  var i18n_section = $localize(templateObject_210 || (templateObject_210 = __makeTemplateObject(["Section"], ["Section"])));
+  var i18n_sectionDescription = $localize(templateObject_211 || (templateObject_211 = __makeTemplateObject(["A container used to organize content into distinct sections."], ["A container used to organize content into distinct sections."])));
+  var i18n_sectionItem = $localize(templateObject_212 || (templateObject_212 = __makeTemplateObject(["Section Item"], ["Section Item"])));
+  var i18n_sectionStepName = $localize(templateObject_213 || (templateObject_213 = __makeTemplateObject(["Section Step Name"], ["Section Step Name"])));
+  var i18n_sectionStepNameInstructions = $localize(templateObject_214 || (templateObject_214 = __makeTemplateObject(["The name of the step that this section represents. This is used to group sections together into a single step in the form."], ["The name of the step that this section represents. This is used to group sections together into a single step in the form."])));
+  var i18n_sectionTitleItem = $localize(templateObject_215 || (templateObject_215 = __makeTemplateObject(["Section Title Item"], ["Section Title Item"])));
+  var i18n_shortAnswer = $localize(templateObject_216 || (templateObject_216 = __makeTemplateObject(["Short Answer"], ["Short Answer"])));
+  var i18n_shortAnswerItem = $localize(templateObject_217 || (templateObject_217 = __makeTemplateObject(["Short Answer Item"], ["Short Answer Item"])));
+  var i18n_shortAnswerItemDescription = $localize(templateObject_218 || (templateObject_218 = __makeTemplateObject(["A single-line text field for brief responses."], ["A single-line text field for brief responses."])));
+  var i18n_text = $localize(templateObject_219 || (templateObject_219 = __makeTemplateObject(["Text"], ["Text"])));
+  var i18n_textItem = $localize(templateObject_220 || (templateObject_220 = __makeTemplateObject(["Text Item"], ["Text Item"])));
+  var i18n_textItemDescription = $localize(templateObject_221 || (templateObject_221 = __makeTemplateObject(["Displays static informational text to guide users."], ["Displays static informational text to guide users."])));
+  var i18n_time = $localize(templateObject_222 || (templateObject_222 = __makeTemplateObject(["Time"], ["Time"])));
+  var i18n_timeItem = $localize(templateObject_223 || (templateObject_223 = __makeTemplateObject(["Time Item"], ["Time Item"])));
+  var i18n_title = $localize(templateObject_224 || (templateObject_224 = __makeTemplateObject(["Title"], ["Title"])));
+  var i18n_titleItem = $localize(templateObject_225 || (templateObject_225 = __makeTemplateObject(["Title Item"], ["Title Item"])));
+  var i18n_titleItemDescription = $localize(templateObject_226 || (templateObject_226 = __makeTemplateObject(["Displays a heading or title for a section or group."], ["Displays a heading or title for a section or group."])));
+  var i18n_unorderedList = $localize(templateObject_227 || (templateObject_227 = __makeTemplateObject(["Unordered List"], ["Unordered List"])));
+  var i18n_unorderedListItem = $localize(templateObject_228 || (templateObject_228 = __makeTemplateObject(["Unordered List Item"], ["Unordered List Item"])));
+  var i18n_wholeNumberAnswer = $localize(templateObject_229 || (templateObject_229 = __makeTemplateObject(["Whole Number Answer"], ["Whole Number Answer"])));
+  var i18n_wholeNumberAnswerItem = $localize(templateObject_230 || (templateObject_230 = __makeTemplateObject(["Whole Number Answer Item"], ["Whole Number Answer Item"])));
+  var i18n_wholeNumberAnswerItemDescription = $localize(templateObject_231 || (templateObject_231 = __makeTemplateObject(["A field for entering whole numbers only (no decimals)."], ["A field for entering whole numbers only (no decimals)."])));
+  var i18n_wholeNumberValue = $localize(templateObject_232 || (templateObject_232 = __makeTemplateObject(["Whole Number Value"], ["Whole Number Value"])));
+  var i18n_yearQuarterRange = $localize(templateObject_233 || (templateObject_233 = __makeTemplateObject(["Year Quarter Range"], ["Year Quarter Range"])));
+  var i18n_yearQuarterRangeItem = $localize(templateObject_234 || (templateObject_234 = __makeTemplateObject(["Year Quarter Range Item"], ["Year Quarter Range Item"])));
+  var i18n_yearQuarterRangeItemDescription = $localize(templateObject_235 || (templateObject_235 = __makeTemplateObject(["Allows users to select a range based on year and quarter."], ["Allows users to select a range based on year and quarter."])));
+  var templateObject_1$q, templateObject_2$6, templateObject_3$4, templateObject_4$3, templateObject_5$3, templateObject_6$3, templateObject_7$3, templateObject_8$3, templateObject_9$3, templateObject_10$3, templateObject_11$3, templateObject_12$3, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65, templateObject_66, templateObject_67, templateObject_68, templateObject_69, templateObject_70, templateObject_71, templateObject_72, templateObject_73, templateObject_74, templateObject_75, templateObject_76, templateObject_77, templateObject_78, templateObject_79, templateObject_80, templateObject_81, templateObject_82, templateObject_83, templateObject_84, templateObject_85, templateObject_86, templateObject_87, templateObject_88, templateObject_89, templateObject_90, templateObject_91, templateObject_92, templateObject_93, templateObject_94, templateObject_95, templateObject_96, templateObject_97, templateObject_98, templateObject_99, templateObject_100, templateObject_101, templateObject_102, templateObject_103, templateObject_104, templateObject_105, templateObject_106, templateObject_107, templateObject_108, templateObject_109, templateObject_110, templateObject_111, templateObject_112, templateObject_113, templateObject_114, templateObject_115, templateObject_116, templateObject_117, templateObject_118, templateObject_119, templateObject_120, templateObject_121, templateObject_122, templateObject_123, templateObject_124, templateObject_125, templateObject_126, templateObject_127, templateObject_128, templateObject_129, templateObject_130, templateObject_131, templateObject_132, templateObject_133, templateObject_134, templateObject_135, templateObject_136, templateObject_137, templateObject_138, templateObject_139, templateObject_140, templateObject_141, templateObject_142, templateObject_143, templateObject_144, templateObject_145, templateObject_146, templateObject_147, templateObject_148, templateObject_149, templateObject_150, templateObject_151, templateObject_152, templateObject_153, templateObject_154, templateObject_155, templateObject_156, templateObject_157, templateObject_158, templateObject_159, templateObject_160, templateObject_161, templateObject_162, templateObject_163, templateObject_164, templateObject_165, templateObject_166, templateObject_167, templateObject_168, templateObject_169, templateObject_170, templateObject_171, templateObject_172, templateObject_173, templateObject_174, templateObject_175, templateObject_176, templateObject_177, templateObject_178, templateObject_179, templateObject_180, templateObject_181, templateObject_182, templateObject_183, templateObject_184, templateObject_185, templateObject_186, templateObject_187, templateObject_188, templateObject_189, templateObject_190, templateObject_191, templateObject_192, templateObject_193, templateObject_194, templateObject_195, templateObject_196, templateObject_197, templateObject_198, templateObject_199, templateObject_200, templateObject_201, templateObject_202, templateObject_203, templateObject_204, templateObject_205, templateObject_206, templateObject_207, templateObject_208, templateObject_209, templateObject_210, templateObject_211, templateObject_212, templateObject_213, templateObject_214, templateObject_215, templateObject_216, templateObject_217, templateObject_218, templateObject_219, templateObject_220, templateObject_221, templateObject_222, templateObject_223, templateObject_224, templateObject_225, templateObject_226, templateObject_227, templateObject_228, templateObject_229, templateObject_230, templateObject_231, templateObject_232, templateObject_233, templateObject_234, templateObject_235;
   var prop_option_enabled_items = 'enabledItems';
   var prop_option_disabled_items = 'disabledItems';
   var prop_option_template = 'optionTemplate';
-  var prop_item_acknowledgement = 'acknowledgement'; // maps to FormOptionSelector.acknowledgement property
+  var prop_item_condition_allRequired = 'allRequired';
+  var prop_item_condition_itemIds = 'itemIds';
+  var prop_item_acknowledgementTemplate = 'acknowledgementTemplate'; // maps to FormOptionSelector.acknowledgement property
   var prop_item_additional_text = 'additionalText'; // maps to RepeatableItemTemplate.additionalText property
   var prop_item_annotation_enabled = 'annotationEnabled';
   var prop_item_code_option = 'codeOption'; // maps to TemplateOptionItem.codeOption property
@@ -761,6 +809,8 @@
   var prop_item_option_template_map = 'optionTemplateMap'; // maps to CheckboxItemTemplate.optionTemplateMap
   var prop_item_preset_value = 'presetValue'; // maps to DateItemTemplate.presetValue
   var prop_item_positive_only = 'positiveOnly'; // maps to wholeNumber/decimal AnswerItem.positiveOnly
+  var prop_item_startQuarter = 'quarter'; // maps to QuarterRangeTemplate.rangeLimits.start/end.quarter
+  var prop_item_endQuarter = 'endQuarter';
   var prop_item_question_text = 'questionText'; // maps to templateItem.questionText
   var prop_item_range_limits = 'rangeLimits'; // maps to OffsetDateRangeTemplate.rangeLimits
   var prop_item_repeatable_item_template_id = 'repeatableItemTemplateId'; // maps to RepeatableItemTemplate.repeatableItemTemplateId
@@ -770,139 +820,163 @@
   var prop_item_title = 'title'; // maps to templateSection.title
   var prop_item_value = 'value'; // maps to TitleItem.value
   var prop_item_values = 'values'; // maps to BulletedListItemTemplate.values
-  var prop_template_descriptive_text = 'template-descriptive-text'; // maps to template.descriptiveText property
+  var prop_item_startYear = 'startYear'; // maps to YearQuarterRangeTemplate.rangeLimits.start/end.year
+  var prop_item_endYear = 'endYear'; // maps to YearQuarterRangeTemplate.rangeLimits.start/end.year
+  var prop_template_descriptive_text = 'descriptiveText'; // maps to template.descriptiveText property
   var prop_template_items = 'items'; // maps to template.items property
   var prop_template_title = 'title'; // maps to template.title property
   var BOOLEAN_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_booleanItem,
+      description: i18n_booleanItemDescription,
       type: webFormTs.BOOLEAN_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var CHECKBOX_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_checkboxItem,
+      description: i18n_checkboxItemDescription,
       type: webFormTs.CHECKBOX_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var OFFSET_DATE_RANGE_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_offsetDateRangeItem,
+      description: i18n_offsetDateRangeItemDescription,
       type: webFormTs.OFFSET_DATE_RANGE_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var YEAR_QUARTER_RANGE_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_yearQuarterRangeItem,
+      description: i18n_yearQuarterRangeItemDescription,
       type: webFormTs.YEAR_QUARTER_RANGE_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var DATE_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_dateItem,
+      description: i18n_dateItemDescription,
       type: webFormTs.DATE_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var DECIMAL_ANSWER_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_decimalAnswerItem,
+      description: i18n_decimalAnswerItemDescription,
       type: webFormTs.DECIMAL_ANSWER_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var DROPDOWN_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_dropdownItem,
+      description: i18n_dropdownItemDescription,
       type: webFormTs.DROPDOWN_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var FILE_UPLOAD_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_fileUploadItem,
+      description: i18n_fileUploadItemDescription,
       type: webFormTs.FILE_UPLOAD_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var I18N_PARAGRAPH_ANSWER_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_internationalizedParagraphAnswerItem,
+      description: i18n_internationalizedParagraphAnswerItemDescription,
       type: webFormTs.INTERNATIONALIZED_PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var I18N_SHORT_ANSWER_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_internationalizedShortAnswerItem,
+      description: i18n_internationalizedShortAnswerItemDescription,
       type: webFormTs.INTERNATIONALIZED_SHORT_ANSWER_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var MULTIPLE_CHOICE_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_multipleChoiceItem,
+      description: i18n_multipleChoiceItemDescription,
       type: webFormTs.MULTIPLE_CHOICE_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var NUMBERED_LIST_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_numberedListItem,
+      description: i18n_numberedListItemDescription,
       type: webFormTs.NUMBERED_LIST_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var PARAGRAPH_ANSWER_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_paragraphAnswerItem,
+      description: i18n_paragraphAnswerItemDescription,
       type: webFormTs.PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var REPEATABLE_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_repeatableItem,
+      description: i18n_repeatableItemDescription,
       type: webFormTs.REPEATABLE_ITEM_TEMPLATE_IMPL_ID,
       focusType: 'SET_FOCUS',
   };
   var SECTION_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_section,
+      description: i18n_sectionDescription,
       type: webFormTs.TEMPLATE_SECTION_IMPL_ID,
       focusType: 'SET_FOCUS',
   };
   var SHORT_ANSWER_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_shortAnswerItem,
+      description: i18n_shortAnswerItemDescription,
       type: webFormTs.SHORT_ANSWER_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var GROUP_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_groupItem,
+      description: i18n_groupItemDescription,
       type: webFormTs.TEMPLATE_ITEM_GROUP_IMPL_ID,
       focusType: 'SET_FOCUS',
   };
   var TEXT_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_textItem,
+      description: i18n_textItemDescription,
       type: webFormTs.TEXT_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var TITLE_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_titleItem,
+      description: i18n_titleItemDescription,
       type: webFormTs.TITLE_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var BULLETED_LIST_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_bulletedListItem,
+      description: i18n_bulletedListItemDescription,
       type: webFormTs.BULLETED_LIST_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var WHOLE_NUMBER_ANSWER_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_wholeNumberAnswerItem,
+      description: i18n_wholeNumberAnswerItemDescription,
       type: webFormTs.WHOLE_NUMBER_ANSWER_ITEM_TEMPLATE_ID,
       focusType: 'SET_FOCUS',
   };
   var FORM_OPTION_SELECTOR_POTENTIAL_DESIGN = {
       id: uuid.v4(),
       display: i18n_newOption,
+      description: i18n_newOptionDescription,
       type: 'OPTION',
       focusType: 'MAINTAIN_FOCUS',
   };
@@ -931,22 +1005,40 @@
   var TEMPLATE_POTENTIAL_DESIGN_LIST = __spreadArray([SECTION_POTENTIAL_DESIGN], __read(SECTION_POTENTIAL_DESIGN_LIST));
   var OPTION_SELECTOR_POTENTIAL_DESIGN_LIST = __spreadArray([], __read(SECTION_POTENTIAL_DESIGN_LIST));
+  var templateMapperRegistry = {};
+  var templateMapperToDesignRegistry = {};
+  function registerTemplateMapper(id, ctor, toDesignFn) {
+      templateMapperRegistry[id] = ctor;
+      templateMapperToDesignRegistry[id] = toDesignFn;
+  }
+  function getTemplateMapperFromDesign$1(design, context, customParams) {
+      var MapperClass = templateMapperRegistry[design.type];
+      if (!MapperClass) {
+          throw new Error("No mapper registered for design type: \"" + design.type + "\". Did you forget to import mapper-classes.model.ts?");
+      }
+      return new MapperClass({ design: design, context: context, customParams: customParams });
+  }
+  function mapperTemplateToDesign(model, languageId, context, customParams) {
+      var fn = templateMapperToDesignRegistry[model.itemId];
+      var design = fn({ model: model, languageId: languageId, context: context, customParams: customParams });
+      return Object.assign({}, design);
+  }
   var mapperRegistry = {};
   var mapperToDesignRegistry = {};
   function registerMapper(id, ctor, toDesignFn) {
       mapperRegistry[id] = ctor;
       mapperToDesignRegistry[id] = toDesignFn;
   }
-  function getItemMapperFromDesign(design, context) {
+  function getItemMapperFromDesign(design, context, customParams) {
       var MapperClass = mapperRegistry[design.type];
       if (!MapperClass) {
           throw new Error("No mapper registered for design type: \"" + design.type + "\". Did you forget to import mapper-classes.model.ts?");
       }
-      return new MapperClass({ design: design, context: context });
+      return new MapperClass({ design: design, context: context, customParams: customParams });
   }
-  function mapperItemToDesign(item, languageId, parent, context) {
+  function mapperItemToDesign(item, languageId, parent, context, customParams) {
       var fn = mapperToDesignRegistry[item.itemId];
-      var design = fn({ model: item, languageId: languageId, context: context });
+      var design = fn({ model: item, languageId: languageId, context: context, customParams: customParams });
       return Object.assign(Object.assign({}, design), { parent: parent });
   }
@@ -1014,7 +1106,7 @@
   var newFormOptionSelectorStringOption = {
       containerDescription: '',
       codeValue: '',
-      acknowledgement: undefined,
+      acknowledgementTemplate: undefined,
       disabledItems: [],
       enabledItems: [],
       multiSelect: false,
@@ -1026,7 +1118,7 @@
   var newFormOptionSelectorBooleanOption = {
       containerDescription: '',
       codeValue: '',
-      acknowledgement: undefined,
+      acknowledgementTemplate: undefined,
       disabledItems: [],
       enabledItems: [],
       multiSelect: false,
@@ -1104,7 +1196,7 @@
       return Object.assign(Object.assign({}, baseTemplateItem(designBase, languageId)), { items: [], layout: 'COLUMN' });
   };
   var getNewTemplateSection = function (designBase, languageId) {
-      return Object.assign(Object.assign({}, getNewTemplateItemGroup(designBase, languageId)), { title: getNewTitleItemTemplate(designBase, languageId) });
+      return Object.assign(Object.assign({}, getNewTemplateItemGroup(designBase, languageId)), { title: getNewTitleItemTemplate(TITLE_POTENTIAL_DESIGN, languageId) });
   };
   var standardFactories = (_c = {},
       _c[webFormTs.BOOLEAN_ITEM_TEMPLATE_ID] = getNewBooleanItemTemplate,
@@ -1143,21 +1235,22 @@
       return baseTemplateItem(designBase, languageId);
   }
+  // TEMPLATE ITEM UTILS
   function getNewTemplateItem(designBase, languageId, languageIds) {
       return getNewInitTemplateItem(designBase, languageId, languageIds);
   }
-  function toTemplateItem(design, context) {
-      var model = getItemMapperFromDesign(design, context).getModel();
+  function toTemplateItem(design, context, customParams) {
+      var model = getItemMapperFromDesign(design, context, customParams).getModel();
       return model;
   }
   function getTemplateItemPotentialDesigns(design, property) {
       return getItemMapperFromDesign(design).getPotentialDesigns(property);
   }
-  function itemToDesign(item, languageId, parent, context) {
-      var design = mapperItemToDesign(item, languageId, parent, context);
+  function itemToDesign(item, languageId, parent, context, customParams) {
+      var design = mapperItemToDesign(item, languageId, parent, context, customParams);
       return Object.assign(Object.assign({}, design), { parent: parent });
   }
-  function getTemplateItems(design, sectionId, propertyIds, context) {
+  function getTemplateItems(design, sectionId, propertyIds, context, customParams) {
       var e_1, _a;
       var values = {};
       var section = design.sections.find(function (designSection) { return designSection.display === sectionId; });
@@ -1170,7 +1263,7 @@
                   try {
                       for (var _c = (e_2 = void 0, __values(property.values)), _d = _c.next(); !_d.done; _d = _c.next()) {
                           var value = _d.value;
-                          values[propertyId].push(toTemplateItem(value, context));
+                          values[propertyId].push(toTemplateItem(value, context, customParams));
                       }
                   }
                   catch (e_2_1) { e_2 = { error: e_2_1 }; }
@@ -1215,7 +1308,7 @@
       }
       TemplateMapper.prototype.getPotentialDesigns = function (property) {
           if (property.property === prop_template_items) {
-              return GROUP_POTENTIAL_DESIGN_LIST;
+              return TEMPLATE_POTENTIAL_DESIGN_LIST;
           }
           else {
               return [];
@@ -1249,7 +1342,9 @@
       TemplateMapper.prototype.getSectionTemplateItems = function (template, languageId, parent) {
           var _this = this;
           var properties = [];
-          properties.push(designerTs.getModelDesignProperty(i18n_templateItems, i18n_templateItemsInstructions, prop_template_items, true, template.items ? template.items.map(function (item) { return itemToDesign(item, languageId, parent, _this.context); }) : []));
+          properties.push(designerTs.getModelDesignProperty(i18n_templateItems, i18n_templateItemsInstructions, prop_template_items, true, template.items
+              ? template.items.map(function (item) { return itemToDesign(item, languageId, parent, _this.context, _this.customParams); })
+              : []));
           return { display: i18n_templateItems, properties: properties };
       };
       TemplateMapper.prototype.templateToDesignBase = function (model, languageId) {
@@ -1278,83 +1373,17 @@
   function initializeDesign(designBase) {
       return Object.assign(Object.assign({}, designBase), { sections: [] });
   }
-  function isTemplateDesign(design) {
-      return design.type === webFormTs.TEMPLATE_IMPL_ID;
-  }
-  function isTemplateItemDesign(design) {
-      switch (design.type) {
-          case webFormTs.BOOLEAN_ITEM_TEMPLATE_ID:
-          case webFormTs.BULLETED_LIST_ITEM_TEMPLATE_ID:
-          case webFormTs.CHECKBOX_GRID_TEMPLATE_ID:
-          case webFormTs.CHECKBOX_ITEM_TEMPLATE_ID:
-          case webFormTs.DATE_ITEM_TEMPLATE_ID:
-          case webFormTs.DECIMAL_ANSWER_ITEM_TEMPLATE_ID:
-          case webFormTs.DROPDOWN_ITEM_TEMPLATE_ID:
-          case webFormTs.FILE_UPLOAD_ITEM_TEMPLATE_ID:
-          case webFormTs.HIDDEN_REFERENCE_ITEM_TEMPLATE_ID:
-          case webFormTs.INTERNATIONALIZED_PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID:
-          case webFormTs.INTERNATIONALIZED_SHORT_ANSWER_ITEM_TEMPLATE_ID:
-          case webFormTs.LINEAR_SCALE_ITEM_TEMPLATE_ID:
-          case webFormTs.MULTIPLE_CHOICE_GRID_ITEM_TEMPLATE_ID:
-          case webFormTs.MULTIPLE_CHOICE_ITEM_TEMPLATE_ID:
-          case webFormTs.NUMBERED_LIST_ITEM_TEMPLATE_ID:
-          case webFormTs.OFFSET_DATE_RANGE_ITEM_TEMPLATE_ID:
-          case webFormTs.PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID:
-          case webFormTs.REPEATABLE_ITEM_TEMPLATE_IMPL_ID:
-          case webFormTs.REQUEST_ID_ITEM_TEMPLATE_ID:
-          case webFormTs.SHORT_ANSWER_ITEM_TEMPLATE_ID:
-          case webFormTs.TEMPLATE_ITEM_GROUP_IMPL_ID:
-          case webFormTs.TEMPLATE_SECTION_IMPL_ID:
-          case webFormTs.TEXT_ITEM_TEMPLATE_ID:
-          case webFormTs.TIME_ITEM_TEMPLATE_ID:
-          case webFormTs.TITLE_ITEM_TEMPLATE_ID:
-          case webFormTs.WHOLE_NUMBER_ANSWER_ITEM_TEMPLATE_ID:
-          case webFormTs.YEAR_QUARTER_RANGE_ITEM_TEMPLATE_ID:
-              return true;
-          default:
-              return false;
-      }
-  }
-  function isTemplateItem(something) {
-      return (webFormTs.instanceOfBooleanItemTemplate(something) ||
-          webFormTs.instanceOfBulletedListItemTemplate(something) ||
-          webFormTs.instanceOfCheckboxGridTemplate(something) ||
-          webFormTs.instanceOfCheckboxItemTemplate(something) ||
-          webFormTs.instanceOfDateItemTemplate(something) ||
-          webFormTs.instanceOfDecimalAnswerItemTemplate(something) ||
-          webFormTs.instanceOfDropdownItemTemplate(something) ||
-          webFormTs.instanceOfFileUploadItemTemplate(something) ||
-          webFormTs.instanceOfHiddenReferenceItemTemplate(something) ||
-          webFormTs.instanceOfInternationalizedParagraphAnswerItemTemplate(something) ||
-          webFormTs.instanceOfInternationalizedShortAnswerItemTemplate(something) ||
-          webFormTs.instanceOfLinearScaleItemTemplate(something) ||
-          webFormTs.instanceOfMultipleChoiceGridItemTemplate(something) ||
-          webFormTs.instanceOfMultipleChoiceItemTemplate(something) ||
-          webFormTs.instanceOfNumberedListItemTemplate(something) ||
-          webFormTs.instanceOfOffsetDateRangeTemplate(something) ||
-          webFormTs.instanceOfParagraphAnswerItemTemplate(something) ||
-          webFormTs.instanceOfRepeatableItemTemplate(something) ||
-          webFormTs.instanceOfRequestIdItemTemplate(something) ||
-          webFormTs.instanceOfShortAnswerItemTemplate(something) ||
-          webFormTs.instanceOfTemplateItemGroupImpl(something) ||
-          webFormTs.instanceOfTemplateSectionImpl(something) ||
-          webFormTs.instanceOfTextItemTemplate(something) ||
-          webFormTs.instanceOfTimeItemTemplate(something) ||
-          webFormTs.instanceOfTitleItemTemplate(something) ||
-          webFormTs.instanceOfWholeNumberAnswerItemTemplate(something) ||
-          webFormTs.instanceOfYearQuarterRangeTemplate(something));
-  }
   function getTemplatePotentialDesigns(design, property) {
       return getTemplateMapperFromDesign(design).getPotentialDesigns(property);
   }
-  function templateToDesign(template, languageId, context) {
-      return new TemplateMapper({ model: template, languageId: languageId, context: context }).getDesign();
+  function templateToDesign(template, languageId, context, customParams) {
+      return new TemplateMapper({ model: template, languageId: languageId, context: context, customParams: customParams }).getDesign();
   }
-  function toTemplate(design, context) {
-      return new TemplateMapper({ design: design, context: context }).getModel();
+  function toTemplate(design, context, customParams) {
+      return new TemplateMapper({ design: design, context: context, customParams: customParams }).getModel();
   }
-  function getTemplateMapperFromDesign(design) {
-      return new TemplateMapper({ design: design });
+  function getTemplateMapperFromDesign(design, customParams) {
+      return new TemplateMapper({ design: design, customParams: customParams });
   }
   function getText(properties, key, i18n, languageId, fallback) {
       if (fallback === void 0) { fallback = ''; }
@@ -1376,9 +1405,6 @@
     __proto__: null,
     getNewTemplate: getNewTemplate,
     initializeDesign: initializeDesign,
-    isTemplateDesign: isTemplateDesign,
-    isTemplateItemDesign: isTemplateItemDesign,
-    isTemplateItem: isTemplateItem,
     getTemplatePotentialDesigns: getTemplatePotentialDesigns,
     templateToDesign: templateToDesign,
     toTemplate: toTemplate,
@@ -1427,6 +1453,64 @@
               args: [{ providedIn: 'root' }]
           }] });
+  /** RegEx to validate number items contain only negative, digits, or decimals */
+  var numOnlyWithoutComma$1 = /^-?\d+(\.\d*)?$/;
+  /** RegEx to validate number items contain only negative, digits, or decimals in comma format */
+  var numOnlyWithComma$1 = /^-?\d{1,3}(,\d{3})*(\.\d*)?$/;
+  /** RegEx to validate 'positive only' item conains non-negative characters */
+  var posOnly$1 = /^[^-]*$/;
+  /** RegEx to validate 'whole number' item contains only negative, digits, or comma format */
+  var wholeNumber$1 = /^-?\d+(,\d{3})*$/;
+  function wholeNumberPattern() {
+      return function (control) {
+          if (coreTs.isNullOrUndefined(control.value) || isEmptyString(control.value)) {
+              return null;
+          }
+          return wholeNumber$1.test(control.value) ? null : { wholeNumber: true };
+      };
+  }
+  function numericalValueCheck() {
+      return function (control) {
+          if (coreTs.isNullOrUndefined(control.value) || isEmptyString(control.value)) {
+              return null;
+          }
+          return numOnlyWithoutComma$1.test(control.value) || numOnlyWithComma$1.test(control.value) ? null : { nonDigit: true };
+      };
+  }
+  function positiveNumberPattern() {
+      return function (control) {
+          if (coreTs.isNullOrUndefined(control.value) || isEmptyString(control.value)) {
+              return null;
+          }
+          return posOnly$1.test(control.value) ? null : { positive: true };
+      };
+  }
+  /**
+   * This works as a combination of the angular 'min'/'max' Validators. Using the built-in validators
+   * appears to take precedence over custom validators, regardless of order in the array. Using this function
+   * ensures validators set before this one maintain priority. For instance, the input value failing numerical validation
+   * is more important than the value being within min-max range.
+   */
+  function numValueLimit(type, limit) {
+      return function (control) {
+          var _a, _b;
+          if (coreTs.isNullOrUndefined(control.value) || isEmptyString(control.value)) {
+              return null;
+          }
+          var value = parseFloat(control.value);
+          return !isNaN(value) && (type === 'min' ? value < limit : value > limit)
+              ? (_a = {},
+                  _a[type] = (_b = {},
+                      _b[type] = limit,
+                      _b.actual = control.value,
+                      _b),
+                  _a) : null;
+      };
+  }
+  function isEmptyString(value) {
+      return typeof value === 'string' && !value.length;
+  }
   /** RegEx to validate number items contain only negative, digits, or decimals */
   var numOnlyWithoutComma = /^-?\d+(\.\d*)?$/;
   /** RegEx to validate number items contain only negative, digits, or decimals in comma format */
@@ -1856,55 +1940,6 @@
       var disabled = disabledState[item.instanceId];
       return coreTs.isNullOrUndefined(disabled) ? item.disabled : disabled;
   }
-  function wholeNumberPattern() {
-      return function (control) {
-          if (coreTs.isNullOrUndefined(control.value) || isEmptyString(control.value)) {
-              return null;
-          }
-          return wholeNumber.test(control.value) ? null : { wholeNumber: true };
-      };
-  }
-  function numericalValueCheck() {
-      return function (control) {
-          if (coreTs.isNullOrUndefined(control.value) || isEmptyString(control.value)) {
-              return null;
-          }
-          return numOnlyWithoutComma.test(control.value) || numOnlyWithComma.test(control.value) ? null : { nonDigit: true };
-      };
-  }
-  function positiveNumberPattern() {
-      return function (control) {
-          if (coreTs.isNullOrUndefined(control.value) || isEmptyString(control.value)) {
-              return null;
-          }
-          return posOnly.test(control.value) ? null : { positive: true };
-      };
-  }
-  /**
-   * This works as a combination of the angular 'min'/'max' Validators. Using the built-in validators
-   * appears to take precedence over custom validators, regardless of order in the array. Using this function
-   * ensures validators set before this one maintain priority. For instance, the input value failing numerical validation
-   * is more important than the value being within min-max range.
-   */
-  function numValueLimit(type, limit) {
-      return function (control) {
-          var _a, _b;
-          if (coreTs.isNullOrUndefined(control.value) || isEmptyString(control.value)) {
-              return null;
-          }
-          var value = parseFloat(control.value);
-          return !isNaN(value) && (type === 'min' ? value < limit : value > limit)
-              ? (_a = {},
-                  _a[type] = (_b = {},
-                      _b[type] = limit,
-                      _b.actual = control.value,
-                      _b),
-                  _a) : null;
-      };
-  }
-  function isEmptyString(value) {
-      return typeof value === 'string' && !value.length;
-  }
   var templateObject_1$p, templateObject_2$5;
   var serializerUtil = /*#__PURE__*/Object.freeze({
@@ -2163,6 +2198,29 @@
   var MTNA_WF_DEFAULT_YEAR_RANGE = new i0.InjectionToken('mtna.wf.default.year.range');
+  function getTypeDisplay(itemId) {
+      // FIXME this will work for now, but needs to be i18n
+      // Get the part after the last "."
+      var lastSegment = itemId.split('.').pop() || '';
+      // Remove "Item" and "Template"
+      var cleaned = lastSegment.replace(/(Item|Template)/g, '');
+      // Insert spaces between lowercase and uppercase letters
+      var spaced = cleaned.replace(/([a-z])([A-Z])/g, '$1 $2');
+      return spaced.trim();
+  }
+  function itemToDesignBase(model, languageId) {
+      var id = model.instanceId;
+      // let display = isPresent(model.descriptiveText) ? getI18nString(model.descriptiveText, languageId, true) : undefined;
+      var display = coreTs.isPresent(model.name) && model.name !== '' ? model.name : undefined;
+      if (!coreTs.isPresent(display)) {
+          display = i18n_newTemplateItem;
+      }
+      var type = model.itemId;
+      var typeDisplay = getTypeDisplay(model.itemId);
+      var focusType = 'SET_FOCUS';
+      return { id: id, display: display, type: type, typeDisplay: typeDisplay, focusType: focusType };
+  }
   var TemplateItemMapper = /** @class */ (function (_super) {
       __extends(TemplateItemMapper, _super);
       function TemplateItemMapper(params) {
@@ -2172,11 +2230,13 @@
           return [];
       };
       TemplateItemMapper.prototype.toDesign = function (model, languageId, parent) {
-          var sections = [
-              this.getSectionItemCore(model),
-              // this.getSectionItemConditions(model, languageId)
-          ];
-          return Object.assign(Object.assign({}, this.itemToDesignBase(model, languageId)), { sections: sections, parent: parent });
+          var sectionItemCore = this.getSectionItemCore(model);
+          var sections = [sectionItemCore];
+          if (webFormTs.isConditionalItem(model)) {
+              var sectionItemConditions = this.getSectionItemConditions(model);
+              sections.push(sectionItemConditions);
+          }
+          return Object.assign(Object.assign({}, itemToDesignBase(model, languageId)), { sections: sections, parent: parent });
       };
       TemplateItemMapper.prototype.toModel = function (design) {
           var templateItem = {
@@ -2199,7 +2259,12 @@
               prop_item_name,
               prop_item_annotation_enabled,
           ]);
-          templateItem = Object.assign(Object.assign({}, templateItem), coreProperties);
+          var conditionalItemIds = this.getConditionalItemIdsFromDesign(design);
+          var conditionalProperties = designerTs.getLiteralProperties(design, i18n_conditions, [prop_item_condition_allRequired]);
+          var condition = {
+              condition: Object.assign(Object.assign({}, conditionalItemIds), conditionalProperties),
+          };
+          templateItem = Object.assign(Object.assign(Object.assign({}, templateItem), coreProperties), condition);
           return templateItem;
       };
       TemplateItemMapper.prototype.getSectionItemCore = function (item) {
@@ -2211,30 +2276,46 @@
           properties.push(designerTs.getLiteralDesignProperty(i18n_templateItemAnnotation, i18n_templateItemAnnotationInstructions, prop_item_annotation_enabled, 'BOOLEAN', item.annotationEnabled));
           return { display: i18n_templateItemBasicSettings, properties: properties };
       };
-      // private getSectionItemConditions(item: TemplateItem, languageId: MtnaLanguageId): DesignSection {
-      //   return { display: i18n_conditions, properties };
-      // }
-      TemplateItemMapper.prototype.getTypeDisplay = function (itemId) {
-          // FIXME this will work for now, but needs to be i18n
-          // Get the part after the last "."
-          var lastSegment = itemId.split('.').pop() || '';
-          // Remove "Item" and "Template"
-          var cleaned = lastSegment.replace(/(Item|Template)/g, '');
-          // Insert spaces between lowercase and uppercase letters
-          var spaced = cleaned.replace(/([a-z])([A-Z])/g, '$1 $2');
-          return spaced.trim();
-      };
-      TemplateItemMapper.prototype.itemToDesignBase = function (model, languageId) {
-          var id = model.instanceId;
-          // let display = isPresent(model.descriptiveText) ? getI18nString(model.descriptiveText, languageId, true) : undefined;
-          var display = coreTs.isPresent(model.name) && model.name !== '' ? model.name : undefined;
-          if (!coreTs.isPresent(display)) {
-              display = i18n_newTemplateItem;
+      TemplateItemMapper.prototype.getSectionItemConditions = function (item) {
+          var _a, _b;
+          var properties = [];
+          properties.push(designerTs.getLiteralDesignProperty(i18n_conditionAllRequired, i18n_conditionAllRequiredInstructions, prop_item_condition_allRequired, 'BOOLEAN', (_b = (_a = item.condition) === null || _a === void 0 ? void 0 : _a.allRequired) !== null && _b !== void 0 ? _b : false));
+          var itemIdReferenceDesignValues = [];
+          if (this.customParams && this.customParams.references) {
+              var references_1 = this.customParams.references;
+              if (item.condition) {
+                  item.condition.itemIds.forEach(function (itemId) {
+                      if (coreTs.isPresent(references_1[itemId])) {
+                          itemIdReferenceDesignValues.push(references_1[itemId]);
+                      }
+                  });
+              }
           }
-          var type = model.itemId;
-          var typeDisplay = this.getTypeDisplay(model.itemId);
-          var focusType = 'SET_FOCUS';
-          return { id: id, display: display, type: type, typeDisplay: typeDisplay, focusType: focusType };
+          properties.push(designerTs.getReferenceDesignProperty(i18n_conditionItemIds, i18n_conditionItemIdsInstructions, prop_item_condition_itemIds, itemIdReferenceDesignValues, false));
+          return { display: i18n_conditions, properties: properties };
+      };
+      TemplateItemMapper.prototype.getConditionalItemIdsFromDesign = function (design) {
+          var e_1, _c;
+          var itemIds = [];
+          var referenceProperties = designerTs.getReferenceProperties(design, i18n_conditions, [prop_item_condition_itemIds]);
+          if (referenceProperties[prop_item_condition_itemIds]) {
+              try {
+                  for (var _d = __values(referenceProperties[prop_item_condition_itemIds]), _e = _d.next(); !_e.done; _e = _d.next()) {
+                      var referenceDesignProperty = _e.value;
+                      if (coreTs.isPresent(referenceDesignProperty)) {
+                          itemIds.push(referenceDesignProperty.id);
+                      }
+                  }
+              }
+              catch (e_1_1) { e_1 = { error: e_1_1 }; }
+              finally {
+                  try {
+                      if (_e && !_e.done && (_c = _d.return)) _c.call(_d);
+                  }
+                  finally { if (e_1) throw e_1.error; }
+              }
+          }
+          return { itemIds: itemIds };
       };
       return TemplateItemMapper;
   }(i1.DesignMapper));
@@ -2296,14 +2377,19 @@
           if (optionTemplateProperties.length > 0) {
               properties.push.apply(properties, __spreadArray([], __read(optionTemplateProperties)));
           }
-          // const optionAcknowledgementProperties: DesignProperty[] = this.getOptionAcknowledgementProperties(model, languageId, parent);
+          var optionAcknowledgementProperties = this.getOptionAcknowledgementProperties(model, languageId, parent);
+          if (optionAcknowledgementProperties.length > 0) {
+              properties.push.apply(properties, __spreadArray([], __read(optionAcknowledgementProperties)));
+          }
           return { display: i18n_optionProperties, properties: properties };
       };
       OptionSelectorMapper.prototype.getOptionTemplateProperties = function (model, languageId, parent) {
           var properties = [];
           if (this.customParams && this.customParams.optionTemplateMap) {
               var templateItem = this.customParams.optionTemplateMap[model.option.id];
-              properties.push(designerTs.getModelDesignProperty(i18n_optionTemplate, i18n_optionTemplateInstructions, prop_option_template, false, coreTs.isPresent(templateItem) ? [itemToDesign(templateItem, languageId, parent, this.context)] : []));
+              properties.push(designerTs.getModelDesignProperty(i18n_optionTemplate, i18n_optionTemplateInstructions, prop_option_template, false, coreTs.isPresent(templateItem)
+                  ? [itemToDesign(templateItem, languageId, parent, this.context, this.customParams)]
+                  : []));
           }
           return properties;
       };
@@ -2369,21 +2455,28 @@
           }
           return { enabledItems: enabledItems, disabledItems: disabledItems };
       };
+      OptionSelectorMapper.prototype.getOptionAcknowledgementProperties = function (model, languageId, parent) {
+          var properties = [];
+          properties.push(designerTs.getModelDesignProperty(i18n_acknowledgement, i18n_acknowledgementInstructions, prop_item_acknowledgementTemplate, false, coreTs.isPresent(model.acknowledgementTemplate)
+              ? [itemToDesign(model.acknowledgementTemplate, languageId, parent, this.context, this.customParams)]
+              : []));
+          return properties;
+      };
       return OptionSelectorMapper;
   }(i1.DesignMapper));
+  var _a$2;
+  var optionGroupItemSectionDisplayNameMap = (_a$2 = {},
+      _a$2[webFormTs.CHECKBOX_ITEM_TEMPLATE_ID] = i18n_checkboxConfiguration,
+      _a$2[webFormTs.DROPDOWN_ITEM_TEMPLATE_ID] = i18n_dropdownConfiguration,
+      _a$2[webFormTs.MULTIPLE_CHOICE_ITEM_TEMPLATE_ID] = i18n_multipleChoiceConfiguration,
+      _a$2);
   var _a$1;
-  var optionGroupItemSectionDisplayNameMap = (_a$1 = {},
-      _a$1[webFormTs.CHECKBOX_ITEM_TEMPLATE_ID] = i18n_checkboxConfiguration,
-      _a$1[webFormTs.DROPDOWN_ITEM_TEMPLATE_ID] = i18n_dropdownConfiguration,
-      _a$1[webFormTs.MULTIPLE_CHOICE_ITEM_TEMPLATE_ID] = i18n_multipleChoiceConfiguration,
+  var optionItemSectionDisplayNameMap = (_a$1 = {},
+      _a$1[webFormTs.BOOLEAN_ITEM_TEMPLATE_ID] = i18n_booleanConfiguration,
       _a$1);
-  var _a;
-  var optionItemSectionDisplayNameMap = (_a = {},
-      _a[webFormTs.BOOLEAN_ITEM_TEMPLATE_ID] = i18n_booleanConfiguration,
-      _a);
   function getNewFormOptionSelector(designBase) {
       return {
           acknowledgement: {},
@@ -2449,7 +2542,7 @@
       var designs = getDesignsBySectionAndProperty(optionDesign, i18n_optionProperties, prop_option_template);
       return coreTs.isPresent(designs[0]) ? designs[0] : undefined;
   }
-  function getOptionsAndTemplateMap(design, mapperType, toTemplateItemFn, context) {
+  function getOptionsAndTemplateMap(design, mapperType, toTemplateItemFn, context, customParams) {
       var e_1, _a;
       var options = [];
       var optionTemplateMap = {};
@@ -2461,7 +2554,7 @@
               options.push(optionSelector);
               var optionTemplateDesign = getOptionTemplateDesign(optionDesign);
               if (coreTs.isPresent(optionTemplateDesign)) {
-                  var optionTemplate = toTemplateItemFn(optionTemplateDesign, context);
+                  var optionTemplate = toTemplateItemFn(optionTemplateDesign, context, customParams);
                   optionTemplateMap[optionSelector.option.id] = optionTemplate;
               }
           }
@@ -2509,7 +2602,7 @@
               display = i18n_newTemplateItem;
           }
           var type = model.itemId;
-          var typeDisplay = this.getTypeDisplay(model.itemId);
+          var typeDisplay = getTypeDisplay(model.itemId);
           var focusType = 'MAINTAIN_FOCUS';
           return { id: id, display: display, type: type, typeDisplay: typeDisplay, focusType: focusType };
       };
@@ -2579,10 +2672,18 @@
       };
       OptionGroupItemMapper.prototype.toModel = function (design) {
           var model = _super.prototype.toModel.call(this, design);
-          var groupProperties = designerTs.getLiteralProperties(design, optionGroupItemSectionDisplayNameMap[design.type], [
-              prop_item_min_selections,
-              prop_item_max_selections,
-          ]);
+          var sectionId = optionGroupItemSectionDisplayNameMap[design.type];
+          var propertyIds = [prop_item_min_selections, prop_item_max_selections];
+          if (webFormTs.instanceOfDropdownItemTemplate(model)) {
+              propertyIds.push(prop_item_label);
+          }
+          var groupProperties = designerTs.getLiteralProperties(design, sectionId, propertyIds);
+          // Check here if the model is a CheckboxItemTemplate to ensure that min and max selections are set correctly. Use the required property
+          // to determine if min selections should be 1 or 0, and set max selections to 1 for checkbox items.
+          if (webFormTs.instanceOfMultipleChoiceItemTemplate(model)) {
+              groupProperties[prop_item_max_selections] = 1;
+              groupProperties[prop_item_min_selections] = model.required ? 1 : 0;
+          }
           var _a = getOptionsAndTemplateMap(design, 'optionGroupItem', toTemplateItem, this.context), options = _a.options, optionTemplateMap = _a.optionTemplateMap;
           model = Object.assign(Object.assign(Object.assign({}, model), groupProperties), { optionTemplateMap: optionTemplateMap, options: options });
           return model;
@@ -2595,7 +2696,7 @@
               display = i18n_newTemplateItem;
           }
           var type = model.itemId;
-          var typeDisplay = this.getTypeDisplay(model.itemId);
+          var typeDisplay = getTypeDisplay(model.itemId);
           var focusType = 'MAINTAIN_FOCUS';
           return { id: id, display: display, type: type, typeDisplay: typeDisplay, focusType: focusType };
       };
@@ -2603,8 +2704,15 @@
           var e_1, _a;
           var properties = [];
           var designOptions = [];
-          properties.push(designerTs.getLiteralDesignProperty(i18n_minSelections, i18n_minSelectionsInstructions, prop_item_min_selections, 'INTEGER', model.minSelections));
-          properties.push(designerTs.getLiteralDesignProperty(i18n_maxSelections, i18n_maxSelectionsInstructions, prop_item_max_selections, 'INTEGER', model.maxSelections));
+          if (webFormTs.instanceOfDropdownItemTemplate(model)) {
+              properties.push(designerTs.getLiteralDesignProperty(i18n_label, i18n_labelInstructions, prop_item_label, 'STRING_I18N', model.label));
+          }
+          // Don't include the min and max selections properties for checkbox items, as they are determined by the required property and should not
+          // be editable by the user. Instead, set them automatically in the toModel method based on the required property.
+          if (!webFormTs.instanceOfMultipleChoiceItemTemplate(model)) {
+              properties.push(designerTs.getLiteralDesignProperty(i18n_minSelections, i18n_minSelectionsInstructions, prop_item_min_selections, 'INTEGER', model.minSelections));
+              properties.push(designerTs.getLiteralDesignProperty(i18n_maxSelections, i18n_maxSelectionsInstructions, prop_item_max_selections, 'INTEGER', model.maxSelections));
+          }
           var parentForFormOptionSelector = this.getParentForFormOptionSelector(model, languageId);
           try {
               for (var _b = __values(model.options), _c = _b.next(); !_c.done; _c = _b.next()) {
@@ -2642,6 +2750,196 @@
       return CheckboxItemTemplateMapper;
   }(OptionGroupItemMapper));
+  function getEnumDesignProperty(propertyType, model) {
+      var enumFunction = propertyType.enumFunction;
+      var displayValue = model === null || model === void 0 ? void 0 : model[propertyType.propName];
+      var value = enumFunction(displayValue, propertyType.defaultValue);
+      return designerTs.getEnumerationLiteralDesignProperty(propertyType.title, propertyType.instructions, propertyType.propName, value, propertyType.enumValues);
+  }
+  var SLASHED_DATE_DISPLAY_VALUE = {
+      value: 'MM/DD/YYYY',
+      display: 'MM/DD/YYYY',
+  };
+  var DASHED_DATE_DISPLAY_VALUE = {
+      value: 'MM-DD-YYYY',
+      display: 'MM-DD-YYYY',
+  };
+  var LONG_DATE_DISPLAY_VALUE = {
+      value: 'MMMM D, YYYY',
+      display: 'MMMM D, YYYY',
+  };
+  var EURO_LONG_DATE_DISPLAY_VALUE = {
+      value: 'D MMMM YYYY',
+      display: 'D MMMM YYYY',
+  };
+  var DOTTED_DATE_DISPLAY_VALUE = {
+      value: 'DD.MM.YYYY',
+      display: 'DD.MM.YYYY',
+  };
+  var ISO_8601_DATE_DISPLAY_VALUE = {
+      value: 'YYYY-MM-DD',
+      display: 'YYYY-MM-DD',
+  };
+  var MTNA_DEFAULT_USE_DISPLAY_VALUE = {
+      value: 'YYYY/MM/dd',
+      display: 'YYYY/MM/dd',
+  };
+  var DATE_DISPLAY_ENUM_VALUES = [
+      MTNA_DEFAULT_USE_DISPLAY_VALUE,
+      ISO_8601_DATE_DISPLAY_VALUE,
+      LONG_DATE_DISPLAY_VALUE,
+      EURO_LONG_DATE_DISPLAY_VALUE,
+      SLASHED_DATE_DISPLAY_VALUE,
+      DASHED_DATE_DISPLAY_VALUE,
+      DOTTED_DATE_DISPLAY_VALUE,
+  ];
+  var LAYOUT_ROW_DISPLAY_VALUE = {
+      value: 'ROW',
+      display: i18n_row,
+  };
+  var LAYOUT_COLUMN_DISPLAY_VALUE = {
+      value: 'COLUMN',
+      display: i18n_column,
+  };
+  var LAYOUT_ENUM_VALUES = [LAYOUT_ROW_DISPLAY_VALUE, LAYOUT_COLUMN_DISPLAY_VALUE];
+  var QUARTER_ONE_DISPLAY_VALUE = {
+      value: 0,
+      display: i18n_quarterOne,
+  };
+  var QUARTER_TWO_DISPLAY_VALUE = {
+      value: 1,
+      display: i18n_quarterTwo,
+  };
+  var QUARTER_THREE_DISPLAY_VALUE = {
+      value: 2,
+      display: i18n_quarterThree,
+  };
+  var QUARTER_FOUR_DISPLAY_VALUE = {
+      value: 3,
+      display: i18n_quarterFour,
+  };
+  var QUARTER_RANGE_ENUM_VALUES = [
+      QUARTER_ONE_DISPLAY_VALUE,
+      QUARTER_TWO_DISPLAY_VALUE,
+      QUARTER_THREE_DISPLAY_VALUE,
+      QUARTER_FOUR_DISPLAY_VALUE,
+  ];
+  function getDateFormatValue(displayValue, defaultValue) {
+      var enumValue = defaultValue;
+      if (displayValue) {
+          if (displayValue === 'MM/DD/YYYY') {
+              enumValue = SLASHED_DATE_DISPLAY_VALUE;
+          }
+          else if (displayValue === 'MM-DD-YYYY') {
+              enumValue = DASHED_DATE_DISPLAY_VALUE;
+          }
+          else if (displayValue === 'MMMM D, YYYY') {
+              enumValue = LONG_DATE_DISPLAY_VALUE;
+          }
+          else if (displayValue === 'D MMMM YYYY') {
+              enumValue = EURO_LONG_DATE_DISPLAY_VALUE;
+          }
+          else if (displayValue === 'DD.MM.YYYY') {
+              enumValue = DOTTED_DATE_DISPLAY_VALUE;
+          }
+          else if (displayValue === 'YYYY-MM-DD') {
+              enumValue = ISO_8601_DATE_DISPLAY_VALUE;
+          }
+          else if (displayValue === 'YYYY/MM/dd') {
+              enumValue = MTNA_DEFAULT_USE_DISPLAY_VALUE;
+          }
+      }
+      return enumValue;
+  }
+  function getLayoutValue(displayValue, defaultValue) {
+      var enumValue = defaultValue;
+      if (displayValue) {
+          if (displayValue === 'ROW') {
+              enumValue = LAYOUT_ROW_DISPLAY_VALUE;
+          }
+          else if (displayValue === 'COLUMN') {
+              enumValue = LAYOUT_COLUMN_DISPLAY_VALUE;
+          }
+      }
+      return enumValue;
+  }
+  function getQuarterRangeValue(displayValue, defaultValue) {
+      var enumValue = defaultValue;
+      if (displayValue) {
+          if (displayValue === 0) {
+              enumValue = QUARTER_ONE_DISPLAY_VALUE;
+          }
+          else if (displayValue === 1) {
+              enumValue = QUARTER_TWO_DISPLAY_VALUE;
+          }
+          else if (displayValue === 2) {
+              enumValue = QUARTER_THREE_DISPLAY_VALUE;
+          }
+          else if (displayValue === 3) {
+              enumValue = QUARTER_FOUR_DISPLAY_VALUE;
+          }
+      }
+      return enumValue;
+  }
+  var PROP_DATE_FORMAT = {
+      defaultValue: MTNA_DEFAULT_USE_DISPLAY_VALUE,
+      enumFunction: getDateFormatValue,
+      enumValues: DATE_DISPLAY_ENUM_VALUES,
+      instructions: i18n_dateFormatInstructions,
+      propName: prop_item_format,
+      title: i18n_dateFormat,
+      type: 'ENUMERATION',
+  };
+  var PROP_LAYOUT = {
+      defaultValue: LAYOUT_COLUMN_DISPLAY_VALUE,
+      enumFunction: getLayoutValue,
+      enumValues: LAYOUT_ENUM_VALUES,
+      instructions: i18n_layoutInstructions,
+      propName: prop_item_layout,
+      title: i18n_layout,
+      type: 'ENUMERATION',
+  };
+  var PROP_QUARTER_RANGE_START = {
+      defaultValue: QUARTER_ONE_DISPLAY_VALUE,
+      enumFunction: getQuarterRangeValue,
+      enumValues: QUARTER_RANGE_ENUM_VALUES,
+      instructions: i18n_startQuarterInstructions,
+      propName: prop_item_startQuarter,
+      title: i18n_startQuarter,
+      type: 'ENUMERATION',
+  };
+  var PROP_QUARTER_RANGE_END = {
+      defaultValue: QUARTER_ONE_DISPLAY_VALUE,
+      enumFunction: getQuarterRangeValue,
+      enumValues: QUARTER_RANGE_ENUM_VALUES,
+      instructions: i18n_endQuarterInstructions,
+      propName: prop_item_endQuarter,
+      title: i18n_endQuarter,
+      type: 'ENUMERATION',
+  };
+  function setEnumValue(design, sectionId, enumPropertyId) {
+      var _a;
+      var enumerationLiteralProperties = designerTs.getEnumerationLiteralProperties(design, sectionId, [enumPropertyId]);
+      if (coreTs.isPresent(enumerationLiteralProperties[enumPropertyId])) {
+          return _a = {},
+              _a[enumPropertyId] = enumerationLiteralProperties[enumPropertyId].value,
+              _a;
+      }
+      else {
+          return {};
+      }
+  }
   var DateItemTemplateMapper = /** @class */ (function (_super) {
       __extends(DateItemTemplateMapper, _super);
       function DateItemTemplateMapper(params) {
@@ -2654,26 +2952,15 @@
       };
       DateItemTemplateMapper.prototype.toModel = function (design) {
           var model = _super.prototype.toModel.call(this, design);
-          var dateProperties = designerTs.getLiteralProperties(design, i18n_dateConfiguration, [
-              prop_item_label,
-              // TODO: See the comment in getSectionItemDate method
-              // prop_item_format,
-              prop_item_preset_value,
-          ]);
-          model = Object.assign(Object.assign({}, model), dateProperties);
+          var dateProperties = designerTs.getLiteralProperties(design, i18n_dateConfiguration, [prop_item_label]);
+          var dateFormatEnumProperty = setEnumValue(design, i18n_dateConfiguration, prop_item_format);
+          model = Object.assign(Object.assign(Object.assign({}, model), dateProperties), dateFormatEnumProperty);
           return model;
       };
       DateItemTemplateMapper.prototype.getSectionItemDate = function (item) {
           var properties = [];
           properties.push(designerTs.getLiteralDesignProperty(i18n_label, i18n_labelInstructions, prop_item_label, 'STRING_I18N', item.label));
-          /*
-           * TODO: Needs to be looked into further. This would mean that we would need to have a service (or similar) that could use the provided
-           * format and provide a custom MAT_DATE_FORMATS provider with the format attached to it. We do this because the 'display' prop of MatDateFormats
-           * is an object, so only one type of display is available at a time, and it should match the provided format given in the model. This should
-           * be an enumeration or have a way of constraining the values (available formats in the enumerations folder inside models/design/enumerations).
-           */
-          // properties.push(getLiteralDesignProperty(i18n_format, i18n_formatInstructions, prop_item_format, 'STRING', item.format));
-          properties.push(designerTs.getLiteralDesignProperty(i18n_presetValue, i18n_presetValueInstructions, prop_item_preset_value, 'DATE', item.presetValue));
+          properties.push(getEnumDesignProperty(PROP_DATE_FORMAT, item));
           return { display: i18n_dateConfiguration, properties: properties };
       };
       return DateItemTemplateMapper;
@@ -2686,20 +2973,12 @@
       }
       DropdownItemTemplateMapper.prototype.toDesign = function (model, languageId, parent) {
           var design = _super.prototype.toDesign.call(this, model, languageId, parent);
-          design.sections = [design.sections[0], this.getSectionItemDropdown(model), design.sections[1]];
           return design;
       };
       DropdownItemTemplateMapper.prototype.toModel = function (design) {
           var model = _super.prototype.toModel.call(this, design);
-          var dropdownProperties = designerTs.getLiteralProperties(design, i18n_dropdownProperties, [prop_item_label]);
-          model = Object.assign(Object.assign({}, model), dropdownProperties);
           return model;
       };
-      DropdownItemTemplateMapper.prototype.getSectionItemDropdown = function (item) {
-          var properties = [];
-          properties.push(designerTs.getLiteralDesignProperty(i18n_label, i18n_labelInstructions, prop_item_label, 'STRING_I18N', item.label));
-          return { display: i18n_dropdownProperties, properties: properties };
-      };
       return DropdownItemTemplateMapper;
   }(OptionGroupItemMapper));
@@ -2715,17 +2994,13 @@
       };
       FileUploadItemTemplateMapper.prototype.toModel = function (design) {
           var model = _super.prototype.toModel.call(this, design);
-          var fileUploadProperties = designerTs.getLiteralProperties(design, i18n_fileUploadConfiguration, [
-              prop_item_download_allowed,
-              prop_item_file_type_id,
-          ]);
+          var fileUploadProperties = designerTs.getLiteralProperties(design, i18n_fileUploadConfiguration, [prop_item_download_allowed]);
           model = Object.assign(Object.assign({}, model), fileUploadProperties);
           return model;
       };
       FileUploadItemTemplateMapper.prototype.getSectionItemFileUpload = function (item) {
           var properties = [];
           properties.push(designerTs.getLiteralDesignProperty(i18n_downloadAllowed, i18n_downloadAllowedInstructions, prop_item_download_allowed, 'BOOLEAN', coreTs.isPresent(item.downloadAllowed) ? item.downloadAllowed : true));
-          properties.push(designerTs.getLiteralDesignProperty(i18n_fileTypeId, i18n_fileTypeIdInstructions, prop_item_file_type_id, 'STRING', item.fileTypeId));
           return { display: i18n_fileUploadConfiguration, properties: properties };
       };
       return FileUploadItemTemplateMapper;
@@ -2763,18 +3038,10 @@
       }
       MultipleChoiceItemTemplateMapper.prototype.toDesign = function (model, languageId, parent) {
           var design = _super.prototype.toDesign.call(this, model, languageId, parent);
-          var checkboxConfigSection = design.sections.find(function (section) { return section.display === i18n_checkboxConfiguration; });
-          if (checkboxConfigSection) {
-              checkboxConfigSection.properties.filter(function (property) { return property.property !== prop_item_min_selections && property.property !== prop_item_max_selections; });
-          }
           return design;
       };
       MultipleChoiceItemTemplateMapper.prototype.toModel = function (design) {
           var model = _super.prototype.toModel.call(this, design);
-          // TODO - Since we no longer provide this in the 'toDesign' method above, we still need to make sure the model is correctly set.
-          // This is a temporary fix until we can merge the models in the 'setModifiedModel' method of the TemplateDesignFacade.
-          model.minSelections = 0;
-          model.maxSelections = 1;
           return model;
       };
       return MultipleChoiceItemTemplateMapper;
@@ -2851,18 +3118,17 @@
       OffsetDateRangeTemplateMapper.prototype.toModel = function (design) {
           var model = _super.prototype.toModel.call(this, design);
           var offsetDateRangeProperties = designerTs.getLiteralProperties(design, i18n_offsetDateRangeConfiguration, [
-              prop_item_format,
-              // prop_item_range_limits
+          // prop_item_range_limits
           ]);
-          model = Object.assign(Object.assign({}, model), offsetDateRangeProperties);
+          var offsetDateRangeFormatEnumProperty = setEnumValue(design, i18n_offsetDateRangeConfiguration, prop_item_format);
+          model = Object.assign(Object.assign({}, model), offsetDateRangeFormatEnumProperty);
           return model;
       };
       OffsetDateRangeTemplateMapper.prototype.getSectionItemOffsetDateRange = function (item) {
           var properties = [];
           // TODO need to handle for the range limits input
           // properties.push(getLiteralDesignProperty(i18n_rangeLimits, i18n_rangeLimitsInstructions, prop_item_range_limits, '', item.rangeLimits));
-          // TODO need a way to constrain the values that the format can take instead of just a string
-          properties.push(designerTs.getLiteralDesignProperty(i18n_format, i18n_formatInstructions, prop_item_format, 'STRING', item.format));
+          properties.push(getEnumDesignProperty(PROP_DATE_FORMAT, item));
           return { display: i18n_offsetDateRangeConfiguration, properties: properties };
       };
       return OffsetDateRangeTemplateMapper;
@@ -3001,20 +3267,28 @@
           return _super.call(this, params) || this;
       }
       TitleItemTemplateMapper.prototype.toDesign = function (model, languageId, parent) {
-          var design = _super.prototype.toDesign.call(this, model, languageId, parent);
-          design.sections = __spreadArray(__spreadArray([], __read(design.sections)), [this.getSectionItemTitle(model)]);
-          return design;
+          var sectionTitleItemCore = this.getSectionTitleItemCore(model);
+          var sectionItemTitle = this.getSectionItemTitle(model);
+          var sections = [sectionTitleItemCore, sectionItemTitle];
+          return Object.assign(Object.assign({}, itemToDesignBase(model, languageId)), { sections: sections, parent: parent });
       };
       TitleItemTemplateMapper.prototype.toModel = function (design) {
           var model = _super.prototype.toModel.call(this, design);
-          var titleProperties = designerTs.getLiteralProperties(design, i18n_childItems, [prop_item_value]);
-          model = Object.assign(Object.assign({}, model), titleProperties);
+          var coreProperties = designerTs.getLiteralProperties(design, i18n_templateItemBasicSettings, [prop_item_name, prop_item_annotation_enabled]);
+          var titleProperties = designerTs.getLiteralProperties(design, i18n_title, [prop_item_value]);
+          model = Object.assign(Object.assign(Object.assign({}, model), coreProperties), titleProperties);
           return model;
       };
       TitleItemTemplateMapper.prototype.getSectionItemTitle = function (item) {
           var properties = [];
           properties.push(designerTs.getLiteralDesignProperty(i18n_title, i18n_titleInstructionsSection, prop_item_value, 'STRING_I18N', item.value));
-          return { display: i18n_childItems, properties: properties };
+          return { display: i18n_title, properties: properties };
+      };
+      TitleItemTemplateMapper.prototype.getSectionTitleItemCore = function (item) {
+          var properties = [];
+          properties.push(designerTs.getLiteralDesignProperty(i18n_templateItemLabel, i18n_templateItemLabelInstructions, prop_item_name, 'STRING', item.name));
+          properties.push(designerTs.getLiteralDesignProperty(i18n_templateItemAnnotation, i18n_templateItemAnnotationInstructions, prop_item_annotation_enabled, 'BOOLEAN', item.annotationEnabled));
+          return { display: i18n_templateItemBasicSettings, properties: properties };
       };
       return TitleItemTemplateMapper;
   }(TemplateItemMapper));
@@ -3031,14 +3305,30 @@
       };
       YearQuarterRangeItemTemplateMapper.prototype.toModel = function (design) {
           var model = _super.prototype.toModel.call(this, design);
-          var yearQuarterRangeProperties = designerTs.getLiteralProperties(design, i18n_yearQuarterRangeConfiguration, [
-          // prop_item_range_limits,
-          ]);
-          model = Object.assign(Object.assign({}, model), yearQuarterRangeProperties);
+          var startQuarterRangeYearProperties = designerTs.getLiteralProperties(design, i18n_yearQuarterRangeConfiguration, [prop_item_startYear]);
+          var endQuarterRangeYearProperties = designerTs.getLiteralProperties(design, i18n_yearQuarterRangeConfiguration, [prop_item_endYear]);
+          var startQuarterRangeQuarterProperties = setEnumValue(design, i18n_yearQuarterRangeConfiguration, prop_item_startQuarter);
+          var endQuarterRangeQuarterProperties = setEnumValue(design, i18n_yearQuarterRangeConfiguration, prop_item_endQuarter);
+          var startYearQuarter = {
+              year: startQuarterRangeYearProperties[prop_item_startYear],
+              quarter: startQuarterRangeQuarterProperties[prop_item_startQuarter],
+          };
+          var endYearQuarter = {
+              year: endQuarterRangeYearProperties[prop_item_endYear],
+              quarter: endQuarterRangeQuarterProperties[prop_item_endQuarter],
+          };
+          model = Object.assign(Object.assign({}, model), { rangeLimits: {
+                  start: startYearQuarter,
+                  end: endYearQuarter,
+              } });
           return model;
       };
       YearQuarterRangeItemTemplateMapper.prototype.getSectionItemYearQuarterRange = function (item) {
           var properties = [];
+          properties.push(designerTs.getLiteralDesignProperty(i18n_startYear, i18n_startYearInstructions, prop_item_startYear, 'INTEGER', item.rangeLimits.start.year));
+          properties.push(getEnumDesignProperty(PROP_QUARTER_RANGE_START, item.rangeLimits.start));
+          properties.push(designerTs.getLiteralDesignProperty(i18n_endYear, i18n_endYearInstructions, prop_item_endYear, 'INTEGER', item.rangeLimits.end.year));
+          properties.push(getEnumDesignProperty(PROP_QUARTER_RANGE_END, item.rangeLimits.end));
           // TODO need to handle for the range limits input
           // properties.push(getLiteralDesignProperty(i18n_rangeLimits, i18n_rangeLimitsInstructions, prop_item_range_limits, '', item.rangeLimits));
           return { display: i18n_yearQuarterRangeConfiguration, properties: properties };
@@ -3055,23 +3345,54 @@
           return GROUP_POTENTIAL_DESIGN_LIST;
       };
       TemplateItemGroupMapper.prototype.toDesign = function (model, languageId, parent) {
-          var design = _super.prototype.toDesign.call(this, model, languageId, parent);
-          design.sections = __spreadArray(__spreadArray([], __read(design.sections)), [this.getSectionItemGroup(model, languageId, parent)]);
-          return design;
+          var designBase = Object.assign({}, itemToDesignBase(model, languageId));
+          var designSections = [
+              this.getGroupItemCore(model),
+              // Use the current design as the parent for the template item group, in that it only needs to see the actual template item group design base.
+              this.getSectionItemGroup(model, languageId, designBase),
+          ];
+          return Object.assign(Object.assign({}, designBase), { sections: designSections, parent: parent });
       };
       TemplateItemGroupMapper.prototype.toModel = function (design) {
-          var model = _super.prototype.toModel.call(this, design);
-          var itemGroupProperties = designerTs.getLiteralProperties(design, i18n_childItems, [prop_item_layout]);
+          var templateItem = {
+              itemId: design.type,
+              instanceId: design.id,
+              annotatableId: design.id,
+              descriptiveText: [],
+              name: '',
+              questionText: [],
+              annotationEnabled: false,
+              excludeFromPrint: false,
+              required: false,
+              ignoreConditionalInstructions: false,
+              printAlternative: '',
+          };
+          var coreProperties = designerTs.getLiteralProperties(design, i18n_templateItemBasicSettings, [
+              prop_item_name,
+              prop_item_descriptive_text,
+              prop_item_required,
+              prop_item_annotation_enabled,
+          ]);
+          var itemGroupProperties = setEnumValue(design, i18n_childItems, prop_item_layout);
           var itemGroupModelProperties = getTemplateItems(design, i18n_childItems, [prop_item_items]);
-          model = Object.assign(Object.assign(Object.assign({}, model), itemGroupProperties), itemGroupModelProperties);
-          return model;
+          templateItem = Object.assign(Object.assign(Object.assign(Object.assign({}, templateItem), coreProperties), itemGroupProperties), itemGroupModelProperties);
+          return templateItem;
+      };
+      TemplateItemGroupMapper.prototype.getGroupItemCore = function (item) {
+          var properties = [];
+          properties.push(designerTs.getLiteralDesignProperty(i18n_templateItemLabel, i18n_templateItemLabelInstructions, prop_item_name, 'STRING', item.name));
+          properties.push(designerTs.getLiteralDesignProperty(i18n_templateItemHelp, i18n_templateItemHelpInstructions, prop_item_descriptive_text, 'RICH_TEXT_I18N', item.descriptiveText));
+          properties.push(designerTs.getLiteralDesignProperty(i18n_templateItemRequired, i18n_templateItemRequiredInstructions, prop_item_required, 'BOOLEAN', item.required));
+          properties.push(designerTs.getLiteralDesignProperty(i18n_templateItemAnnotation, i18n_templateItemAnnotationInstructions, prop_item_annotation_enabled, 'BOOLEAN', item.annotationEnabled));
+          return { display: i18n_templateItemBasicSettings, properties: properties };
       };
       TemplateItemGroupMapper.prototype.getSectionItemGroup = function (item, languageId, parent) {
           var _this = this;
           var properties = [];
-          // TODO there needs a way to set possible values on enumerations, not just the actual value
-          properties.push(designerTs.getLiteralDesignProperty(i18n_layout, i18n_layoutInstructions, prop_item_layout, 'ENUMERATION', item.layout));
-          properties.push(designerTs.getModelDesignProperty(i18n_templateItems, i18n_templateItemsInstructionsGroup, prop_item_items, true, item.items ? item.items.map(function (item) { return itemToDesign(item, languageId, parent, _this.context); }) : []));
+          properties.push(getEnumDesignProperty(PROP_LAYOUT, item));
+          properties.push(designerTs.getModelDesignProperty(i18n_templateItems, i18n_templateItemsInstructionsGroup, prop_item_items, true, item.items
+              ? item.items.map(function (tempItem) { return itemToDesign(tempItem, languageId, parent, _this.context, _this.customParams); })
+              : []));
           return { display: i18n_childItems, properties: properties };
       };
       return TemplateItemGroupMapper;
@@ -3084,7 +3405,7 @@
       }
       TemplateSectionMapper.prototype.getPotentialDesigns = function (property) {
           if (property.property === prop_item_title) {
-              return SECTION_POTENTIAL_DESIGN_LIST;
+              return [TITLE_POTENTIAL_DESIGN];
           }
           else if (property.property === prop_item_items) {
               return GROUP_POTENTIAL_DESIGN_LIST;
@@ -3094,124 +3415,100 @@
           }
       };
       TemplateSectionMapper.prototype.toDesign = function (model, languageId, parent) {
-          // TODO: add way to handle parent sections
           var design = _super.prototype.toDesign.call(this, model, languageId, parent);
-          design.sections = __spreadArray(__spreadArray([], __read(design.sections)), [this.getSectionItemSection(model, languageId, parent)]);
+          // Use the current design as the parent for the section item section, in that it only needs to see the actual section design base.
+          var currentTemplateSectionAsParent = itemToDesignBase(model, languageId);
+          design.sections = __spreadArray(__spreadArray([], __read(design.sections)), [this.getSectionItemSection(model, languageId, currentTemplateSectionAsParent)]);
           return design;
       };
       TemplateSectionMapper.prototype.toModel = function (design) {
           var model = _super.prototype.toModel.call(this, design);
-          var sectionProperties = designerTs.getLiteralProperties(design, i18n_childItems, [prop_item_title]);
-          model = Object.assign(Object.assign({}, model), sectionProperties);
+          var sectionTitleProperties = getTemplateItems(design, i18n_sectionTitleItem, [prop_item_title]);
+          model = Object.assign(Object.assign({}, model), sectionTitleProperties);
           return model;
       };
       TemplateSectionMapper.prototype.getSectionItemSection = function (item, languageId, parent) {
           var properties = [];
-          properties.push(designerTs.getModelDesignProperty(i18n_title, i18n_titleInstructionsSection, prop_item_title, false, item.title ? [itemToDesign(item, languageId, parent, this.context)] : []));
-          return { display: i18n_childItems, properties: properties };
+          properties.push(designerTs.getModelDesignProperty(i18n_title, i18n_titleInstructionsSection, prop_item_title, false, item.title ? [itemToDesign(item.title, languageId, parent, this.context, this.customParams)] : [], false));
+          return { display: i18n_sectionTitleItem, properties: properties };
       };
       return TemplateSectionMapper;
   }(TemplateItemGroupMapper));
   registerMapper(webFormTs.BOOLEAN_ITEM_TEMPLATE_ID, BooleanItemTemplateMapper, function (params) { return webFormTs.instanceOfBooleanItemTemplate(params.model)
-      ? new BooleanItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new BooleanItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.BULLETED_LIST_ITEM_TEMPLATE_ID, BulletedListItemTemplateMapper, function (params) { return webFormTs.instanceOfBulletedListItemTemplate(params.model)
-      ? new BulletedListItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new BulletedListItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.CHECKBOX_ITEM_TEMPLATE_ID, CheckboxItemTemplateMapper, function (params) { return webFormTs.instanceOfCheckboxItemTemplate(params.model)
-      ? new CheckboxItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new CheckboxItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.DATE_ITEM_TEMPLATE_ID, DateItemTemplateMapper, function (params) { return webFormTs.instanceOfDateItemTemplate(params.model)
-      ? new DateItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new DateItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.DECIMAL_ANSWER_ITEM_TEMPLATE_ID, NumericResponseItemTemplateMapper, function (params) { return webFormTs.instanceOfDecimalAnswerItemTemplate(params.model)
-      ? new NumericResponseItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new NumericResponseItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.DROPDOWN_ITEM_TEMPLATE_ID, DropdownItemTemplateMapper, function (params) { return webFormTs.instanceOfDropdownItemTemplate(params.model)
-      ? new DropdownItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new DropdownItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.FILE_UPLOAD_ITEM_TEMPLATE_ID, FileUploadItemTemplateMapper, function (params) { return webFormTs.instanceOfFileUploadItemTemplate(params.model)
-      ? new FileUploadItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new FileUploadItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.INTERNATIONALIZED_PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID, I18nTextResponseItemTemplateMapper, function (params) { return webFormTs.instanceOfInternationalizedParagraphAnswerItemTemplate(params.model)
-      ? new I18nTextResponseItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new I18nTextResponseItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.INTERNATIONALIZED_SHORT_ANSWER_ITEM_TEMPLATE_ID, I18nTextResponseItemTemplateMapper, function (params) { return webFormTs.instanceOfInternationalizedShortAnswerItemTemplate(params.model)
-      ? new I18nTextResponseItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new I18nTextResponseItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.MULTIPLE_CHOICE_ITEM_TEMPLATE_ID, MultipleChoiceItemTemplateMapper, function (params) { return webFormTs.instanceOfMultipleChoiceItemTemplate(params.model)
-      ? new MultipleChoiceItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new MultipleChoiceItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.NUMBERED_LIST_ITEM_TEMPLATE_ID, NumberedListItemTemplateMapper, function (params) { return webFormTs.instanceOfNumberedListItemTemplate(params.model)
-      ? new NumberedListItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new NumberedListItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.OFFSET_DATE_RANGE_ITEM_TEMPLATE_ID, OffsetDateRangeTemplateMapper, function (params) { return webFormTs.instanceOfOffsetDateRangeTemplate(params.model)
-      ? new OffsetDateRangeTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new OffsetDateRangeTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID, TextResponseItemTemplateMapper, function (params) { return webFormTs.instanceOfParagraphAnswerItemTemplate(params.model)
-      ? new TextResponseItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new TextResponseItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.REPEATABLE_ITEM_TEMPLATE_IMPL_ID, RepeatableItemTemplateMapper, function (params) { return webFormTs.instanceOfRepeatableItemTemplate(params.model)
-      ? new RepeatableItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new RepeatableItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.SHORT_ANSWER_ITEM_TEMPLATE_ID, TextResponseItemTemplateMapper, function (params) { return webFormTs.instanceOfShortAnswerItemTemplate(params.model)
-      ? new TextResponseItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new TextResponseItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.TEMPLATE_ITEM_GROUP_IMPL_ID, TemplateItemGroupMapper, function (params) { return webFormTs.instanceOfTemplateItemGroupImpl(params.model)
-      ? new TemplateItemGroupMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new TemplateItemGroupMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.TEMPLATE_SECTION_IMPL_ID, TemplateSectionMapper, function (params) { return webFormTs.instanceOfTemplateSectionImpl(params.model)
-      ? new TemplateSectionMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new TemplateSectionMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.TEXT_ITEM_TEMPLATE_ID, TextItemTemplateMapper, function (params) { return webFormTs.instanceOfTextItemTemplate(params.model)
-      ? new TextItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new TextItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.TIME_ITEM_TEMPLATE_ID, TimeItemTemplateMapper, function (params) { return webFormTs.instanceOfTimeItemTemplate(params.model)
-      ? new TimeItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new TimeItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.TITLE_ITEM_TEMPLATE_ID, TitleItemTemplateMapper, function (params) { return webFormTs.instanceOfTitleItemTemplate(params.model)
-      ? new TitleItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new TitleItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.WHOLE_NUMBER_ANSWER_ITEM_TEMPLATE_ID, NumericResponseItemTemplateMapper, function (params) { return webFormTs.instanceOfWholeNumberAnswerItemTemplate(params.model)
-      ? new NumericResponseItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new NumericResponseItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
   registerMapper(webFormTs.YEAR_QUARTER_RANGE_ITEM_TEMPLATE_ID, YearQuarterRangeItemTemplateMapper, function (params) { return webFormTs.instanceOfYearQuarterRangeTemplate(params.model)
-      ? new YearQuarterRangeItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign()
+      ? new YearQuarterRangeItemTemplateMapper(Object.assign(Object.assign({}, params), { model: params.model, customParams: params.customParams })).getDesign()
       : new TemplateItemMapper(params).getDesign(); });
-  var SLASHED_DATE_DISPLAY_VALUE = {
-      value: 'MM/DD/YYYY',
-      display: 'MM/DD/YYYY',
-  };
-  var DASHED_DATE_DISPLAY_VALUE = {
-      value: 'MM-DD-YYYY',
-      display: 'MM-DD-YYYY',
-  };
-  var LONG_DATE_DISPLAY_VALUE = {
-      value: 'MMMM D, YYYY',
-      display: 'MMMM D, YYYY',
-  };
-  var EURO_LONG_DATE_DISPLAY_VALUE = {
-      value: 'D MMMM YYYY',
-      display: 'D MMMM YYYY',
-  };
-  var DOTTED_DATE_DISPLAY_VALUE = {
-      value: 'DD.MM.YYYY',
-      display: 'DD.MM.YYYY',
-  };
-  var ISO_8601_DATE_DISPLAY_VALUE = {
-      value: 'YYYY-MM-DD',
-      display: 'YYYY-MM-DD',
-  };
-  var DATE_ENUM_VALUES = [
-      ISO_8601_DATE_DISPLAY_VALUE,
-      LONG_DATE_DISPLAY_VALUE,
-      EURO_LONG_DATE_DISPLAY_VALUE,
-      SLASHED_DATE_DISPLAY_VALUE,
-      DASHED_DATE_DISPLAY_VALUE,
-      DOTTED_DATE_DISPLAY_VALUE,
-  ];
+  registerTemplateMapper(webFormTs.TEMPLATE_IMPL_ID, TemplateMapper, function (params) {
+      if (webFormTs.instanceOfTemplateImpl(params.model)) {
+          return new TemplateMapper(Object.assign(Object.assign({}, params), { model: params.model })).getDesign();
+      }
+      else {
+          throw new Error("The model provided is not an instance of TemplateImpl. We do not support mapping it to a design. Model: " + JSON.stringify(params.model));
+      }
+  });
   var template = {
       id: 'template',
@@ -3222,6 +3519,32 @@
       display: i18n_form,
   };
+  var _a;
+  var UnavailableTemplateItemNameMap = (_a = {},
+      _a[webFormTs.BOOLEAN_ITEM_TEMPLATE_ID] = i18n_booleanItem,
+      _a[webFormTs.BULLETED_LIST_ITEM_TEMPLATE_ID] = i18n_bulletedListItem,
+      _a[webFormTs.CHECKBOX_ITEM_TEMPLATE_ID] = i18n_checkboxItem,
+      _a[webFormTs.DATE_ITEM_TEMPLATE_ID] = i18n_dateItem,
+      _a[webFormTs.DECIMAL_ANSWER_ITEM_TEMPLATE_ID] = i18n_decimalAnswerItem,
+      _a[webFormTs.DROPDOWN_ITEM_TEMPLATE_ID] = i18n_dropdownItem,
+      _a[webFormTs.FILE_UPLOAD_ITEM_TEMPLATE_ID] = i18n_fileUploadItem,
+      _a[webFormTs.I18N_PARAGRAPH_ANSWER_ITEM_ID] = i18n_internationalizedParagraphAnswerItem,
+      _a[webFormTs.I18N_SHORT_ANSWER_ITEM_ID] = i18n_internationalizedShortAnswerItem,
+      _a[webFormTs.MULTIPLE_CHOICE_ITEM_TEMPLATE_ID] = i18n_multipleChoiceItem,
+      _a[webFormTs.NUMBERED_LIST_ITEM_TEMPLATE_ID] = i18n_numberedListItem,
+      _a[webFormTs.OFFSET_DATE_RANGE_ITEM_TEMPLATE_ID] = i18n_offsetDateRangeItem,
+      _a[webFormTs.PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID] = i18n_paragraphAnswerItem,
+      _a[webFormTs.REPEATABLE_ITEM_TEMPLATE_IMPL_ID] = i18n_repeatableItem,
+      _a[webFormTs.SHORT_ANSWER_ITEM_TEMPLATE_ID] = i18n_shortAnswerItem,
+      _a[webFormTs.TEMPLATE_ITEM_GROUP_IMPL_ID] = i18n_groupItem,
+      _a[webFormTs.TEMPLATE_SECTION_IMPL_ID] = i18n_sectionItem,
+      _a[webFormTs.TEXT_ITEM_TEMPLATE_ID] = i18n_textItem,
+      _a[webFormTs.TIME_ITEM_TEMPLATE_ID] = i18n_timeItem,
+      _a[webFormTs.TITLE_ITEM_TEMPLATE_ID] = i18n_titleItem,
+      _a[webFormTs.WHOLE_NUMBER_ANSWER_ITEM_TEMPLATE_ID] = i18n_wholeNumberAnswerItem,
+      _a[webFormTs.YEAR_QUARTER_RANGE_ITEM_TEMPLATE_ID] = i18n_yearQuarterRangeItem,
+      _a);
   var BaseFormStep = /** @class */ (function () {
       function BaseFormStep(instanceId) {
           this.instanceId = instanceId;
@@ -3419,6 +3742,73 @@
       return coreTs.isObject(something) && coreTs.isType(something, 'value') && typeof something.value === 'string';
   }
+  function isTemplateDesign(design) {
+      return design.type === webFormTs.TEMPLATE_IMPL_ID;
+  }
+  function isTemplateItemDesign(design) {
+      switch (design.type) {
+          case webFormTs.BOOLEAN_ITEM_TEMPLATE_ID:
+          case webFormTs.BULLETED_LIST_ITEM_TEMPLATE_ID:
+          case webFormTs.CHECKBOX_GRID_TEMPLATE_ID:
+          case webFormTs.CHECKBOX_ITEM_TEMPLATE_ID:
+          case webFormTs.DATE_ITEM_TEMPLATE_ID:
+          case webFormTs.DECIMAL_ANSWER_ITEM_TEMPLATE_ID:
+          case webFormTs.DROPDOWN_ITEM_TEMPLATE_ID:
+          case webFormTs.FILE_UPLOAD_ITEM_TEMPLATE_ID:
+          case webFormTs.HIDDEN_REFERENCE_ITEM_TEMPLATE_ID:
+          case webFormTs.INTERNATIONALIZED_PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID:
+          case webFormTs.INTERNATIONALIZED_SHORT_ANSWER_ITEM_TEMPLATE_ID:
+          case webFormTs.LINEAR_SCALE_ITEM_TEMPLATE_ID:
+          case webFormTs.MULTIPLE_CHOICE_GRID_ITEM_TEMPLATE_ID:
+          case webFormTs.MULTIPLE_CHOICE_ITEM_TEMPLATE_ID:
+          case webFormTs.NUMBERED_LIST_ITEM_TEMPLATE_ID:
+          case webFormTs.OFFSET_DATE_RANGE_ITEM_TEMPLATE_ID:
+          case webFormTs.PARAGRAPH_ANSWER_ITEM_TEMPLATE_ID:
+          case webFormTs.REPEATABLE_ITEM_TEMPLATE_IMPL_ID:
+          case webFormTs.REQUEST_ID_ITEM_TEMPLATE_ID:
+          case webFormTs.SHORT_ANSWER_ITEM_TEMPLATE_ID:
+          case webFormTs.TEMPLATE_ITEM_GROUP_IMPL_ID:
+          case webFormTs.TEMPLATE_SECTION_IMPL_ID:
+          case webFormTs.TEXT_ITEM_TEMPLATE_ID:
+          case webFormTs.TIME_ITEM_TEMPLATE_ID:
+          case webFormTs.TITLE_ITEM_TEMPLATE_ID:
+          case webFormTs.WHOLE_NUMBER_ANSWER_ITEM_TEMPLATE_ID:
+          case webFormTs.YEAR_QUARTER_RANGE_ITEM_TEMPLATE_ID:
+              return true;
+          default:
+              return false;
+      }
+  }
+  function isTemplateItem(something) {
+      return (webFormTs.instanceOfBooleanItemTemplate(something) ||
+          webFormTs.instanceOfBulletedListItemTemplate(something) ||
+          webFormTs.instanceOfCheckboxGridTemplate(something) ||
+          webFormTs.instanceOfCheckboxItemTemplate(something) ||
+          webFormTs.instanceOfDateItemTemplate(something) ||
+          webFormTs.instanceOfDecimalAnswerItemTemplate(something) ||
+          webFormTs.instanceOfDropdownItemTemplate(something) ||
+          webFormTs.instanceOfFileUploadItemTemplate(something) ||
+          webFormTs.instanceOfHiddenReferenceItemTemplate(something) ||
+          webFormTs.instanceOfInternationalizedParagraphAnswerItemTemplate(something) ||
+          webFormTs.instanceOfInternationalizedShortAnswerItemTemplate(something) ||
+          webFormTs.instanceOfLinearScaleItemTemplate(something) ||
+          webFormTs.instanceOfMultipleChoiceGridItemTemplate(something) ||
+          webFormTs.instanceOfMultipleChoiceItemTemplate(something) ||
+          webFormTs.instanceOfNumberedListItemTemplate(something) ||
+          webFormTs.instanceOfOffsetDateRangeTemplate(something) ||
+          webFormTs.instanceOfParagraphAnswerItemTemplate(something) ||
+          webFormTs.instanceOfRepeatableItemTemplate(something) ||
+          webFormTs.instanceOfRequestIdItemTemplate(something) ||
+          webFormTs.instanceOfShortAnswerItemTemplate(something) ||
+          webFormTs.instanceOfTemplateItemGroupImpl(something) ||
+          webFormTs.instanceOfTemplateSectionImpl(something) ||
+          webFormTs.instanceOfTextItemTemplate(something) ||
+          webFormTs.instanceOfTimeItemTemplate(something) ||
+          webFormTs.instanceOfTitleItemTemplate(something) ||
+          webFormTs.instanceOfWholeNumberAnswerItemTemplate(something) ||
+          webFormTs.instanceOfYearQuarterRangeTemplate(something));
+  }
   function mergeFormOptionSelector(source, target) {
       var mergedFormOptionSelector = Object.assign(Object.assign(Object.assign({}, target), source), { disabledItems: source.disabledItems, enabledItems: source.enabledItems, option: Object.assign(Object.assign({}, target.option), source.option) });
       return mergedFormOptionSelector;
@@ -3447,7 +3837,6 @@
       return mergedOptionTemplateMap;
   }
   function mergeBooleanItemTemplate(source, target) {
-      // const conditional: Conditional = mergeConditional(source.conditional, target.conditional);
       var option = mergeFormOptionSelector(source.option, target.option);
       var optionTemplateMap = mergeOptionTemplateMap(source.optionTemplateMap, target.optionTemplateMap);
       var mergedBooleanItemTemplate = Object.assign(Object.assign(Object.assign({}, target), source), { codeOption: target.codeOption || source.codeOption, option: option, optionTemplateMap: optionTemplateMap });
@@ -3595,8 +3984,62 @@
           }
           finally { if (e_5) throw e_5.error; }
       }
-      var mergedTemplate = Object.assign(Object.assign(Object.assign({}, target), source), { items: mergedItems });
-      return mergedTemplate;
+      var mergedTemplate = Object.assign(Object.assign(Object.assign({}, target), source), { items: mergedItems });
+      return mergedTemplate;
+  }
+  function getModelMap(items, itemIdExclusions) {
+      var modelMap = new Map();
+      traverseItems(items, modelMap, itemIdExclusions);
+      return modelMap;
+  }
+  function traverseItems(items, modelMap, itemIdExclusions) {
+      var e_1, _a;
+      try {
+          for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
+              var item = items_1_1.value;
+              var propertyNameNotExcluded = coreTs.isPresent(itemIdExclusions) && !itemIdExclusions.includes(item.itemId);
+              if (propertyNameNotExcluded) {
+                  if (webFormTs.instanceOfTemplateItemGroupImpl(item)) {
+                      modelMap.set(item.instanceId, item);
+                      traverseItems(item.items, modelMap, itemIdExclusions);
+                  }
+                  else if (webFormTs.instanceOfTemplateSectionImpl(item)) {
+                      modelMap.set(item.instanceId, item);
+                      traverseItems(item.items, modelMap, itemIdExclusions);
+                  }
+                  else if (isTemplateItem(item)) {
+                      modelMap.set(item.instanceId, item);
+                  }
+              }
+          }
+      }
+      catch (e_1_1) { e_1 = { error: e_1_1 }; }
+      finally {
+          try {
+              if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);
+          }
+          finally { if (e_1) throw e_1.error; }
+      }
+  }
+  function getModelToDesign(model, languageId, contextSelected, references) {
+      if (webFormTs.instanceOfTemplateImpl(model)) {
+          return templateToDesign(model, languageId, contextSelected, {
+              references: references,
+          });
+      }
+      else if (isTemplateItem(model)) {
+          return itemToDesign(model, languageId, undefined, contextSelected, {
+              references: references,
+          });
+      }
+      else if (instanceOfFormOptionSelector(model)) {
+          return optionSelectorToDesign(model, languageId, {}, references, undefined, contextSelected);
+      }
+      else {
+          throw new Error("Cannot convert model to design. Model is not recognized. Supported types are instances of TEMPLATE, TEMPLATE_ITEM, and OPTION.");
+      }
   }
   /**
@@ -4547,6 +4990,45 @@
               }
           }
       };
+      MtnaWfItemInjector.prototype.configureInjectedComponent = function () {
+          if (webFormTs.isDateItem(this.item) || webFormTs.isOffsetDateRangeItem(this.item)) {
+              var itemWithDateFormat = this.item;
+              var key = this.getInjectedComponentKey();
+              if (key && this.injectionService) {
+                  var injectedComponent = this.injectionService.getInjectedComponent(key);
+                  if (injectedComponent) {
+                      var componentFactory = this.componentFactoryResolver.resolveComponentFactory(injectedComponent.component);
+                      var compModule = componentFactory.ngModule;
+                      // TODO:
+                      var providers = [];
+                      var updatedMatDateFormats = {
+                          parse: {
+                              dateInput: itemWithDateFormat.format,
+                          },
+                          display: {
+                              dateInput: itemWithDateFormat.format,
+                              monthLabel: 'MMM',
+                              monthYearLabel: 'YYYY MMM',
+                              dateA11yLabel: 'LL',
+                              monthYearA11yLabel: 'MMMM YYYY', // Accessible month-year, e.g., "July 2025"
+                          },
+                      };
+                      providers.push({ provide: i3.MAT_DATE_FORMATS, useValue: updatedMatDateFormats });
+                      var componentRef = this.viewContainerRef.createComponent(componentFactory, undefined, providers.length > 0 ? i0.Injector.create({ providers: providers }) : this.injector, undefined, compModule);
+                      this.configureComponent(componentRef);
+                  }
+                  else {
+                      console.error('No injection component found for key [' + key + ']');
+                  }
+              }
+              else {
+                  console.warn('No key provided for injection');
+              }
+          }
+          else {
+              _super.prototype.configureInjectedComponent.call(this);
+          }
+      };
       MtnaWfItemInjector.prototype.getInjectedComponentKey = function () {
           if (this.item) {
               return this.item.itemId;
@@ -5865,7 +6347,7 @@
       }
       GetI18nStringValueFromLocalePipe.prototype.transform = function (displayLocale, i18nStrings) {
           var stringValue = '';
-          if (i18nStrings.length > 0 && coreTs.isPresent(displayLocale)) {
+          if (coreTs.isPresent(i18nStrings) && i18nStrings.length > 0 && coreTs.isPresent(displayLocale)) {
               var i18nString = i18nStrings.find(function (i18nSt) { return i18nSt.facetId === displayLocale; });
               if (i18nString) {
                   stringValue = i18nString.value ? i18nString.value : '';
@@ -6018,13 +6500,6 @@
           _this.API_URL = "" + _this.BASE_URL;
           _this.FORM_URL = _this.API_URL + "/form";
           _this.TEMPLATE_URL = _this.API_URL + "/template";
-          _this.NEW_TEMPLATE_URL = _this.TEMPLATE_URL + "/new";
-          _this.NEW_SECTION_URL = _this.TEMPLATE_URL + "/section";
-          _this.ITEMS_URL = _this.TEMPLATE_URL + "/items";
-          _this.ITEM_INSTANCE_URL = _this.TEMPLATE_URL + "/item";
-          _this.TEMPLATE_SAVE_URL = _this.TEMPLATE_URL + "/save";
-          _this.TEMPLATE_DELETE_URL = _this.TEMPLATE_URL + "/delete";
-          _this.ALL_TEMPLATES_URL = _this.API_URL + "/templates";
           return _this;
       }
       /**
@@ -6043,32 +6518,69 @@
       MtnaWfApiService.prototype.getRepeatableItem = function (templateId, itemTemplateId) {
           return this.http.get(this.FORM_URL + "/" + templateId + "/item/" + itemTemplateId);
       };
-      MtnaWfApiService.prototype.getNewTemplate = function () {
-          return this.http.get(this.NEW_TEMPLATE_URL);
-      };
-      MtnaWfApiService.prototype.getAllTemplates = function () {
-          return this.http.get(this.ALL_TEMPLATES_URL);
-      };
-      MtnaWfApiService.prototype.getNewSection = function () {
-          return this.http.get(this.NEW_SECTION_URL);
+      /**
+       * Get all of the user's currently defined {@link Template}s.
+       *
+       * @return the {@link Template}s that the user has access to.
+       */
+      MtnaWfApiService.prototype.getTemplates = function () {
+          return this.http.get(this.TEMPLATE_URL + "/list");
       };
-      MtnaWfApiService.prototype.getItems = function () {
-          return this.http.get(this.ITEMS_URL);
+      /**
+       * Creates a new Template
+       *
+       * @return the newly created template
+       */
+      MtnaWfApiService.prototype.createTemplate = function () {
+          return this.http.post("" + this.TEMPLATE_URL, undefined);
       };
-      MtnaWfApiService.prototype.getTemplateItem = function (id) {
-          return this.http.get(this.ITEM_INSTANCE_URL + "?id=" + id);
+      /**
+       * Get the specified {@link Template}.
+       *
+       * @param id the ID of the {@link Template} to retrieve
+       * @return the specified template.
+       */
+      MtnaWfApiService.prototype.getTemplate = function (id) {
+          return this.http.get(this.TEMPLATE_URL + "/" + id);
       };
-      MtnaWfApiService.prototype.saveTemplate = function () {
-          return this.http.get(this.TEMPLATE_SAVE_URL);
+      /**
+       * Updates the specified {@link Template} with the values provided in the
+       * {@link Template} POJO. This will not update child items, only the properties
+       * at the template level.
+       *
+       * @param id       the ID of the {@link Template} to update
+       * @param template the {@link Template} POJO to use to update the persisted
+       *                 resource
+       * @return the updated {@link Template}
+       */
+      MtnaWfApiService.prototype.updateTemplate = function (id, template) {
+          return this.http.post(this.TEMPLATE_URL + "/" + id, template);
       };
-      MtnaWfApiService.prototype.getDeleteTemplate = function () {
-          return this.http.get(this.TEMPLATE_DELETE_URL);
+      /**
+       * Deletes the specified {@link Template}
+       *
+       * @param id the ID of the {@link Template} to delete
+       */
+      MtnaWfApiService.prototype.deleteTemplate = function (id) {
+          return this.http.delete(this.TEMPLATE_URL + "/" + id);
       };
-      MtnaWfApiService.prototype.getTemplateInstance = function (template) {
-          return this.http.post(this.TEMPLATE_URL + "/convert", template);
+      /**
+       * Creates a new {@link Template} by copying an existing {@link Template}.
+       *
+       * @param id the ID of the {@link Template} to clone
+       * @return the newly cloned {@link Template}
+       */
+      MtnaWfApiService.prototype.copyTemplate = function (id) {
+          return this.http.post(this.TEMPLATE_URL + "/" + id + "/copy", undefined);
       };
-      MtnaWfApiService.prototype.getTemplateItemInstance = function (templateItem) {
-          return this.http.post(this.ITEM_INSTANCE_URL + "/convert", templateItem);
+      /**
+       * Gets a {@link Form} instance of the specified {@link Template}.
+       *
+       * @param id the ID of the {@link Template} to preview
+       * @return a form created from the template
+       */
+      MtnaWfApiService.prototype.previewTemplate = function (id) {
+          return this.http.get(this.TEMPLATE_URL + "/" + id + "/preview");
       };
       return MtnaWfApiService;
   }(i1$2.BaseUrlService));
@@ -8009,37 +8521,13 @@
           },
           set: function (value) {
               _super.prototype.item = value;
-              if (this.item.format) {
-                  this.configureDatePickerFormatter();
-              }
+              // if (this.item.format) {
+              //   this.configureDatePickerFormatter();
+              // }
           },
           enumerable: false,
           configurable: true
       });
-      MtnaWfDateComponent.prototype.ngAfterViewInit = function () {
-          this.configureDatePickerFormatter();
-      };
-      /**
-       * Manually change the parse and display formats of the date picker.
-       * @see https://github.com/angular/components/issues/8355#issuecomment-376783293
-       */
-      MtnaWfDateComponent.prototype.configureDatePickerFormatter = function () {
-          if (this.picker) {
-              var datepickerInput = this.picker.datepickerInput;
-              // @ts-ignore: access the private date formats on the date picker
-              var d = JSON.parse(JSON.stringify(datepickerInput._dateFormats));
-              // Convert the Java SimpleDateFormat to the moment equivalents using moment-jdateformatparser
-              var momentFormatString = moment().toMomentFormatString(this.item.format);
-              // Use the converted format for the date picker display
-              d.display.dateInput = momentFormatString;
-              // Use the converted format for the date picker parser (user input)
-              d.parse.dateInput = momentFormatString;
-              // @ts-ignore: set the updated date formats
-              datepickerInput._dateFormats = d;
-              // @ts-ignore: manually format the current value in the date picker
-              datepickerInput._formatValue(datepickerInput.value);
-          }
-      };
       return MtnaWfDateComponent;
   }(MtnaWfBaseValueItem));
   MtnaWfDateComponent.dateFormItemComponentInstances = 0;
@@ -8080,7 +8568,7 @@
           i1$2.MtnaHighlightModule,
           i6.ReactiveFormsModule,
           MtnaWfGetFormControlErrorPipeModule], exports: [MtnaWfDateComponent] });
-  MtnaWfDateModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateModule, providers: [{ provide: i3.MAT_DATE_FORMATS, useValue: CUSTOM_MAT_DATE_FORMAT }], imports: [[
+  MtnaWfDateModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateModule, imports: [[
               i3$1.CommonModule,
               i6.FormsModule,
               i1$8.MatFormFieldModule,
@@ -8107,7 +8595,6 @@
                       ],
                       declarations: [MtnaWfDateComponent],
                       exports: [MtnaWfDateComponent],
-                      providers: [{ provide: i3.MAT_DATE_FORMATS, useValue: CUSTOM_MAT_DATE_FORMAT }],
                   }]
           }] });
@@ -9260,7 +9747,7 @@
       return MtnaWfYearQuarterComponent;
   }(MtnaWfBaseValueItem));
   MtnaWfYearQuarterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: MTNA_WF_DEFAULT_YEAR_RANGE, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfYearQuarterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfYearQuarterComponent, selector: "mtna-wf-year-quarter-item", host: { properties: { "class.mtna-wf-year-quarter-item": "this.yearQuarterItemClass" } }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<div\n  *ngIf=\"control\"\n  class=\"year-quarter-container\"\n  fxLayout=\"row\"\n  fxLayoutGap=\"8px\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <mat-form-field>\n    <mat-select [formControl]=\"_yearControl\" aria-label=\"Year Selection\" i18n-aria-label>\n      <mat-option *ngFor=\"let year of _yearSelection\" [value]=\"year\">{{ year }}</mat-option>\n    </mat-select>\n    <mat-error *ngFor=\"let error of control.errors | keyvalue\">\n      {{ error | mtnaWfGetControlError : item }}\n    </mat-error>\n  </mat-form-field>\n\n  <mat-form-field>\n    <mat-select [formControl]=\"_quarterControl\" aria-label=\"Quarter Selection\" i18n-aria-label>\n      <mat-option i18n>None</mat-option>\n      <mat-option *ngFor=\"let quarter of _yearControl.value | mtnaWfGetQuarters : componentRangeLimits\" [value]=\"quarter\">{{\n        $any(quarter) | mtnaWfDateQuarter : 'short'\n      }}</mat-option>\n    </mat-select>\n    <mat-error *ngFor=\"let error of control.errors | keyvalue\">\n      {{ error | mtnaWfGetControlError : item }}\n    </mat-error>\n  </mat-form-field>\n</div>\n", styles: ["mtna-wf-year-quarter-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-year-quarter-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-year-quarter-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-year-quarter-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-year-quarter-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}mtna-wf-year-quarter-item.mtna-wf-year-quarter-item .year-quarter-container>.mat-form-field{max-width:75px}mtna-wf-year-quarter-item.mtna-wf-year-quarter-item .year-quarter-container>.mat-form-field:first-of-type{margin-right:8px}\n"], components: [{ type: i1__namespace$5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2__namespace$4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3__namespace$3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$5.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe, "mtnaWfGetQuarters": MtnaWfGetAvailableQuartersPipe, "mtnaWfDateQuarter": MtnaWfDateQuarterPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfYearQuarterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfYearQuarterComponent, selector: "mtna-wf-year-quarter-item", host: { properties: { "class.mtna-wf-year-quarter-item": "this.yearQuarterItemClass" } }, usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngTemplateOutlet=\"header\"></ng-container>\n<div\n  *ngIf=\"control\"\n  class=\"year-quarter-container\"\n  fxLayout=\"row\"\n  fxLayoutGap=\"8px\"\n  [mtnaHighlight]=\"indicatorStatus === 'ACTIVE' && !hasItemHeader\"\n>\n  <mat-form-field>\n    <mat-select [formControl]=\"_yearControl\" aria-label=\"Year Selection\" i18n-aria-label>\n      <mat-option *ngFor=\"let year of _yearSelection\" [value]=\"year\">{{ year }}</mat-option>\n    </mat-select>\n    <mat-error *ngFor=\"let error of control.errors | keyvalue\">\n      {{ error | mtnaWfGetControlError : item }}\n    </mat-error>\n  </mat-form-field>\n\n  <mat-form-field>\n    <mat-select [formControl]=\"_quarterControl\" aria-label=\"Quarter Selection\" i18n-aria-label>\n      <mat-option i18n>None</mat-option>\n      <mat-option *ngFor=\"let quarter of _yearControl.value | mtnaWfGetQuarters : componentRangeLimits\" [value]=\"quarter\">{{\n        $any(quarter) | mtnaWfDateQuarter : 'short'\n      }}</mat-option>\n    </mat-select>\n    <mat-error *ngFor=\"let error of control.errors | keyvalue\">\n      {{ error | mtnaWfGetControlError : item }}\n    </mat-error>\n  </mat-form-field>\n</div>\n", styles: ["mtna-wf-year-quarter-item.mtna-wf-control-item .mat-form-field{width:100%}mtna-wf-year-quarter-item.mtna-wf-control-item .mtna-wf-error-container{font-size:75%;line-height:1;min-height:1em;margin-top:-.75rem}mtna-wf-year-quarter-item.mtna-wf-control-item .control-item-content{padding:.35em .75em .625em}mtna-wf-year-quarter-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list){padding-left:.75em}mtna-wf-year-quarter-item.mtna-wf-control-item .mtna-wf-item-header~:not(.mtna-wf-error-container):not(.mat-list).mat-form-field{width:calc(100% - .75em)}mtna-wf-year-quarter-item.mtna-wf-year-quarter-item .year-quarter-container>.mat-form-field{max-width:75px}mtna-wf-year-quarter-item.mtna-wf-year-quarter-item .year-quarter-container>.mat-form-field:first-of-type{margin-right:8px}mtna-wf-year-quarter-item .mat-select{min-width:60px}\n"], components: [{ type: i1__namespace$5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2__namespace$4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3__namespace$3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i1__namespace$1.MtnaHighlightDirective, selector: "[mtnaHighlight]", inputs: ["mtnaHighlight", "mtnaHighlightColor"], exportAs: ["mtnaHighlight"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$5.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "keyvalue": i3__namespace.KeyValuePipe, "mtnaWfGetControlError": MtnaWfGetFormControlErrorPipe, "mtnaWfGetQuarters": MtnaWfGetAvailableQuartersPipe, "mtnaWfDateQuarter": MtnaWfDateQuarterPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -10090,10 +10577,6 @@
                   type: i0.Input
               }] } });
-  function instanceOfStepAware(something) {
-      return (coreTs.isType(something, 'step') && (something.step === null || something.step === undefined || instanceOfFormStep(something.step)));
-  }
   var MtnaWfTemplateItemInjector = /** @class */ (function (_super) {
       __extends(MtnaWfTemplateItemInjector, _super);
       function MtnaWfTemplateItemInjector(injector, cfr, vcr, injectionService) {
@@ -10186,10 +10669,54 @@
           if (this.wfTemplateItemComponent instanceof MtnaWfBaseTemplateItemWithListComponent) {
               this.wfTemplateItemComponent.inList = this.inList;
           }
-          if (instanceOfStepAware(this.wfTemplateItemComponent)) {
+          // Cannot use the instanceOfStepAware type guard here because:
+          // - At the time "const instance = componentRef.instance" runs angular has just created the component but the @Input step has not been set yet.
+          // - The isType part of the instanceOfStepAware check relies on the component already having a step property, which is not the case at this point, so it always returns false.
+          // - This is a timing issue in Angular's component lifecycle, where the component instance exists but its inputs have not been initialized yet.
+          // As a workaround, we can check for the presence of the 'step' property directly on the component instance, which is a more reliable way to determine if it is StepAware at this point in the lifecycle.
+          if ('step' in this.wfTemplateItemComponent) {
               this.wfTemplateItemComponent.step = this.step;
           }
       };
+      MtnaWfTemplateItemInjector.prototype.configureInjectedComponent = function () {
+          if (webFormTs.instanceOfDateItemTemplate(this.template) || webFormTs.instanceOfOffsetDateRangeTemplate(this.template)) {
+              var templateWithDateFormat = this.template;
+              var key = this.getInjectedComponentKey();
+              if (key && this.injectionService) {
+                  var injectedComponent = this.injectionService.getInjectedComponent(key);
+                  if (injectedComponent) {
+                      var componentFactory = this.componentFactoryResolver.resolveComponentFactory(injectedComponent.component);
+                      var compModule = componentFactory.ngModule;
+                      // TODO:
+                      var providers = [];
+                      var updatedMatDateFormats = {
+                          parse: {
+                              dateInput: templateWithDateFormat.format,
+                          },
+                          display: {
+                              dateInput: templateWithDateFormat.format,
+                              monthLabel: 'MMM',
+                              monthYearLabel: 'YYYY MMM',
+                              dateA11yLabel: 'LL',
+                              monthYearA11yLabel: 'MMMM YYYY', // Accessible month-year, e.g., "July 2025"
+                          },
+                      };
+                      providers.push({ provide: i3.MAT_DATE_FORMATS, useValue: updatedMatDateFormats });
+                      var componentRef = this.viewContainerRef.createComponent(componentFactory, undefined, providers.length > 0 ? i0.Injector.create({ providers: providers }) : this.injector, undefined, compModule);
+                      this.configureComponent(componentRef);
+                  }
+                  else {
+                      console.error('No injection component found for key [' + key + ']');
+                  }
+              }
+              else {
+                  console.warn('No key provided for injection');
+              }
+          }
+          else {
+              _super.prototype.configureInjectedComponent.call(this);
+          }
+      };
       MtnaWfTemplateItemInjector.prototype.getInjectedComponentKey = function () {
           if (this.template) {
               return this.template.itemId;
@@ -10235,6 +10762,7 @@
           this._displayLocale = 'en';
           this._inList = false;
           this._isCompact = false;
+          this.isTemplateSection = false;
       }
       Object.defineProperty(MtnaWfTemplateItemComponent.prototype, "displayLocale", {
           get: function () {
@@ -10293,6 +10821,9 @@
               if (webFormTs.isConditionalItem(template)) {
                   this.condition = template.condition;
               }
+              if (webFormTs.instanceOfTemplateSectionImpl(template)) {
+                  this.isTemplateSection = true;
+              }
           },
           enumerable: false,
           configurable: true
@@ -10300,7 +10831,7 @@
       return MtnaWfTemplateItemComponent;
   }());
   MtnaWfTemplateItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTemplateItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfTemplateItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: { displayLocale: "displayLocale", inList: "inList", isCompact: "isCompact", step: "step", template: "template", color: "color" }, ngImport: i0__namespace, template: "<mtna-annotations-indicator\n  *ngIf=\"template.annotationEnabled\"\n  [annotatableId]=\"template.annotatableId\"\n  color=\"primary\"\n></mtna-annotations-indicator>\n\n<mtna-wf-template-item-header\n  *ngIf=\"template.questionText.length > 0 || template.descriptiveText.length > 0\"\n  [descriptiveText]=\"template.descriptiveText\"\n  [displayLocale]=\"displayLocale\"\n  [questionText]=\"template.questionText\"\n  [required]=\"template.required\"\n></mtna-wf-template-item-header>\n\n<mtna-wf-template-item-injector\n  [color]=\"color\"\n  [displayLocale]=\"displayLocale\"\n  [inList]=\"inList\"\n  [isCompact]=\"isCompact\"\n  [template]=\"template\"\n  [step]=\"step\"\n></mtna-wf-template-item-injector>\n\n<ng-container *ngIf=\"condition\"> </ng-container>\n", styles: ["mtna-wf-template-item{display:block;position:relative}mtna-wf-template-item mtna-annotations-indicator{position:absolute;top:0;right:0;z-index:2}mtna-wf-template-item mtna-wf-template-item-header+.template-item-group-container{padding:.35em .75em .625em}mtna-wf-template-item mtna-wf-template-item-header+.template-item-group-container>mtna-wf-template-item{margin-top:0}mtna-wf-template-item mtna-annotations-indicator+mtna-wf-template-item-header+mtna-wf-template-item+mtna-wf-boolean-template-item,mtna-wf-template-item mtna-annotations-indicator+mtna-wf-template-item-header+mtna-wf-template-item+mtna-wf-template-item-group,mtna-wf-template-item mtna-annotations-indicator+mtna-wf-template-item-header+mtna-wf-template-item+mtna-wf-ordered-list-item-template,mtna-wf-template-item mtna-annotations-indicator+mtna-wf-template-item-header+mtna-wf-template-item+mtna-wf-text-item-template,mtna-wf-template-item mtna-annotations-indicator+mtna-wf-template-item-header+mtna-wf-template-item+mtna-wf-title-item-template,mtna-wf-template-item mtna-annotations-indicator+mtna-wf-template-item-header+mtna-wf-template-item+mtna-wf-unordered-list-item-template{padding-right:24px}\n"], components: [{ type: i2__namespace.MtnaAnnotationsIndicatorComponent, selector: "mtna-annotations-indicator", inputs: ["color", "annotatableId", "annotatableItemName", "count"], outputs: ["status"] }, { type: MtnaWfTemplateItemHeaderComponent, selector: "mtna-wf-template-item-header", inputs: ["descriptiveText", "disabled", "displayLocale", "required", "questionText"] }, { type: MtnaWfTemplateItemInjector, selector: "mtna-wf-template-item-injector", inputs: ["displayLocale", "inList", "isCompact", "readonly", "step", "template", "color"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfTemplateItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: { displayLocale: "displayLocale", inList: "inList", isCompact: "isCompact", step: "step", template: "template", color: "color" }, ngImport: i0__namespace, template: "<mtna-annotations-indicator\n  *ngIf=\"template.annotationEnabled\"\n  [annotatableId]=\"template.annotatableId\"\n  color=\"primary\"\n></mtna-annotations-indicator>\n\n<mtna-wf-template-item-header\n  *ngIf=\"\n    !isTemplateSection &&\n    ((template.questionText && template.questionText.length > 0) || (template.descriptiveText && template.descriptiveText.length > 0))\n  \"\n  [descriptiveText]=\"template.descriptiveText ?? []\"\n  [displayLocale]=\"displayLocale\"\n  [questionText]=\"template.questionText ?? []\"\n  [required]=\"template.required\"\n></mtna-wf-template-item-header>\n\n<mtna-wf-template-item-injector\n  [color]=\"color\"\n  [displayLocale]=\"displayLocale\"\n  [inList]=\"inList\"\n  [isCompact]=\"isCompact\"\n  [template]=\"template\"\n  [step]=\"step\"\n></mtna-wf-template-item-injector>\n\n<ng-container *ngIf=\"condition\"> </ng-container>\n", styles: ["mtna-wf-template-item{display:block;position:relative}mtna-wf-template-item mtna-annotations-indicator{position:absolute;top:0;right:0;z-index:2}mtna-wf-template-item mtna-wf-template-item-header+.template-item-group-container{padding:.35em .75em .625em}mtna-wf-template-item mtna-wf-template-item-header+.template-item-group-container>mtna-wf-template-item{margin-top:0}mtna-wf-template-item mtna-annotations-indicator+mtna-wf-template-item-header+mtna-wf-template-item+mtna-wf-boolean-template-item,mtna-wf-template-item mtna-annotations-indicator+mtna-wf-template-item-header+mtna-wf-template-item+mtna-wf-template-item-group,mtna-wf-template-item mtna-annotations-indicator+mtna-wf-template-item-header+mtna-wf-template-item+mtna-wf-ordered-list-item-template,mtna-wf-template-item mtna-annotations-indicator+mtna-wf-template-item-header+mtna-wf-template-item+mtna-wf-text-item-template,mtna-wf-template-item mtna-annotations-indicator+mtna-wf-template-item-header+mtna-wf-template-item+mtna-wf-title-item-template,mtna-wf-template-item mtna-annotations-indicator+mtna-wf-template-item-header+mtna-wf-template-item+mtna-wf-unordered-list-item-template{padding-right:24px}\n"], components: [{ type: i2__namespace.MtnaAnnotationsIndicatorComponent, selector: "mtna-annotations-indicator", inputs: ["color", "annotatableId", "annotatableItemName", "count"], outputs: ["status"] }, { type: MtnaWfTemplateItemHeaderComponent, selector: "mtna-wf-template-item-header", inputs: ["descriptiveText", "disabled", "displayLocale", "required", "questionText"] }, { type: MtnaWfTemplateItemInjector, selector: "mtna-wf-template-item-injector", inputs: ["displayLocale", "inList", "isCompact", "readonly", "step", "template", "color"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTemplateItemComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -10505,31 +11036,6 @@
           }
           return _this;
       }
-      MtnaWfDateItemTemplateComponent.prototype.ngAfterViewInit = function () {
-          this.configureDatePickerFormatter();
-      };
-      /**
-       * Manually change the parse and display formats of the date picker.
-       * @see https://github.com/angular/components/issues/8355#issuecomment-376783293
-       */
-      MtnaWfDateItemTemplateComponent.prototype.configureDatePickerFormatter = function () {
-          var _a;
-          if (this.picker) {
-              var datepickerInput = this.picker.datepickerInput;
-              // @ts-ignore: access the private date formats on the date picker
-              var d = JSON.parse(JSON.stringify(datepickerInput._dateFormats));
-              // Convert the Java SimpleDateFormat to the moment equivalents using moment-jdateformatparser
-              var momentFormatString = moment().toMomentFormatString((_a = this.template) === null || _a === void 0 ? void 0 : _a.format);
-              // Use the converted format for the date picker display
-              d.display.dateInput = momentFormatString;
-              // Use the converted format for the date picker parser (user input)
-              d.parse.dateInput = momentFormatString;
-              // @ts-ignore: set the updated date formats
-              datepickerInput._dateFormats = d;
-              // @ts-ignore: manually format the current value in the date picker
-              datepickerInput._formatValue(datepickerInput.value);
-          }
-      };
       return MtnaWfDateItemTemplateComponent;
   }(MtnaWfBaseTemplateItemComponent));
   MtnaWfDateItemTemplateComponent.dateFormItemTemplateComponentInstances = 0;
@@ -10615,7 +11121,7 @@
           materialMomentAdapter.MatMomentDateModule,
           i6.ReactiveFormsModule,
           GetI18nStringValueFromLocalePipeModule], exports: [MtnaWfDateItemTemplateComponent] });
-  MtnaWfDateItemTemplateModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateItemTemplateModule, providers: [{ provide: i3.MAT_DATE_FORMATS, useValue: CUSTOM_MAT_DATE_FORMAT }], imports: [[
+  MtnaWfDateItemTemplateModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDateItemTemplateModule, imports: [[
               i3$1.CommonModule,
               i6.FormsModule,
               i1$8.MatFormFieldModule,
@@ -10640,7 +11146,6 @@
                       ],
                       declarations: [MtnaWfDateItemTemplateComponent],
                       exports: [MtnaWfDateItemTemplateComponent],
-                      providers: [{ provide: i3.MAT_DATE_FORMATS, useValue: CUSTOM_MAT_DATE_FORMAT }],
                   }]
           }] });
@@ -10670,35 +11175,130 @@
       __extends(MtnaWfYearQuarterItemTemplateComponent, _super);
       function MtnaWfYearQuarterItemTemplateComponent(defaultYearRange) {
           var _this = _super.call(this) || this;
+          _this._readonly = false;
+          _this._containingControl = new i6.FormControl();
           _this._quarterControl = new i6.FormControl();
           _this._yearControl = new i6.FormControl();
           _this._yearSelection = new Array();
+          _this.destroyObs = new rxjs.Subject();
           _this.defaultYearRange = { numFutureYears: 25, numPastYears: 25 };
+          /**
+           * Sets the quarter value to `null` if the year & quarter is out of bounds of the range limits.
+           * Otherwise, returns original value
+           *
+           * @param value `[number, number]` The selected [year, quarter] value
+           * @returns `[number, number]` The original [year, quarter] value OR [year, null]
+           */
+          _this.withinRangeLimits = function (_e) {
+              var _f = __read(_e, 2), year = _f[0], quarter = _f[1];
+              var _a, _b;
+              var beyondUpperLimit =
+              // year matches end year range limit
+              year === ((_a = _this.componentRangeLimits) === null || _a === void 0 ? void 0 : _a.end.year) &&
+                  // quarter limit was provided
+                  coreTs.isPresent(_this.componentRangeLimits.end.quarter) &&
+                  // selected quarter is beyond quarter limit
+                  quarter > _this.componentRangeLimits.end.quarter;
+              var beyondLowerLimit =
+              // year matches start year range limit
+              year === ((_b = _this.componentRangeLimits) === null || _b === void 0 ? void 0 : _b.start.year) &&
+                  // quarter limit was provided
+                  coreTs.isPresent(_this.componentRangeLimits.start.quarter) &&
+                  // selected quarter is beyond quarter limit
+                  quarter < _this.componentRangeLimits.start.quarter;
+              if (beyondLowerLimit || beyondUpperLimit) {
+                  _this._quarterControl.setValue(null, { emitEvent: false });
+                  return [year, null];
+              }
+              return [year, quarter];
+          };
           _this.defaultYearRange = defaultYearRange || _this.defaultYearRange;
           return _this;
       }
+      Object.defineProperty(MtnaWfYearQuarterItemTemplateComponent.prototype, "readonly", {
+          get: function () {
+              return this._readonly;
+          },
+          set: function (value) {
+              this._readonly = value;
+          },
+          enumerable: false,
+          configurable: true
+      });
       Object.defineProperty(MtnaWfYearQuarterItemTemplateComponent.prototype, "yearQuarterRange", {
-          // @Input()
-          // get readonly(): boolean {
-          //   return this._readonly;
-          // }
-          // set readonly(value: boolean) {
-          //   this._readonly = value;
-          // }
-          // private _readonly = false;
           get: function () {
               return this._yearQuarterRange;
           },
           set: function (value) {
               this._yearQuarterRange = value;
+              this.componentRangeLimits = value;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(MtnaWfYearQuarterItemTemplateComponent.prototype, "isReadOnly", {
+          get: function () {
+              return this._readonly;
           },
           enumerable: false,
           configurable: true
       });
+      MtnaWfYearQuarterItemTemplateComponent.prototype.ngAfterViewInit = function () {
+          var _this = this;
+          if (!this.readonly) {
+              // Observe Year & Quarter value changes && set them on the item's control
+              rxjs.merge(this._yearControl.valueChanges, this._quarterControl.valueChanges)
+                  .pipe(operators.takeUntil(this.destroyObs))
+                  .subscribe(function () {
+                  var _a, _b, _c, _d;
+                  if (!((_a = _this._containingControl) === null || _a === void 0 ? void 0 : _a.dirty) && (_this._yearControl.dirty || _this._quarterControl.dirty)) {
+                      (_b = _this._containingControl) === null || _b === void 0 ? void 0 : _b.markAsDirty();
+                      (_c = _this._containingControl) === null || _c === void 0 ? void 0 : _c.markAsTouched();
+                  }
+                  if (coreTs.isPresent(_this._yearControl.value)) {
+                      var _e = __read(_this.withinRangeLimits([_this._yearControl.value, _this._quarterControl.value]), 2), year = _e[0], quarter = _e[1];
+                      (_d = _this._containingControl) === null || _d === void 0 ? void 0 : _d.setValue({ year: year, quarter: quarter });
+                  }
+              });
+          }
+      };
+      MtnaWfYearQuarterItemTemplateComponent.prototype.ngOnDestroy = function () {
+          this.destroyObs.next();
+          this.destroyObs.complete();
+      };
+      MtnaWfYearQuarterItemTemplateComponent.prototype.ngOnInit = function () {
+          var _a, _b, _c;
+          // Set any initial value onto the Year & Quarter controls
+          this._yearControl.setValue(((_a = this._containingControl) === null || _a === void 0 ? void 0 : _a.value) ? this._containingControl.value.year : null);
+          this._quarterControl.setValue(((_b = this._containingControl) === null || _b === void 0 ? void 0 : _b.value) ? this._containingControl.value.quarter : null);
+          // Create range limits if none exist
+          if (!this.componentRangeLimits) {
+              var thisYear = new Date().getFullYear();
+              this.componentRangeLimits = {
+                  start: {
+                      year: thisYear - this.defaultYearRange.numPastYears,
+                      quarter: null,
+                  },
+                  end: {
+                      year: thisYear + this.defaultYearRange.numFutureYears,
+                      quarter: null,
+                  },
+              };
+          }
+          // Populate the year selection
+          for (var i = this.componentRangeLimits.start.year || 0; i <= (this.componentRangeLimits.end.year || 0); i++) {
+              this._yearSelection.push(i);
+          }
+          if (this.readonly) {
+              (_c = this._containingControl) === null || _c === void 0 ? void 0 : _c.disable();
+              this._quarterControl.disable();
+              this._yearControl.disable();
+          }
+      };
       return MtnaWfYearQuarterItemTemplateComponent;
   }(_BaseMtnaWfYearQuarterItemTemplate));
   MtnaWfYearQuarterItemTemplateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterItemTemplateComponent, deps: [{ token: MTNA_WF_DEFAULT_YEAR_RANGE, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfYearQuarterItemTemplateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfYearQuarterItemTemplateComponent, selector: "mtna-wf-year-quarter-item-template", inputs: { yearQuarterRange: "yearQuarterRange" }, usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"year-quarter-container\" fxLayout=\"row\" fxLayoutGap=\"8px\">\n  <mat-form-field>\n    <mat-select [formControl]=\"_yearControl\" aria-label=\"Year Selection\" i18n-aria-label>\n      <mat-option *ngFor=\"let year of _yearSelection\" [value]=\"year\">{{ year }}</mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-form-field>\n    <mat-select [formControl]=\"_quarterControl\" aria-label=\"Quarter Selection\" i18n-aria-label>\n      <mat-option i18n>None</mat-option>\n      <mat-option *ngFor=\"let quarter of _yearControl.value | mtnaWfGetQuarters : componentRangeLimits\" [value]=\"quarter\">{{\n        $any(quarter) | mtnaWfDateQuarter : 'short'\n      }}</mat-option>\n    </mat-select>\n  </mat-form-field>\n</div>\n", styles: ["mtna-wf-year-quarter-item-template.mtna-wf-template-control-item .mat-form-field{width:100%}mtna-wf-year-quarter-item-template.mtna-wf-template-control-item .template-control-item-content{padding:.35em .75em .625em}mtna-wf-year-quarter-item-template.mtna-wf-template-control-item mtna-wf-template-item-header~.mtna-wf-template-control-item:not(.mat-list):not(mtna-wf-template-item-injector){padding-left:.75em}mtna-wf-year-quarter-item-template.mtna-wf-template-control-item mtna-wf-template-item-header~.mtna-wf-template-control-item:not(.mat-list):not(mtna-wf-template-item-injector).mat-form-field{width:calc(100% - .75em)}mtna-wf-year-quarter-item-template .year-quarter-container>.mat-form-field{max-width:75px}mtna-wf-year-quarter-item-template .year-quarter-container>.mat-form-field:first-of-type{margin-right:8px}\n"], components: [{ type: i1__namespace$5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2__namespace$4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3__namespace$3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i3__namespace$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "mtnaWfGetQuarters": MtnaWfGetAvailableQuartersPipe, "mtnaWfDateQuarter": MtnaWfDateQuarterPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfYearQuarterItemTemplateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfYearQuarterItemTemplateComponent, selector: "mtna-wf-year-quarter-item-template", inputs: { readonly: "readonly", yearQuarterRange: "yearQuarterRange" }, host: { properties: { "class.read-only": "this.isReadOnly" } }, usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"year-quarter-container\" fxLayout=\"row\" fxLayoutGap=\"8px\">\n  <mat-form-field>\n    <mat-select [formControl]=\"_yearControl\" aria-label=\"Year Selection\" i18n-aria-label>\n      <mat-option *ngFor=\"let year of _yearSelection\" [value]=\"year\">{{ year }}</mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-form-field>\n    <mat-select [formControl]=\"_quarterControl\" aria-label=\"Quarter Selection\" i18n-aria-label>\n      <mat-option i18n>None</mat-option>\n      <mat-option *ngFor=\"let quarter of _yearControl.value | mtnaWfGetQuarters : componentRangeLimits\" [value]=\"quarter\">{{\n        $any(quarter) | mtnaWfDateQuarter : 'short'\n      }}</mat-option>\n    </mat-select>\n  </mat-form-field>\n</div>\n", styles: ["mtna-wf-year-quarter-item-template.mtna-wf-template-control-item .mat-form-field{width:100%}mtna-wf-year-quarter-item-template.mtna-wf-template-control-item .template-control-item-content{padding:.35em .75em .625em}mtna-wf-year-quarter-item-template.mtna-wf-template-control-item mtna-wf-template-item-header~.mtna-wf-template-control-item:not(.mat-list):not(mtna-wf-template-item-injector){padding-left:.75em}mtna-wf-year-quarter-item-template.mtna-wf-template-control-item mtna-wf-template-item-header~.mtna-wf-template-control-item:not(.mat-list):not(mtna-wf-template-item-injector).mat-form-field{width:calc(100% - .75em)}mtna-wf-year-quarter-item-template .year-quarter-container>.mat-form-field{max-width:75px}mtna-wf-year-quarter-item-template .year-quarter-container>.mat-form-field:first-of-type{margin-right:8px}mtna-wf-year-quarter-item-template .mat-select{min-width:60px}\n"], components: [{ type: i1__namespace$5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2__namespace$4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3__namespace$3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i3__namespace$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i6__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "mtnaWfGetQuarters": MtnaWfGetAvailableQuartersPipe, "mtnaWfDateQuarter": MtnaWfDateQuarterPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterItemTemplateComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -10715,8 +11315,13 @@
                           type: i0.Inject,
                           args: [MTNA_WF_DEFAULT_YEAR_RANGE]
                       }] }];
-      }, propDecorators: { yearQuarterRange: [{
+      }, propDecorators: { readonly: [{
                   type: i0.Input
+              }], yearQuarterRange: [{
+                  type: i0.Input
+              }], isReadOnly: [{
+                  type: i0.HostBinding,
+                  args: ['class.read-only']
               }] } });
   var MtnaWfYearQuarterItemTemplateModule = /** @class */ (function () {
@@ -10766,10 +11371,23 @@
       function MtnaWfYearQuarterRangeItemTemplateComponent() {
           return _super !== null && _super.apply(this, arguments) || this;
       }
+      Object.defineProperty(MtnaWfYearQuarterRangeItemTemplateComponent.prototype, "template", {
+          get: function () {
+              return _super.prototype.template;
+          },
+          set: function (template) {
+              _super.prototype.template = template;
+              // Create fake items for the underlying date-item component
+              this._startItem = Object.assign(Object.assign({}, template), { value: undefined });
+              this._endItem = Object.assign(Object.assign({}, template), { value: undefined });
+          },
+          enumerable: false,
+          configurable: true
+      });
       return MtnaWfYearQuarterRangeItemTemplateComponent;
   }(MtnaWfBaseTemplateItemComponent));
   MtnaWfYearQuarterRangeItemTemplateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterRangeItemTemplateComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfYearQuarterRangeItemTemplateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfYearQuarterRangeItemTemplateComponent, selector: "mtna-wf-year-quarter-range-template", usesInheritance: true, ngImport: i0__namespace, template: "<div *ngIf=\"template\" class=\"range-item-container\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n  <mtna-wf-year-quarter-item-template [yearQuarterRange]=\"template.rangeLimits\"></mtna-wf-year-quarter-item-template>\n  <span fxFlex=\"14px\">to</span>\n  <mtna-wf-year-quarter-item-template [yearQuarterRange]=\"template.rangeLimits\"></mtna-wf-year-quarter-item-template>\n</div>\n", styles: ["mtna-wf-year-quarter-range-template.mtna-wf-template-control-item .mat-form-field{width:100%}mtna-wf-year-quarter-range-template.mtna-wf-template-control-item .template-control-item-content{padding:.35em .75em .625em}mtna-wf-year-quarter-range-template.mtna-wf-template-control-item mtna-wf-template-item-header~.mtna-wf-template-control-item:not(.mat-list):not(mtna-wf-template-item-injector){padding-left:.75em}mtna-wf-year-quarter-range-template.mtna-wf-template-control-item mtna-wf-template-item-header~.mtna-wf-template-control-item:not(.mat-list):not(mtna-wf-template-item-injector).mat-form-field{width:calc(100% - .75em)}\n"], components: [{ type: MtnaWfYearQuarterItemTemplateComponent, selector: "mtna-wf-year-quarter-item-template", inputs: ["yearQuarterRange"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3__namespace$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i3__namespace$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfYearQuarterRangeItemTemplateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfYearQuarterRangeItemTemplateComponent, selector: "mtna-wf-year-quarter-range-template", usesInheritance: true, ngImport: i0__namespace, template: "<div *ngIf=\"template\" class=\"range-item-container\" fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"8px\">\n  <mtna-wf-year-quarter-item-template [yearQuarterRange]=\"_startItem.rangeLimits\"></mtna-wf-year-quarter-item-template>\n  <span fxFlex=\"14px\">to</span>\n  <mtna-wf-year-quarter-item-template [yearQuarterRange]=\"_endItem.rangeLimits\"></mtna-wf-year-quarter-item-template>\n</div>\n", styles: ["mtna-wf-year-quarter-range-template.mtna-wf-template-control-item .mat-form-field{width:100%}mtna-wf-year-quarter-range-template.mtna-wf-template-control-item .template-control-item-content{padding:.35em .75em .625em}mtna-wf-year-quarter-range-template.mtna-wf-template-control-item mtna-wf-template-item-header~.mtna-wf-template-control-item:not(.mat-list):not(mtna-wf-template-item-injector){padding-left:.75em}mtna-wf-year-quarter-range-template.mtna-wf-template-control-item mtna-wf-template-item-header~.mtna-wf-template-control-item:not(.mat-list):not(mtna-wf-template-item-injector).mat-form-field{width:calc(100% - .75em)}\n"], components: [{ type: MtnaWfYearQuarterItemTemplateComponent, selector: "mtna-wf-year-quarter-item-template", inputs: ["readonly", "yearQuarterRange"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3__namespace$2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3__namespace$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i3__namespace$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfYearQuarterRangeItemTemplateComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -10808,7 +11426,7 @@
       return MtnaWfDecimalAnswerItemTemplateComponent;
   }(MtnaWfBaseTemplateOptionItemComponent));
   MtnaWfDecimalAnswerItemTemplateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDecimalAnswerItemTemplateComponent, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfDecimalAnswerItemTemplateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfDecimalAnswerItemTemplateComponent, selector: "mtna-wf-decimal-answer-item-template", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"template\">\n  <mat-form-field>\n    <input\n      matInput\n      [autocomplete]=\"(displayLocale | getI18nStringValueFromLocale : template.label) || template.name | mtnaWfGetAutoComplete\"\n      [required]=\"template.required\"\n    />\n  </mat-form-field>\n\n  <ng-template #fullList>\n    <mat-list>\n      <ng-container *ngTemplateOutlet=\"listItem\"></ng-container>\n    </mat-list>\n  </ng-template>\n\n  <ng-template #listItem>\n    <ng-template #listItem>\n      <mat-list-item class=\"wrappable-list-item\">\n        <!-- <mat-icon *ngIf=\"displayLocale | getI18nStringValueFromLocale : template.label as label\" matListIcon>{{\n          label | mtnaWfGetListIcon\n        }}</mat-icon> -->\n        <ng-container *ngIf=\"displayLocale | getI18nStringValueFromLocale : template.questionText as questionText\">\n          <ng-container *ngIf=\"questionText !== ''\">\n            <ng-container *ngIf=\"displayLocale | getI18nStringValueFromLocale : template.label as tempLabel\">\n              <h4 mat-line>{{ tempLabel !== '' ? tempLabel : template.name }}</h4>\n            </ng-container>\n          </ng-container>\n        </ng-container>\n        <p mat-line class=\"wrap-line\">{{ _noInformationText }}</p>\n      </mat-list-item>\n    </ng-template>\n  </ng-template>\n</ng-container>\n", styles: ["mtna-wf-decimal-answer-item-template .mat-list-base .mat-list-item,mtna-wf-decimal-answer-item-template .mat-list-base .mat-list-item.mat-list-item-with-avatar{height:auto;padding:12px 0}mtna-wf-decimal-answer-item-template .mat-list-base .mat-list-item.mat-2-line,mtna-wf-decimal-answer-item-template .mat-list-base .mat-list-item.mat-2-line.mat-list-item-with-avatar{padding:18.5px 0}mtna-wf-decimal-answer-item-template .mat-list-base .mat-list-item .mat-line{white-space:normal;overflow:unset;text-overflow:unset}\n"], components: [{ type: i1__namespace$5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2__namespace$5.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i2__namespace$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace$3.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "mtnaWfGetAutoComplete": MtnaWfGetAutoCompletePipe, "getI18nStringValueFromLocale": GetI18nStringValueFromLocalePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfDecimalAnswerItemTemplateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfDecimalAnswerItemTemplateComponent, selector: "mtna-wf-decimal-answer-item-template", usesInheritance: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"template\">\n  <mat-form-field>\n    <mat-label>{{ displayLocale | getI18nStringValueFromLocale : template.label }}</mat-label>\n    <input\n      matInput\n      [autocomplete]=\"(displayLocale | getI18nStringValueFromLocale : template.label) || template.name | mtnaWfGetAutoComplete\"\n      [required]=\"template.required\"\n    />\n  </mat-form-field>\n\n  <ng-template #fullList>\n    <mat-list>\n      <ng-container *ngTemplateOutlet=\"listItem\"></ng-container>\n    </mat-list>\n  </ng-template>\n\n  <ng-template #listItem>\n    <ng-template #listItem>\n      <mat-list-item class=\"wrappable-list-item\">\n        <!-- <mat-icon *ngIf=\"displayLocale | getI18nStringValueFromLocale : template.label as label\" matListIcon>{{\n          label | mtnaWfGetListIcon\n        }}</mat-icon> -->\n        <ng-container *ngIf=\"displayLocale | getI18nStringValueFromLocale : template.questionText as questionText\">\n          <ng-container *ngIf=\"questionText !== ''\">\n            <ng-container *ngIf=\"displayLocale | getI18nStringValueFromLocale : template.label as tempLabel\">\n              <h4 mat-line>{{ tempLabel !== '' ? tempLabel : template.name }}</h4>\n            </ng-container>\n          </ng-container>\n        </ng-container>\n        <p mat-line class=\"wrap-line\">{{ _noInformationText }}</p>\n      </mat-list-item>\n    </ng-template>\n  </ng-template>\n</ng-container>\n", styles: ["mtna-wf-decimal-answer-item-template .mat-list-base .mat-list-item,mtna-wf-decimal-answer-item-template .mat-list-base .mat-list-item.mat-list-item-with-avatar{height:auto;padding:12px 0}mtna-wf-decimal-answer-item-template .mat-list-base .mat-list-item.mat-2-line,mtna-wf-decimal-answer-item-template .mat-list-base .mat-list-item.mat-2-line.mat-list-item-with-avatar{padding:18.5px 0}mtna-wf-decimal-answer-item-template .mat-list-base .mat-list-item .mat-line{white-space:normal;overflow:unset;text-overflow:unset}\n"], components: [{ type: i1__namespace$5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2__namespace$5.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i2__namespace$5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$5.MatLabel, selector: "mat-label" }, { type: i5__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace$3.MatLine, selector: "[mat-line], [matLine]" }], pipes: { "getI18nStringValueFromLocale": GetI18nStringValueFromLocalePipe, "mtnaWfGetAutoComplete": MtnaWfGetAutoCompletePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDecimalAnswerItemTemplateComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -10828,29 +11446,35 @@
   }());
   MtnaWfDecimalAnswerItemTemplateModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDecimalAnswerItemTemplateModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
   MtnaWfDecimalAnswerItemTemplateModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDecimalAnswerItemTemplateModule, declarations: [MtnaWfDecimalAnswerItemTemplateComponent], imports: [i3$1.CommonModule,
+          GetI18nStringValueFromLocalePipeModule,
           i1$8.MatFormFieldModule,
-          i2$6.MatListModule,
           i5.MatInputModule,
+          i2$6.MatListModule,
           MtnaWfGetAutoCompletePipeModule,
-          GetI18nStringValueFromLocalePipeModule], exports: [MtnaWfDecimalAnswerItemTemplateComponent] });
+          MtnaWfGetFormControlErrorPipeModule,
+          i6.ReactiveFormsModule], exports: [MtnaWfDecimalAnswerItemTemplateComponent] });
   MtnaWfDecimalAnswerItemTemplateModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDecimalAnswerItemTemplateModule, imports: [[
               i3$1.CommonModule,
+              GetI18nStringValueFromLocalePipeModule,
               i1$8.MatFormFieldModule,
-              i2$6.MatListModule,
               i5.MatInputModule,
+              i2$6.MatListModule,
               MtnaWfGetAutoCompletePipeModule,
-              GetI18nStringValueFromLocalePipeModule,
+              MtnaWfGetFormControlErrorPipeModule,
+              i6.ReactiveFormsModule,
           ]] });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfDecimalAnswerItemTemplateModule, decorators: [{
               type: i0.NgModule,
               args: [{
                       imports: [
                           i3$1.CommonModule,
+                          GetI18nStringValueFromLocalePipeModule,
                           i1$8.MatFormFieldModule,
-                          i2$6.MatListModule,
                           i5.MatInputModule,
+                          i2$6.MatListModule,
                           MtnaWfGetAutoCompletePipeModule,
-                          GetI18nStringValueFromLocalePipeModule,
+                          MtnaWfGetFormControlErrorPipeModule,
+                          i6.ReactiveFormsModule,
                       ],
                       declarations: [MtnaWfDecimalAnswerItemTemplateComponent],
                       exports: [MtnaWfDecimalAnswerItemTemplateComponent],
@@ -11694,27 +12318,41 @@
           }], ctorParameters: function () { return [{ type: i1__namespace$a.Store }]; } });
   var TemplateFormEffects = /** @class */ (function () {
+      // getTemplateInstance$ = createEffect(() =>
+      //   this.actions$.pipe(
+      //     ofType(TemplateFormActions.getTemplateInstance),
+      //     switchMap(({ template }) => {
+      //       return this.mtnaWfApiService.getTemplateInstance(template).pipe(
+      //         map((form) => TemplateFormApiActions.getTemplateInstanceSuccess({ form })),
+      //         catchError((error) => {
+      //           this.errorService.showError(error);
+      //           return of(TemplateFormApiActions.getTemplateInstanceFailure());
+      //         })
+      //       );
+      //     })
+      //   )
+      // );
+      //
+      // getTemplateItemInstance$ = createEffect(() =>
+      //   this.actions$.pipe(
+      //     ofType(TemplateFormActions.getTemplateItemInstance),
+      //     switchMap(({ templateItem }) => {
+      //       return this.mtnaWfApiService.getTemplateItemInstance(templateItem).pipe(
+      //         map((formItem) => TemplateFormApiActions.getTemplateItemInstanceSuccess({ formItem })),
+      //         catchError((error) => {
+      //           this.errorService.showError(error);
+      //           return of(TemplateFormApiActions.getTemplateItemInstanceFailure());
+      //         })
+      //       );
+      //     })
+      //   )
+      // );
       function TemplateFormEffects(actions$, mtnaWfApiService, errorService, store, router) {
-          var _this = this;
           this.actions$ = actions$;
           this.mtnaWfApiService = mtnaWfApiService;
           this.errorService = errorService;
           this.store = store;
           this.router = router;
-          this.getTemplateInstance$ = i1$c.createEffect(function () { return _this.actions$.pipe(i1$c.ofType(getTemplateInstance), operators.switchMap(function (_a) {
-              var template = _a.template;
-              return _this.mtnaWfApiService.getTemplateInstance(template).pipe(operators.map(function (form) { return getTemplateInstanceSuccess({ form: form }); }), operators.catchError(function (error) {
-                  _this.errorService.showError(error);
-                  return rxjs.of(getTemplateInstanceFailure());
-              }));
-          })); });
-          this.getTemplateItemInstance$ = i1$c.createEffect(function () { return _this.actions$.pipe(i1$c.ofType(getTemplateItemInstance), operators.switchMap(function (_a) {
-              var templateItem = _a.templateItem;
-              return _this.mtnaWfApiService.getTemplateItemInstance(templateItem).pipe(operators.map(function (formItem) { return getTemplateItemInstanceSuccess({ formItem: formItem }); }), operators.catchError(function (error) {
-                  _this.errorService.showError(error);
-                  return rxjs.of(getTemplateItemInstanceFailure());
-              }));
-          })); });
       }
       return TemplateFormEffects;
   }());
@@ -11732,6 +12370,35 @@
           _this.templateFormFacade = templateFormFacade;
           _this.i18nFacade = i18nFacade;
           _this.languageIds$ = new rxjs.BehaviorSubject([]);
+          /**
+           * The property names in the design updates that should trigger a design update on transition to ensure that the references and design
+           * are updated to reflect any changes to these properties.
+           */
+          _this.transitionUpdatePropNames = [
+              prop_item_name,
+              prop_item_question_text,
+              prop_item_descriptive_text,
+              prop_option_enabled_items,
+              prop_option_disabled_items,
+          ];
+          /**
+           * The section names in the design updates that should trigger a design update on transition to ensure that the references and design
+           * are updated to reflect any changes to properties.
+           */
+          _this.transitionUpdateSectionNames = [i18n_templateItemBasicSettings, i18n_enabledAndDisabledItems];
+          /**
+           * Need to remove the following modelDesignProperties from the designMap when indexing the designs for the references
+           * because they are used for the display and description of the template and template items, so they should not be
+           * included as potential reference designs for the conditionals section or the option item sections.
+           */
+          _this.referencePropertyNameExclusions = [prop_item_title, prop_item_acknowledgementTemplate, prop_option_template];
+          /**
+           * Need to remove the following itemIds from the modelMap when indexing the models for the references because they are used
+           * for the title and should not be included as potential reference designs for the conditionals section. We don't need to include
+           * the acknowledgement template here because the getModelMap function does not index the TemplateSection attached to the
+           * acknowledgementTemplate property.
+           */
+          _this.itemIdExclusionsForReferences = [];
           _this.modifiedModelSubscription = _this.modifiedModel$.pipe().subscribe(function (modifiedModel) {
               // This is to ensure that a FormOptionSelector can not be passed as a modified model when trying to get the Form context.
               // This should eliminate that possibility.
@@ -11760,6 +12427,17 @@
           });
           return _this;
       }
+      TemplateDesignFacade.prototype.initialize = function (model) {
+          // reset to the first context in the available, assumes the contexts have already been set.
+          var contexts = this.contextAvailable$.value;
+          this.setContextSelected(coreTs.isPresent(contexts) && contexts.length > 0 ? contexts[0] : undefined);
+          this.updateModelReferences(model);
+          var design = this.toDesign(model); // Convert the model to a design again to ensure that the design reflects the indexed references.
+          this.indexModelDesignProperties(design);
+          this.modifiedModel$.next(model);
+          this.design$.next(design);
+          this.setFocusedDesignId(design.id, design.focusType);
+      };
       TemplateDesignFacade.prototype.close = function () {
           if (this.contextSubscription) {
               this.contextSubscription.unsubscribe();
@@ -11779,10 +12457,10 @@
       };
       TemplateDesignFacade.prototype.fromDesign = function (design) {
           if (isTemplateDesign(design)) {
-              return toTemplate(design, this.contextSelected$.value);
+              return toTemplate(design, this.contextSelected$.value, { references: this.references$.value });
           }
           else if (isTemplateItemDesign(design)) {
-              return toTemplateItem(design, this.contextSelected$.value);
+              return toTemplateItem(design, this.contextSelected$.value, { references: this.references$.value });
           }
           else if (design.type === 'OPTION') {
               return designToOptionSelector(design, this.contextSelected$.value);
@@ -11792,18 +12470,7 @@
           }
       };
       TemplateDesignFacade.prototype.toDesign = function (model) {
-          if (webFormTs.instanceOfTemplateImpl(model)) {
-              return templateToDesign(model, this.languageId, this.contextSelected$.value);
-          }
-          else if (isTemplateItem(model)) {
-              return itemToDesign(model, this.languageId, undefined, this.contextSelected$.value);
-          }
-          else if (instanceOfFormOptionSelector(model)) {
-              return optionSelectorToDesign(model, this.languageId, {}, this.references$.value, undefined, this.contextSelected$.value);
-          }
-          else {
-              throw new Error("Cannot convert model to design. Model is not recognized. Supported types are instances of TEMPLATE, TEMPLATE_ITEM, and OPTION.");
-          }
+          return getModelToDesign(model, this.languageId, this.contextSelected$.value, this.references$.value);
       };
       TemplateDesignFacade.prototype.getPotentialDesigns = function (design, property, index) {
           this.placementIndex$.next(index); // Used to indicate where a new item should be placed when adding a new repeatable value (modelDesignProperty)
@@ -11823,11 +12490,15 @@
       TemplateDesignFacade.prototype.createNewInstance = function (designBase, parent) {
           if (isTemplateDesign(designBase)) {
               var template_1 = getNewTemplate(designBase);
-              return templateToDesign(template_1, this.languageId, this.contextSelected$.value);
+              return templateToDesign(template_1, this.languageId, this.contextSelected$.value, {
+                  references: this.references$.value,
+              });
           }
           else if (isTemplateItemDesign(designBase)) {
               var templateItem = getNewTemplateItem(designBase, this.languageId, this.languageIds$.value);
-              return itemToDesign(templateItem, this.languageId, parent, this.contextSelected$.value);
+              return itemToDesign(templateItem, this.languageId, parent, this.contextSelected$.value, {
+                  references: this.references$.value,
+              });
           }
           else if (designBase.type === 'OPTION') {
               var formOptionSelector = getNewFormOptionSelector(designBase);
@@ -11838,6 +12509,14 @@
           }
       };
       TemplateDesignFacade.prototype.setModifiedModel = function (designUpdate) {
+          if (designUpdate) {
+              var partialDesignUpdate = {
+                  designId: designUpdate.designId,
+                  section: designUpdate.section,
+                  property: designUpdate.property,
+              };
+              this.designUpdates$.next(__spreadArray(__spreadArray([], __read(this.designUpdates$.value)), [partialDesignUpdate]));
+          }
           var modifiedModel = designUpdate ? this.fromDesign(designUpdate.design) : undefined;
           if (coreTs.isPresent(modifiedModel)) {
               // Merge the new modified model with the existing modified model.
@@ -11863,7 +12542,10 @@
       TemplateDesignFacade.prototype.getDesignDisplay = function (design) {
           if (isTemplateDesign(design)) {
               var props = designerTs.getLiteralProperties(design, i18n_descriptive, [prop_item_title]);
-              return coreTs.isPresent(props[prop_item_title]) && props[prop_item_title] !== '' ? props[prop_item_title] : i18n_template;
+              // The prop_item_title is an InternationalizedString[], so we need to use the getI18nString function to retrieve the correct
+              // string value based on the current languageId and fallback to an empty language if not present.
+              var propTitleString = i2.getI18nString(props[prop_item_title], this.languageId, true);
+              return coreTs.isPresent(props[prop_item_title]) && propTitleString && propTitleString !== '' ? propTitleString : i18n_template;
           }
           else if (isTemplateItemDesign(design)) {
               var props = designerTs.getLiteralProperties(design, i18n_templateItemBasicSettings, [prop_item_name]);
@@ -11878,22 +12560,13 @@
           }
       };
       TemplateDesignFacade.prototype.indexModelDesignProperties = function (design) {
-          var e_1, _a;
+          var e_1, _d;
           var references = {};
-          var designMap = i1.getDesignMap(design, true);
+          var designMap = i1.getDesignMap(design, true, this.referencePropertyNameExclusions, this.itemIdExclusionsForReferences);
           try {
-              for (var _b = __values(designMap.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                  var _d = __read(_c.value, 2), _ = _d[0], value = _d[1];
-                  if (isTemplateDesign(value.design)) {
-                      var properties = designerTs.getLiteralProperties(value.design, i18n_descriptive, [prop_template_title, prop_template_descriptive_text]);
-                      var referenceDesignValue = {
-                          id: value.design.id,
-                          display: getText(properties, prop_template_title, true, this.languageId),
-                          description: getText(properties, prop_template_descriptive_text, true, this.languageId),
-                      };
-                      references[value.design.id] = referenceDesignValue;
-                  }
-                  else if (isTemplateItemDesign(value.design)) {
+              for (var _e = __values(designMap.entries()), _f = _e.next(); !_f.done; _f = _e.next()) {
+                  var _g = __read(_f.value, 2), _ = _g[0], value = _g[1];
+                  if (isTemplateItemDesign(value.design)) {
                       var properties = designerTs.getLiteralProperties(value.design, i18n_templateItemBasicSettings, [
                           prop_item_name,
                           prop_item_question_text,
@@ -11911,12 +12584,53 @@
           catch (e_1_1) { e_1 = { error: e_1_1 }; }
           finally {
               try {
-                  if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                  if (_f && !_f.done && (_d = _e.return)) _d.call(_e);
               }
               finally { if (e_1) throw e_1.error; }
           }
           this.references$.next(references);
       };
+      TemplateDesignFacade.prototype.updateModelReferences = function (model) {
+          var e_2, _d;
+          var _a, _b, _c;
+          var references = {};
+          var templateItems = [];
+          if (webFormTs.instanceOfTemplateImpl(model)) {
+              templateItems.push.apply(templateItems, __spreadArray([], __read(model.items)));
+              // Because this is a template
+          }
+          else if (isTemplateItem(model)) {
+              templateItems.push(model);
+          }
+          var modelMap = getModelMap(templateItems, this.itemIdExclusionsForReferences);
+          try {
+              for (var _e = __values(modelMap.entries()), _f = _e.next(); !_f.done; _f = _e.next()) {
+                  var _g = __read(_f.value, 2), _ = _g[0], templateItem = _g[1];
+                  var description = '';
+                  if (coreTs.isPresent(templateItem.questionText) && templateItem.questionText.length > 0) {
+                      description = (_a = i2.getI18nString(templateItem.questionText, this.languageId, true)) !== null && _a !== void 0 ? _a : '';
+                  }
+                  else if (coreTs.isPresent(templateItem.descriptiveText) && templateItem.descriptiveText.length > 0) {
+                      description = (_b = i2.getI18nString(templateItem.descriptiveText, this.languageId, true)) !== null && _b !== void 0 ? _b : '';
+                  }
+                  var unavailableTemplateItemName = UnavailableTemplateItemNameMap[templateItem.itemId];
+                  var referenceDesignValue = {
+                      id: templateItem.instanceId,
+                      display: (_c = templateItem.name) !== null && _c !== void 0 ? _c : unavailableTemplateItemName,
+                      description: description,
+                  };
+                  references[templateItem.instanceId] = referenceDesignValue;
+              }
+          }
+          catch (e_2_1) { e_2 = { error: e_2_1 }; }
+          finally {
+              try {
+                  if (_f && !_f.done && (_d = _e.return)) _d.call(_e);
+              }
+              finally { if (e_2) throw e_2.error; }
+          }
+          this.references$.next(references);
+      };
       TemplateDesignFacade.prototype.setDesignDisabled = function (disabled) {
           // check to see if the disabled state has changed before updating the designDisabled$ observable
           if (this.designDisabled$.value !== disabled) {
@@ -11949,6 +12663,18 @@
               } // otherwise maintain the current focus. This means we do not change the focusedDesignId$ value.
           }
       };
+      TemplateDesignFacade.prototype.transitionDesign = function () {
+          var _this = this;
+          if (this.design$.value) {
+              var affectsReferences = this.designUpdates$.value.some(function (designUpdate) { return _this.transitionUpdateSectionNames.includes(designUpdate.section) && _this.transitionUpdatePropNames.includes(designUpdate.property); });
+              if (coreTs.isPresent(this.modifiedModel$.value) && affectsReferences) {
+                  this.updateModelReferences(this.modifiedModel$.value);
+                  var updatedDesign = this.toDesign(this.modifiedModel$.value);
+                  this.design$.next(updatedDesign);
+              }
+          }
+          _super.prototype.transitionDesign.call(this); // This will reset the design updates to an empty array.
+      };
       return TemplateDesignFacade;
   }(i1.DesignFacade));
   TemplateDesignFacade.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TemplateDesignFacade, deps: [{ token: i0.LOCALE_ID }, { token: TemplateFormFacade }, { token: i2__namespace$6.MtnaI18nFacade }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
@@ -11964,17 +12690,33 @@
   var MtnaWfTemplateDisplayViewerComponent = /** @class */ (function () {
       function MtnaWfTemplateDisplayViewerComponent(designFacade, templateFormFacade) {
+          var _this = this;
           this.designFacade = designFacade;
           this.templateFormFacade = templateFormFacade;
+          this.formSteps$ = new rxjs.BehaviorSubject(undefined);
+          this.designSteps$ = new rxjs.BehaviorSubject([]);
+          this.singleTemplateDesignSectionStep$ = new rxjs.BehaviorSubject(undefined);
           this.contextSelected$ = this.designFacade.contextSelected$;
           this.focusedDesignId$ = this.designFacade.focusedDesignId$;
-          this.modifiedModel$ = this.designFacade.modifiedModel$;
+          this.modifiedModel$ = this.designFacade.modifiedModel$.pipe(operators.tap(function (modifiedModel) {
+              if (coreTs.isPresent(modifiedModel)) {
+                  if (webFormTs.instanceOfTemplateImpl(modifiedModel)) {
+                      var generatedFormSteps = generateFormSteps(modifiedModel.items, true);
+                      var flattenedSteps = flattenSteps(generatedFormSteps);
+                      _this.designSteps$.next(flattenedSteps);
+                  }
+                  else if (isTemplateItem(modifiedModel) && webFormTs.instanceOfTemplateSectionImpl(modifiedModel)) {
+                      var generatedFormSteps = generateFormSteps(modifiedModel.items, true);
+                      var flattenedSteps = flattenSteps(generatedFormSteps);
+                      _this.singleTemplateDesignSectionStep$.next(flattenedSteps[0]);
+                  }
+              }
+          }));
           this.previewLanguage$ = this.designFacade.previewLanguage$;
           this.loading$ = this.templateFormFacade.loading$;
           this.templateForm$ = this.templateFormFacade.templateForm$;
           this.templateFormItem$ = this.templateFormFacade.templateFormItem$;
           this.typeLoaded$ = this.templateFormFacade.typeLoaded$;
-          this.formSteps$ = new rxjs.BehaviorSubject(undefined);
           this.retryTrigger$ = new rxjs.BehaviorSubject(undefined);
           this.context_template = template;
           this.context_form = form;
@@ -11982,7 +12724,7 @@
       return MtnaWfTemplateDisplayViewerComponent;
   }());
   MtnaWfTemplateDisplayViewerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTemplateDisplayViewerComponent, deps: [{ token: i1__namespace$c.DesignFacade }, { token: TemplateFormFacade }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  MtnaWfTemplateDisplayViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTemplateDisplayViewerComponent, selector: "mtna-wf-template-display-viewer", ngImport: i0__namespace, template: "<ng-container *ngIf=\"modifiedModel$ | async as templateOrTemplateItem\">\n  <section class=\"content-preview\">\n    <ng-container *ngIf=\"contextSelected$ | async as context\" [ngSwitch]=\"context.id\">\n      <ng-container *ngSwitchCase=\"context_template.id\">\n        <ng-container *ngIf=\"templateOrTemplateItem | instanceOfTemplateImpl as template; else templateItemTemplate\">\n          <mtna-wf-template\n            [template]=\"template\"\n            [displayLocale]=\"(previewLanguage$ | async) ?? 'en'\"\n            [highlightId]=\"focusedDesignId$ | async\"\n          ></mtna-wf-template>\n        </ng-container>\n        <ng-template #templateItemTemplate>\n          <ng-container *ngIf=\"templateOrTemplateItem | instanceOfTemplateItem as templateItem\">\n            <mtna-wf-template-item [template]=\"templateItem\" [displayLocale]=\"(previewLanguage$ | async) ?? 'en'\"></mtna-wf-template-item>\n          </ng-container>\n        </ng-template>\n      </ng-container>\n\n      <!-- Placeholder for form context -->\n      <div *ngSwitchCase=\"context_form.id\" class=\"form-preview\">\n        <div *ngIf=\"loading$ | async; else formDisplay\">\n          <mat-progress-spinner aria-label=\"Loading Form\" i18n-aria-label [mode]=\"'indeterminate'\"></mat-progress-spinner>\n        </div>\n        <ng-template #formDisplay></ng-template>\n        <!--        <div *ngIf=\"formState$ | async as state\">-->\n        <!--          &lt;!&ndash;          <span>{{ state | json }}</span>&ndash;&gt;-->\n        <!--          <mat-progress-spinner-->\n        <!--            *ngIf=\"state.loading\"-->\n        <!--            aria-label=\"Loading Form\"-->\n        <!--            i18n-aria-label-->\n        <!--            [mode]=\"'indeterminate'\"-->\n        <!--          ></mat-progress-spinner>-->\n        <!--          <div *ngIf=\"!state.loading && state.error\" class=\"form-preview-error mat-elevation-z4\" fxLayout=\"column\">-->\n        <!--            <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"error-message\">-->\n        <!--              <mat-icon color=\"warn\">error</mat-icon><span>{{ state.error.message }}</span>-->\n        <!--            </div>-->\n        <!--            <div *ngIf=\"state.error.retry\" fxLayout=\"row\" fxLayoutAlign=\"end center\" class=\"retry-container\">-->\n        <!--              <button mat-flat-button color=\"accent\" (click)=\"retryFormLoad()\">RETRY</button>-->\n        <!--            </div>-->\n        <!--          </div>-->\n        <!--          <div *ngIf=\"!state.loading && state.form\">-->\n        <!--            <mtna-form [mtnaForm]=\"state.form\" [readonly]=\"false\" [steps]=\"formSteps$ | async\"></mtna-form>-->\n        <!--          </div>-->\n        <!--        </div>-->\n        <!--         When the context switches this can make the call to the form service and show a loader. Once it is returned you will pass it into the MtnaForm -->\n      </div>\n\n      <div *ngSwitchDefault></div>\n    </ng-container>\n  </section>\n</ng-container>\n", styles: ["mtna-wf-template-display-viewer{display:block;height:100%;overflow:auto}mtna-wf-template-display-viewer .content-preview{margin:80px}mtna-wf-template-display-viewer .form-preview{display:flex;justify-content:center}mtna-wf-template-display-viewer .form-preview .form-preview-error{border-style:solid;border-width:1px;border-radius:4px;padding:16px}mtna-wf-template-display-viewer .form-preview .form-preview-error .error-message{margin-bottom:8px}mtna-wf-template-display-viewer .form-preview .form-preview-error .error-message .mat-icon{margin-right:4px;margin-bottom:auto}\n"], components: [{ type: MtnaWfTemplateComponent, selector: "mtna-wf-template", inputs: ["displayLocale", "isCompact", "highlightId", "steps", "template"] }, { type: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }, { type: i5__namespace$1.MatProgressSpinner, selector: "mat-progress-spinner", inputs: ["color", "mode", "diameter", "strokeWidth", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i3__namespace.AsyncPipe, "instanceOfTemplateImpl": MtnaWfInstanceOfTemplateImplPipe, "instanceOfTemplateItem": MtnaWfInstanceOfTemplateItemPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+  MtnaWfTemplateDisplayViewerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MtnaWfTemplateDisplayViewerComponent, selector: "mtna-wf-template-display-viewer", ngImport: i0__namespace, template: "<ng-container *ngIf=\"modifiedModel$ | async as templateOrTemplateItem\">\n  <section class=\"content-preview\">\n    <ng-container *ngIf=\"contextSelected$ | async as context\" [ngSwitch]=\"context.id\">\n      <ng-container *ngSwitchCase=\"context_template.id\">\n        <ng-container *ngIf=\"templateOrTemplateItem | instanceOfTemplateImpl as template; else templateItemTemplate\">\n          <mtna-wf-template\n            [displayLocale]=\"(previewLanguage$ | async) ?? 'en'\"\n            [highlightId]=\"focusedDesignId$ | async\"\n            [steps]=\"designSteps$ | async\"\n            [template]=\"template\"\n          ></mtna-wf-template>\n        </ng-container>\n        <ng-template #templateItemTemplate>\n          <ng-container *ngIf=\"templateOrTemplateItem | instanceOfTemplateItem as templateItem\">\n            <mtna-wf-template-item\n              [displayLocale]=\"(previewLanguage$ | async) ?? 'en'\"\n              [step]=\"singleTemplateDesignSectionStep$ | async\"\n              [template]=\"templateItem\"\n            ></mtna-wf-template-item>\n          </ng-container>\n        </ng-template>\n      </ng-container>\n\n      <!-- Placeholder for form context -->\n      <div *ngSwitchCase=\"context_form.id\" class=\"form-preview\">\n        <div *ngIf=\"loading$ | async; else formDisplay\">\n          <mat-progress-spinner aria-label=\"Loading Form\" i18n-aria-label [mode]=\"'indeterminate'\"></mat-progress-spinner>\n        </div>\n        <ng-template #formDisplay></ng-template>\n        <!--        <div *ngIf=\"formState$ | async as state\">-->\n        <!--          &lt;!&ndash;          <span>{{ state | json }}</span>&ndash;&gt;-->\n        <!--          <mat-progress-spinner-->\n        <!--            *ngIf=\"state.loading\"-->\n        <!--            aria-label=\"Loading Form\"-->\n        <!--            i18n-aria-label-->\n        <!--            [mode]=\"'indeterminate'\"-->\n        <!--          ></mat-progress-spinner>-->\n        <!--          <div *ngIf=\"!state.loading && state.error\" class=\"form-preview-error mat-elevation-z4\" fxLayout=\"column\">-->\n        <!--            <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"error-message\">-->\n        <!--              <mat-icon color=\"warn\">error</mat-icon><span>{{ state.error.message }}</span>-->\n        <!--            </div>-->\n        <!--            <div *ngIf=\"state.error.retry\" fxLayout=\"row\" fxLayoutAlign=\"end center\" class=\"retry-container\">-->\n        <!--              <button mat-flat-button color=\"accent\" (click)=\"retryFormLoad()\">RETRY</button>-->\n        <!--            </div>-->\n        <!--          </div>-->\n        <!--          <div *ngIf=\"!state.loading && state.form\">-->\n        <!--            <mtna-form [mtnaForm]=\"state.form\" [readonly]=\"false\" [steps]=\"formSteps$ | async\"></mtna-form>-->\n        <!--          </div>-->\n        <!--        </div>-->\n        <!--         When the context switches this can make the call to the form service and show a loader. Once it is returned you will pass it into the MtnaForm -->\n      </div>\n\n      <div *ngSwitchDefault></div>\n    </ng-container>\n  </section>\n</ng-container>\n", styles: ["mtna-wf-template-display-viewer{display:block;height:100%;overflow:auto}mtna-wf-template-display-viewer .content-preview{margin:80px}mtna-wf-template-display-viewer .form-preview{display:flex;justify-content:center}mtna-wf-template-display-viewer .form-preview .form-preview-error{border-style:solid;border-width:1px;border-radius:4px;padding:16px}mtna-wf-template-display-viewer .form-preview .form-preview-error .error-message{margin-bottom:8px}mtna-wf-template-display-viewer .form-preview .form-preview-error .error-message .mat-icon{margin-right:4px;margin-bottom:auto}\n"], components: [{ type: MtnaWfTemplateComponent, selector: "mtna-wf-template", inputs: ["displayLocale", "isCompact", "highlightId", "steps", "template"] }, { type: MtnaWfTemplateItemComponent, selector: "mtna-wf-template-item", inputs: ["displayLocale", "inList", "isCompact", "step", "template", "color"] }, { type: i5__namespace$1.MatProgressSpinner, selector: "mat-progress-spinner", inputs: ["color", "mode", "diameter", "strokeWidth", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i3__namespace.AsyncPipe, "instanceOfTemplateImpl": MtnaWfInstanceOfTemplateImplPipe, "instanceOfTemplateItem": MtnaWfInstanceOfTemplateItemPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MtnaWfTemplateDisplayViewerComponent, decorators: [{
               type: i0.Component,
               args: [{
@@ -12470,7 +13212,7 @@
   exports.CoerceFormStepPipe = CoerceFormStepPipe;
   exports.CoerceFormStepPipeModule = CoerceFormStepPipeModule;
   exports.DASHED_DATE_DISPLAY_VALUE = DASHED_DATE_DISPLAY_VALUE;
-  exports.DATE_ENUM_VALUES = DATE_ENUM_VALUES;
+  exports.DATE_DISPLAY_ENUM_VALUES = DATE_DISPLAY_ENUM_VALUES;
   exports.DATE_POTENTIAL_DESIGN = DATE_POTENTIAL_DESIGN;
   exports.DECIMAL_ANSWER_POTENTIAL_DESIGN = DECIMAL_ANSWER_POTENTIAL_DESIGN;
   exports.DEFAULT_ERROR_MESSAGES = DEFAULT_ERROR_MESSAGES;
@@ -12500,7 +13242,11 @@
   exports.I18N_SHORT_ANSWER_POTENTIAL_DESIGN = I18N_SHORT_ANSWER_POTENTIAL_DESIGN;
   exports.I18nTextResponseItemTemplateMapper = I18nTextResponseItemTemplateMapper;
   exports.ISO_8601_DATE_DISPLAY_VALUE = ISO_8601_DATE_DISPLAY_VALUE;
+  exports.LAYOUT_COLUMN_DISPLAY_VALUE = LAYOUT_COLUMN_DISPLAY_VALUE;
+  exports.LAYOUT_ENUM_VALUES = LAYOUT_ENUM_VALUES;
+  exports.LAYOUT_ROW_DISPLAY_VALUE = LAYOUT_ROW_DISPLAY_VALUE;
   exports.LONG_DATE_DISPLAY_VALUE = LONG_DATE_DISPLAY_VALUE;
+  exports.MTNA_DEFAULT_USE_DISPLAY_VALUE = MTNA_DEFAULT_USE_DISPLAY_VALUE;
   exports.MTNA_WF_DEFAULT_YEAR_RANGE = MTNA_WF_DEFAULT_YEAR_RANGE;
   exports.MTNA_WF_EXPAND_COLLAPSE = MTNA_WF_EXPAND_COLLAPSE;
   exports.MTNA_WF_FORM_ITEM_VALIDATION_RESULT_ERROR_NAME = MTNA_WF_FORM_ITEM_VALIDATION_RESULT_ERROR_NAME;
@@ -12696,6 +13442,11 @@
   exports.OptionItemMapper = OptionItemMapper;
   exports.OptionSelectorMapper = OptionSelectorMapper;
   exports.PARAGRAPH_ANSWER_POTENTIAL_DESIGN = PARAGRAPH_ANSWER_POTENTIAL_DESIGN;
+  exports.QUARTER_FOUR_DISPLAY_VALUE = QUARTER_FOUR_DISPLAY_VALUE;
+  exports.QUARTER_ONE_DISPLAY_VALUE = QUARTER_ONE_DISPLAY_VALUE;
+  exports.QUARTER_RANGE_ENUM_VALUES = QUARTER_RANGE_ENUM_VALUES;
+  exports.QUARTER_THREE_DISPLAY_VALUE = QUARTER_THREE_DISPLAY_VALUE;
+  exports.QUARTER_TWO_DISPLAY_VALUE = QUARTER_TWO_DISPLAY_VALUE;
   exports.REPEATABLE_POTENTIAL_DESIGN = REPEATABLE_POTENTIAL_DESIGN;
   exports.RepeatableItemTemplateMapper = RepeatableItemTemplateMapper;
   exports.SECTION_POTENTIAL_DESIGN = SECTION_POTENTIAL_DESIGN;
@@ -12720,6 +13471,7 @@
   exports.TextResponseItemTemplateMapper = TextResponseItemTemplateMapper;
   exports.TimeItemTemplateMapper = TimeItemTemplateMapper;
   exports.TitleItemTemplateMapper = TitleItemTemplateMapper;
+  exports.UnavailableTemplateItemNameMap = UnavailableTemplateItemNameMap;
   exports.WEB_FORM_CUSTOM_ERRORS = WEB_FORM_CUSTOM_ERRORS;
   exports.WHOLE_NUMBER_ANSWER_POTENTIAL_DESIGN = WHOLE_NUMBER_ANSWER_POTENTIAL_DESIGN;
   exports.YEAR_QUARTER_RANGE_POTENTIAL_DESIGN = YEAR_QUARTER_RANGE_POTENTIAL_DESIGN;
@@ -12734,8 +13486,13 @@
   exports.generateFormSteps = generateFormSteps;
   exports.generateFormStepsFromOutline = generateFormStepsFromOutline;
   exports.getConditionalProcessingResources = getConditionalProcessingResources;
+  exports.getEnumDesignProperty = getEnumDesignProperty;
   exports.getItemClassSuffix = getItemClassSuffix;
   exports.getItemMapperFromDesign = getItemMapperFromDesign;
+  exports.getModelMap = getModelMap;
+  exports.getModelToDesign = getModelToDesign;
+  exports.getTemplateMapperFromDesign = getTemplateMapperFromDesign$1;
+  exports.getTypeDisplay = getTypeDisplay;
   exports.hasCondition = hasCondition;
   exports.i18n_acknowledgement = i18n_acknowledgement;
   exports.i18n_acknowledgementDialogTitle = i18n_acknowledgementDialogTitle;
@@ -12747,21 +13504,34 @@
   exports.i18n_boolean = i18n_boolean;
   exports.i18n_booleanConfiguration = i18n_booleanConfiguration;
   exports.i18n_booleanItem = i18n_booleanItem;
+  exports.i18n_booleanItemDescription = i18n_booleanItemDescription;
   exports.i18n_bulletedListConfiguration = i18n_bulletedListConfiguration;
   exports.i18n_bulletedListItem = i18n_bulletedListItem;
+  exports.i18n_bulletedListItemDescription = i18n_bulletedListItemDescription;
   exports.i18n_bulletedListItemInstructions = i18n_bulletedListItemInstructions;
   exports.i18n_checkbox = i18n_checkbox;
   exports.i18n_checkboxConfiguration = i18n_checkboxConfiguration;
   exports.i18n_checkboxItem = i18n_checkboxItem;
+  exports.i18n_checkboxItemDescription = i18n_checkboxItemDescription;
   exports.i18n_childItems = i18n_childItems;
   exports.i18n_codeOption = i18n_codeOption;
   exports.i18n_codeOptionInstructions = i18n_codeOptionInstructions;
+  exports.i18n_column = i18n_column;
+  exports.i18n_conditionAllRequired = i18n_conditionAllRequired;
+  exports.i18n_conditionAllRequiredInstructions = i18n_conditionAllRequiredInstructions;
+  exports.i18n_conditionItemIds = i18n_conditionItemIds;
+  exports.i18n_conditionItemIdsInstructions = i18n_conditionItemIdsInstructions;
+  exports.i18n_conditions = i18n_conditions;
   exports.i18n_core = i18n_core;
   exports.i18n_date = i18n_date;
   exports.i18n_dateConfiguration = i18n_dateConfiguration;
+  exports.i18n_dateFormat = i18n_dateFormat;
+  exports.i18n_dateFormatInstructions = i18n_dateFormatInstructions;
   exports.i18n_dateItem = i18n_dateItem;
+  exports.i18n_dateItemDescription = i18n_dateItemDescription;
   exports.i18n_decimalAnswer = i18n_decimalAnswer;
   exports.i18n_decimalAnswerItem = i18n_decimalAnswerItem;
+  exports.i18n_decimalAnswerItemDescription = i18n_decimalAnswerItemDescription;
   exports.i18n_decimalValue = i18n_decimalValue;
   exports.i18n_description = i18n_description;
   exports.i18n_descriptionInstructions = i18n_descriptionInstructions;
@@ -12776,16 +13546,22 @@
   exports.i18n_dropdown = i18n_dropdown;
   exports.i18n_dropdownConfiguration = i18n_dropdownConfiguration;
   exports.i18n_dropdownItem = i18n_dropdownItem;
+  exports.i18n_dropdownItemDescription = i18n_dropdownItemDescription;
   exports.i18n_dropdownProperties = i18n_dropdownProperties;
   exports.i18n_enabledAndDisabledItems = i18n_enabledAndDisabledItems;
   exports.i18n_enabledItems = i18n_enabledItems;
   exports.i18n_enabledItemsInstructions = i18n_enabledItemsInstructions;
+  exports.i18n_endQuarter = i18n_endQuarter;
+  exports.i18n_endQuarterInstructions = i18n_endQuarterInstructions;
+  exports.i18n_endYear = i18n_endYear;
+  exports.i18n_endYearInstructions = i18n_endYearInstructions;
   exports.i18n_exampleText = i18n_exampleText;
   exports.i18n_fileTypeId = i18n_fileTypeId;
   exports.i18n_fileTypeIdInstructions = i18n_fileTypeIdInstructions;
   exports.i18n_fileUpload = i18n_fileUpload;
   exports.i18n_fileUploadConfiguration = i18n_fileUploadConfiguration;
   exports.i18n_fileUploadItem = i18n_fileUploadItem;
+  exports.i18n_fileUploadItemDescription = i18n_fileUploadItemDescription;
   exports.i18n_form = i18n_form;
   exports.i18n_format = i18n_format;
   exports.i18n_formatInstructions = i18n_formatInstructions;
@@ -12794,12 +13570,15 @@
   exports.i18n_fullWidthInstructions = i18n_fullWidthInstructions;
   exports.i18n_group = i18n_group;
   exports.i18n_groupItem = i18n_groupItem;
+  exports.i18n_groupItemDescription = i18n_groupItemDescription;
   exports.i18n_help = i18n_help;
   exports.i18n_helpInstructions = i18n_helpInstructions;
   exports.i18n_internationalizedParagraphAnswer = i18n_internationalizedParagraphAnswer;
   exports.i18n_internationalizedParagraphAnswerItem = i18n_internationalizedParagraphAnswerItem;
+  exports.i18n_internationalizedParagraphAnswerItemDescription = i18n_internationalizedParagraphAnswerItemDescription;
   exports.i18n_internationalizedShortAnswer = i18n_internationalizedShortAnswer;
   exports.i18n_internationalizedShortAnswerItem = i18n_internationalizedShortAnswerItem;
+  exports.i18n_internationalizedShortAnswerItemDescription = i18n_internationalizedShortAnswerItemDescription;
   exports.i18n_item = i18n_item;
   exports.i18n_items = i18n_items;
   exports.i18n_itemsInstructions = i18n_itemsInstructions;
@@ -12827,22 +13606,26 @@
   exports.i18n_multipleChoice = i18n_multipleChoice;
   exports.i18n_multipleChoiceConfiguration = i18n_multipleChoiceConfiguration;
   exports.i18n_multipleChoiceItem = i18n_multipleChoiceItem;
+  exports.i18n_multipleChoiceItemDescription = i18n_multipleChoiceItemDescription;
   exports.i18n_name = i18n_name;
   exports.i18n_nameInstructions = i18n_nameInstructions;
   exports.i18n_new = i18n_new;
   exports.i18n_newItem = i18n_newItem;
   exports.i18n_newListValue = i18n_newListValue;
   exports.i18n_newOption = i18n_newOption;
+  exports.i18n_newOptionDescription = i18n_newOptionDescription;
   exports.i18n_newOptionTemplate = i18n_newOptionTemplate;
   exports.i18n_newTemplate = i18n_newTemplate;
   exports.i18n_newTemplateItem = i18n_newTemplateItem;
   exports.i18n_numberedListConfiguration = i18n_numberedListConfiguration;
   exports.i18n_numberedListItem = i18n_numberedListItem;
+  exports.i18n_numberedListItemDescription = i18n_numberedListItemDescription;
   exports.i18n_numberedListItemInstructions = i18n_numberedListItemInstructions;
   exports.i18n_numericConfiguration = i18n_numericConfiguration;
   exports.i18n_offsetDateRange = i18n_offsetDateRange;
   exports.i18n_offsetDateRangeConfiguration = i18n_offsetDateRangeConfiguration;
   exports.i18n_offsetDateRangeItem = i18n_offsetDateRangeItem;
+  exports.i18n_offsetDateRangeItemDescription = i18n_offsetDateRangeItemDescription;
   exports.i18n_option = i18n_option;
   exports.i18n_optionInstructions = i18n_optionInstructions;
   exports.i18n_optionProperties = i18n_optionProperties;
@@ -12859,10 +13642,15 @@
   exports.i18n_orderedListItem = i18n_orderedListItem;
   exports.i18n_paragraphAnswer = i18n_paragraphAnswer;
   exports.i18n_paragraphAnswerItem = i18n_paragraphAnswerItem;
+  exports.i18n_paragraphAnswerItemDescription = i18n_paragraphAnswerItemDescription;
   exports.i18n_positiveOnly = i18n_positiveOnly;
   exports.i18n_positiveOnlyInstructions = i18n_positiveOnlyInstructions;
   exports.i18n_presetValue = i18n_presetValue;
   exports.i18n_presetValueInstructions = i18n_presetValueInstructions;
+  exports.i18n_quarterFour = i18n_quarterFour;
+  exports.i18n_quarterOne = i18n_quarterOne;
+  exports.i18n_quarterThree = i18n_quarterThree;
+  exports.i18n_quarterTwo = i18n_quarterTwo;
   exports.i18n_questionText = i18n_questionText;
   exports.i18n_questionTextInstructions = i18n_questionTextInstructions;
   exports.i18n_rangeLimits = i18n_rangeLimits;
@@ -12870,17 +13658,28 @@
   exports.i18n_repeatable = i18n_repeatable;
   exports.i18n_repeatableItem = i18n_repeatableItem;
   exports.i18n_repeatableItemConfiguration = i18n_repeatableItemConfiguration;
+  exports.i18n_repeatableItemDescription = i18n_repeatableItemDescription;
   exports.i18n_repeatableItemTemplateId = i18n_repeatableItemTemplateId;
   exports.i18n_repeatableItemTemplateIdInstructions = i18n_repeatableItemTemplateIdInstructions;
   exports.i18n_required = i18n_required;
   exports.i18n_requiredInstructions = i18n_requiredInstructions;
+  exports.i18n_row = i18n_row;
   exports.i18n_section = i18n_section;
+  exports.i18n_sectionDescription = i18n_sectionDescription;
   exports.i18n_sectionItem = i18n_sectionItem;
+  exports.i18n_sectionStepName = i18n_sectionStepName;
+  exports.i18n_sectionStepNameInstructions = i18n_sectionStepNameInstructions;
+  exports.i18n_sectionTitleItem = i18n_sectionTitleItem;
   exports.i18n_selectAReference = i18n_selectAReference;
   exports.i18n_selectAReferenceDialogTitle = i18n_selectAReferenceDialogTitle;
   exports.i18n_settings = i18n_settings;
   exports.i18n_shortAnswer = i18n_shortAnswer;
   exports.i18n_shortAnswerItem = i18n_shortAnswerItem;
+  exports.i18n_shortAnswerItemDescription = i18n_shortAnswerItemDescription;
+  exports.i18n_startQuarter = i18n_startQuarter;
+  exports.i18n_startQuarterInstructions = i18n_startQuarterInstructions;
+  exports.i18n_startYear = i18n_startYear;
+  exports.i18n_startYearInstructions = i18n_startYearInstructions;
   exports.i18n_startingInstances = i18n_startingInstances;
   exports.i18n_startingInstancesInstructions = i18n_startingInstancesInstructions;
   exports.i18n_template = i18n_template;
@@ -12904,6 +13703,7 @@
   exports.i18n_textConfiguration = i18n_textConfiguration;
   exports.i18n_textInputConfiguration = i18n_textInputConfiguration;
   exports.i18n_textItem = i18n_textItem;
+  exports.i18n_textItemDescription = i18n_textItemDescription;
   exports.i18n_textValue = i18n_textValue;
   exports.i18n_textValueInstructions = i18n_textValueInstructions;
   exports.i18n_time = i18n_time;
@@ -12913,6 +13713,7 @@
   exports.i18n_titleInstructions = i18n_titleInstructions;
   exports.i18n_titleInstructionsSection = i18n_titleInstructionsSection;
   exports.i18n_titleItem = i18n_titleItem;
+  exports.i18n_titleItemDescription = i18n_titleItemDescription;
   exports.i18n_unorderedList = i18n_unorderedList;
   exports.i18n_unorderedListItem = i18n_unorderedListItem;
   exports.i18n_value = i18n_value;
@@ -12922,18 +13723,26 @@
   exports.i18n_verifyAcknowledgementDialogTitle = i18n_verifyAcknowledgementDialogTitle;
   exports.i18n_wholeNumberAnswer = i18n_wholeNumberAnswer;
   exports.i18n_wholeNumberAnswerItem = i18n_wholeNumberAnswerItem;
+  exports.i18n_wholeNumberAnswerItemDescription = i18n_wholeNumberAnswerItemDescription;
   exports.i18n_wholeNumberValue = i18n_wholeNumberValue;
   exports.i18n_yearQuarterRange = i18n_yearQuarterRange;
   exports.i18n_yearQuarterRangeConfiguration = i18n_yearQuarterRangeConfiguration;
   exports.i18n_yearQuarterRangeItem = i18n_yearQuarterRangeItem;
+  exports.i18n_yearQuarterRangeItemDescription = i18n_yearQuarterRangeItemDescription;
   exports.initialTemplateFormState = initialTemplateFormState;
   exports.instanceOfFormStep = instanceOfFormStep;
   exports.instanceOfFormStepGroup = instanceOfFormStepGroup;
+  exports.isEmptyString = isEmptyString;
   exports.isFormControl = isFormControl;
   exports.isFormGroup = isFormGroup;
   exports.isFormStepGroup = isFormStepGroup;
+  exports.isTemplateDesign = isTemplateDesign;
+  exports.isTemplateItem = isTemplateItem;
+  exports.isTemplateItemDesign = isTemplateItemDesign;
+  exports.itemToDesignBase = itemToDesignBase;
   exports.mapperItemToDesign = mapperItemToDesign;
   exports.mapperRegistry = mapperRegistry;
+  exports.mapperTemplateToDesign = mapperTemplateToDesign;
   exports.mapperToDesignRegistry = mapperToDesignRegistry;
   exports.mergeBooleanItemTemplate = mergeBooleanItemTemplate;
   exports.mergeExtendedTemplateOptionGroupItem = mergeExtendedTemplateOptionGroupItem;
@@ -12945,16 +13754,23 @@
   exports.mergeTemplateItemBase = mergeTemplateItemBase;
   exports.mergeTemplateItemGroup = mergeTemplateItemGroup;
   exports.mergeTemplateSection = mergeTemplateSection;
+  exports.numValueLimit = numValueLimit;
+  exports.numericalValueCheck = numericalValueCheck;
   exports.optionGroupItemSectionDisplayNameMap = optionGroupItemSectionDisplayNameMap;
   exports.optionItemSectionDisplayNameMap = optionItemSectionDisplayNameMap;
+  exports.positiveNumberPattern = positiveNumberPattern;
   exports.processConditionals = processConditionals;
-  exports.prop_item_acknowledgement = prop_item_acknowledgement;
+  exports.prop_item_acknowledgementTemplate = prop_item_acknowledgementTemplate;
   exports.prop_item_additional_text = prop_item_additional_text;
   exports.prop_item_annotation_enabled = prop_item_annotation_enabled;
   exports.prop_item_code_option = prop_item_code_option;
+  exports.prop_item_condition_allRequired = prop_item_condition_allRequired;
+  exports.prop_item_condition_itemIds = prop_item_condition_itemIds;
   exports.prop_item_description = prop_item_description;
   exports.prop_item_descriptive_text = prop_item_descriptive_text;
   exports.prop_item_download_allowed = prop_item_download_allowed;
+  exports.prop_item_endQuarter = prop_item_endQuarter;
+  exports.prop_item_endYear = prop_item_endYear;
   exports.prop_item_exclude_print = prop_item_exclude_print;
   exports.prop_item_file_type_id = prop_item_file_type_id;
   exports.prop_item_format = prop_item_format;
@@ -12984,6 +13800,8 @@
   exports.prop_item_range_limits = prop_item_range_limits;
   exports.prop_item_repeatable_item_template_id = prop_item_repeatable_item_template_id;
   exports.prop_item_required = prop_item_required;
+  exports.prop_item_startQuarter = prop_item_startQuarter;
+  exports.prop_item_startYear = prop_item_startYear;
   exports.prop_item_starting_instances = prop_item_starting_instances;
   exports.prop_item_text = prop_item_text;
   exports.prop_item_title = prop_item_title;
@@ -12996,12 +13814,16 @@
   exports.prop_template_items = prop_template_items;
   exports.prop_template_title = prop_template_title;
   exports.registerMapper = registerMapper;
+  exports.registerTemplateMapper = registerTemplateMapper;
   exports.removeFromCondition = removeFromCondition;
   exports.template = template;
+  exports.templateMapperRegistry = templateMapperRegistry;
+  exports.templateMapperToDesignRegistry = templateMapperToDesignRegistry;
   exports.updateConditional = updateConditional;
   exports.updateStepStatus = updateStepStatus;
   exports.validationResultValidator = validationResultValidator;
   exports.wfTemplateFormReducer = wfTemplateFormReducer;
+  exports.wholeNumberPattern = wholeNumberPattern;
   Object.defineProperty(exports, '__esModule', { value: true });