npm - pict-section-form - Versions diffs - 1.0.33 → 1.0.34 - Mend

pict-section-form 1.0.33 → 1.0.34

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 (12) hide show

package/debug/data/Application.js ADDED Viewed

@@ -0,0 +1,7 @@
+const libPictSectionForm = require('../../source/Pict-Section-Form.js');
+module.exports = libPictSectionForm.PictFormApplication;
+module.exports.default_configuration.pict_configuration = (
+		{
+			"Product": "Debug",
+			"DefaultFormManifest": require("./ExampleForm.json")
+		});

package/debug/data/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<title>Debug.</title>
+		<style id="PICT-CSS"></style>
+		<script src="./pict.min.js" type="text/javascript"></script>
+		<script type="text/javascript">Pict.safeOnDocumentReady(() => { Pict.safeLoadPictApplication(DebugApplication, 1)});</script>
+	</head>
+	<body>
+		<div id="Pict-Form-Container"></div>
+		<script src="./debug_application.min.js" type="text/javascript"></script>
+	</body>
+</html>

package/debug/data/package.json ADDED Viewed

@@ -0,0 +1,27 @@
+{
+    "name": "debug_application",
+    "version": "1.0.0",
+    "description": "",
+    "main": "Application.js",
+    "scripts": {
+        "start": "node Application.js",
+        "build": "npx quack build && npx quack copy"
+    },
+    "author": "steven",
+    "license": "MIT",
+    "devDependencies": {
+    },
+    "copyFilesSettings": {
+        "whenFileExists": "overwrite"
+    },
+    "copyFiles": [
+        {
+            "from": "./index.html",
+            "to": "./dist/"
+        },
+        {
+            "from": "../../node_modules/pict/dist/*",
+            "to": "./dist/"
+        }
+    ]
+}

package/example_applications/complex_table/Complex-Tabular-Application.js CHANGED Viewed

@@ -268,8 +268,7 @@ module.exports.default_configuration.pict_configuration = {
 				Name: "Fruits of the Earth",
 				Hash: "FruitGrid",
 				DataType: "Array",
-				Default: [],
-				PictForm: { Section: "FruitGrid", Group: "FruitGrid" },
+				Default: []
 			},
 			"FruitData.FruityVice[].nutritions.calories": {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "pict-section-form",
-    "version": "1.0.33",
+    "version": "1.0.34",
     "description": "Pict dynamic form sections",
     "main": "source/Pict-Section-Form.js",
     "directories": {
@@ -31,7 +31,7 @@
         "browser-env": "^3.3.0",
         "eslint": "^9.9.0",
         "jquery": "^3.7.1",
-        "pict": "^1.0.214",
+        "pict": "^1.0.215",
         "pict-application": "^1.0.20",
         "pict-service-commandlineutility": "^1.0.15",
         "quackage": "^1.0.33",
@@ -42,7 +42,7 @@
         "pict-provider": "^1.0.2",
         "pict-section-tuigrid": "^1.0.26",
         "pict-template": "^1.0.6",
-        "pict-view": "^1.0.52"
+        "pict-view": "^1.0.53"
     },
     "mocha": {
         "diff": true,

package/source/providers/Pict-Provider-DynamicSolver.js CHANGED Viewed

@@ -4,6 +4,7 @@ const libDynamicMetaLists = require('./Pict-Provider-MetaLists.js');
 const libInputSelect = require('./inputs/Pict-Provider-Input-Select.js');
 const libInputDateTime = require('./inputs/Pict-Provider-Input-DateTime.js');
+const libInputTabSelector = require('./inputs/Pict-Provider-Input-TabSelector.js');
 const _DefaultProviderConfiguration = (
 {
@@ -47,6 +48,10 @@ class PictDynamicSolver extends libPictProvider
 		{
 			this.pict.addProvider('Pict-Input-DateTime', libInputDateTime.default_configuration, libInputDateTime);
 		}
+		if (!this.pict.providers['Pict-Input-TabSelector']);
+		{
+			this.pict.addProvider('Pict-Input-TabSelector', libInputTabSelector.default_configuration, libInputTabSelector);
+		}
 	}
 	/**
@@ -121,7 +126,7 @@ class PictDynamicSolver extends libPictProvider
 				tmpView.log.trace(`Dynamic View [${tmpView.UUID}]::[${tmpView.Hash}] solving RecordSet ordinal ${tmpSolver.Ordinal} [${tmpSolver.Expression}]`);
 			}
-			let tmpRecordSet = tmpView.getTabularRecordSet(j);
+			let tmpRecordSet = tmpView.getTabularRecordSet(tmpGroup.GroupIndex);
 			if (typeof(tmpRecordSet) == 'object')
 			{

package/source/providers/dynamictemplates/Pict-DynamicTemplates-DefaultFormTemplates.js CHANGED Viewed

@@ -183,6 +183,23 @@ Glug glug glug Oo... -->
 		/*
 		 * END Input Templates (default)
 		 */
+		/*
+		 *
+		 * [ External Control Templates START ]
+		 *
+		 */
+		{
+			"HashPostfix": "-Template-Input-InputType-Tab",
+			"DefaultInputExtensions": ["Pict-Input-Tab"],
+			"Template": /*HTML*/`
+					<!-- InputType Option {~D:Record.Hash~} {~D:Record.DataType~} -->
+					<input type="hidden" {~D:Record.Macro.InputFullProperties~} {~D:Record.Macro.InputChangeHandler~} value="">
+					<span>{~D:Record.Name~}:</span> <select id="TAB-SELECT-FOR-{~D:Record.Macro.RawHTMLID~}" onchange="{~D:Record.Macro.DataRequestFunction~}"></select>
+`
+		},
+		/*
+		 * END View Management Templates (default)
+		 */
 		/*
 		 *
 		 * [ Basic Form Templates END ]

package/source/providers/inputs/Pict-Provider-Input-DateTime.js CHANGED Viewed

@@ -1,5 +1,10 @@
 const libPictSectionInputExtension = require('../Pict-Provider-InputExtension.js');
+/**
+ * CustomInputHandler class.
+ * Represents a custom input handler for a Pict section form.
+ * @extends libPictSectionInputExtension
+ */
 class CustomInputHandler extends libPictSectionInputExtension
 {
 	constructor(pFable, pOptions, pServiceHash)
@@ -7,34 +12,87 @@ class CustomInputHandler extends libPictSectionInputExtension
 		super(pFable, pOptions, pServiceHash);
 	}
+	/**
+	 * Generates the HTML ID for a DateTime input element based on the given input HTML ID.
+	 *
+	 * @param {string} pInputHTMLID - The input HTML ID.
+	 * @returns {string} The generated DateTime input HTML ID.
+	 */
 	getDateTimeInputHTMLID(pInputHTMLID)
 	{
 		return `#DATETIME-INPUT-FOR-${pInputHTMLID}`;
 	}
+	/**
+	 * Generates the HTML ID for a hidden input element in a tabular datetime data provider.
+	 *
+	 * @param {string} pInputHTMLID - The HTML ID of the input element.
+	 * @param {number} pRowIndex - The index of the row in the tabular data.
+	 * @returns {string} - The generated HTML ID for the hidden input element.
+	 */
 	getTabularDateTimeHiddenInputHTMLID(pInputHTMLID, pRowIndex)
 	{
 		return `#DATETIME-TABULAR-DATA-${pInputHTMLID}-${pRowIndex}`;
 	}
+	/**
+	 * Generates a tabular date-time input HTML ID based on the provided input HTML ID and row index.
+	 *
+	 * @param {string} pInputHTMLID - The input HTML ID.
+	 * @param {number} pRowIndex - The row index.
+	 * @returns {string} The tabular date-time input HTML ID.
+	 */
 	getTabularDateTimeInputHTMLID(pInputHTMLID, pRowIndex)
 	{
 		return `#DATETIME-TABULAR-INPUT-${pInputHTMLID}-${pRowIndex}`;
 	}
+	/**
+	 * Fires after data has been marshaled to the form.
+	 *
+	 * This is important because the DateTime has a "shadow" hidden input that stores the value for the date control.
+	 *
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pGroup - The group object.
+	 * @param {Object} pRow - The row object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The value to be assigned.
+	 * @param {string} pHTMLSelector - The HTML selector.
+	 * @returns {any} - The result of the super method call.
+	 */
 	onDataMarshalToForm(pView, pGroup, pRow, pInput, pValue, pHTMLSelector)
 	{
 		this.pict.ContentAssignment.assignContent(this.getDateTimeInputHTMLID(pInput.Macro.RawHTMLID), pValue);
 		return super.onDataMarshalToForm(pView, pGroup, pRow, pInput, pValue, pHTMLSelector);
 	}
+	/**
+	 * Marshals data to the form in a tabular format.
+	 *
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pGroup - The group object.
+	 * @param {Object} pRow - The row object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The value to be assigned.
+	 * @param {string} pHTMLSelector - The HTML selector.
+	 * @param {number} pRowIndex - The index of the row.
+	 * @returns {any} - The result of the data marshaling.
+	 */
 	onDataMarshalToFormTabular(pView, pGroup, pInput, pValue, pHTMLSelector, pRowIndex)
 	{
 		this.pict.ContentAssignment.assignContent(this.getTabularDateTimeInputHTMLID(pInput.Macro.RawHTMLID, pRowIndex), pValue);
 		return super.onDataMarshalToFormTabular(pView, pGroup, pInput, pValue, pHTMLSelector, pRowIndex);
 	}
+	/**
+	 * Handles the data request event for the specified input.
+	 *
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The value to be assigned.
+	 * @param {string} pHTMLSelector - The HTML selector.
+	 * @returns {boolean} - Returns true if the data request is successful, otherwise false.
+	 */
 	onDataRequest(pView, pInput, pValue, pHTMLSelector)
 	{
 		// TODO: Should this be opinionated about time zone?  If so, this is the start of it.
@@ -63,6 +121,16 @@ class CustomInputHandler extends libPictSectionInputExtension
 		return super.onDataRequest(pView, pInput, pValue, pHTMLSelector);
 	}
+	/**
+	 * Handles the data request event for the specified input when in a tabular section.
+	 *
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The value to be assigned.
+	 * @param {string} pHTMLSelector - The HTML selector.
+	 * @param {number} pRowIndex - The index of the row.
+	 * @returns {boolean} - Returns true if the data request is successful, otherwise false.
+	 */
 	onDataRequestTabular(pView, pInput, pValue, pHTMLSelector, pRowIndex)
 	{
 		// TODO: If we decide to be opinionated about time zone, use the above here as well
@@ -79,8 +147,6 @@ class CustomInputHandler extends libPictSectionInputExtension
 		return super.onDataRequestTabular(pView, pInput, pValue, pHTMLSelector, pRowIndex);
 	}
 }
 module.exports = CustomInputHandler;

package/source/providers/inputs/Pict-Provider-Input-Select.js CHANGED Viewed

@@ -1,5 +1,12 @@
 const libPictSectionInputExtension = require('../Pict-Provider-InputExtension.js');
+/**
+ * CustomInputHandler class.
+ *
+ * @class
+ * @extends libPictSectionInputExtension
+ * @memberof providers.inputs
+ */
 class CustomInputHandler extends libPictSectionInputExtension
 {
 	constructor(pFable, pOptions, pServiceHash)
@@ -7,26 +14,57 @@ class CustomInputHandler extends libPictSectionInputExtension
 		super(pFable, pOptions, pServiceHash);
 	}
+	/**
+	 * Generates the HTML ID for a select input element.
+	 *
+	 * @param {string} pInputHTMLID - The HTML ID of the input element.
+	 * @returns {string} - The generated HTML ID for the select input element.
+	 */
 	getSelectInputHTMLID(pInputHTMLID)
 	{
 		return `#SELECT-FOR-${pInputHTMLID}`;
 	}
+	/**
+	 * Generates a tabular select input ID based on the provided input HTML ID and row index.
+	 *
+	 * @param {string} pInputHTMLID - The input HTML ID.
+	 * @param {number} pRowIndex - The row index.
+	 * @returns {string} - The generated tabular select input ID.
+	 */
 	getTabularSelectInputID(pInputHTMLID, pRowIndex)
 	{
 		return `#SELECT-TABULAR-DATA-${pInputHTMLID}-${pRowIndex}`;
 	}
+	/**
+	 * Generates a tabular select dropdown ID based on the input HTML ID and row index.
+	 *
+	 * @param {string} pInputHTMLID - The HTML ID of the input.
+	 * @param {number} pRowIndex - The index of the row.
+	 * @returns {string} - The generated tabular select dropdown ID.
+	 */
 	getTabularSelectDropdownID(pInputHTMLID, pRowIndex)
 	{
 		return `#SELECT-TABULAR-DROPDOWN-${pInputHTMLID}-${pRowIndex}`;
 	}
+	/**
+	 * Initializes the input element for the Pict provider select input.
+	 *
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pGroup - The group object.
+	 * @param {Object} pRow - The row object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The input value.
+	 * @param {string} pHTMLSelector - The HTML selector.
+	 * @returns {boolean} - Returns true if the input element is successfully initialized, false otherwise.
+	 */
 	onInputInitialize(pView, pGroup, pRow, pInput, pValue, pHTMLSelector)
 	{
 		// Try to get the input element
 		let tmpInputSelectElement = this.pict.ContentAssignment.getElement(this.getSelectInputHTMLID(pInput.Macro.RawHTMLID));
-		let tmpDefaultData = pInput.PictForm.SelectOptions;
+		let tmpDefaultData = pInput.PictForm?.SelectOptions;
 		if (pInput.PictForm.SelectOptionsPickList && this.pict.providers.DynamicMetaLists.hasList(pView.Hash, pInput.PictForm.SelectOptionsPickList))
 		{
@@ -57,6 +95,17 @@ class CustomInputHandler extends libPictSectionInputExtension
 		return super.onInputInitialize(pView, pGroup, pRow, pInput, pValue, pHTMLSelector);
 	}
+	/**
+	 * Initializes a tabular input element.
+	 *
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pGroup - The group object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The input value.
+	 * @param {string} pHTMLSelector - The HTML selector.
+	 * @param {number} pRowIndex - The index of the row.
+	 * @returns {any} - The result of the initialization.
+	 */
 	onInputInitializeTabular(pView, pGroup, pInput, pValue, pHTMLSelector, pRowIndex)
 	{
 		// Try to get the input element
@@ -92,16 +141,46 @@ class CustomInputHandler extends libPictSectionInputExtension
 		return super.onInputInitializeTabular(pView, pGroup, pInput, pValue, pHTMLSelector, pRowIndex);
 	}
+	/**
+	 * Handles the change event for the data in the select input.
+	 *
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The new value of the input.
+	 * @param {string} pHTMLSelector - The HTML selector of the input.
+	 * @returns {any} - The result of the super.onDataChange method.
+	 */
 	onDataChange(pView, pInput, pValue, pHTMLSelector)
 	{
 		return super.onDataChange(pView, pInput, pValue, pHTMLSelector);
 	}
+	/**
+	 * Handles the change event for tabular data.
+	 *
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The new value.
+	 * @param {string} pHTMLSelector - The HTML selector.
+	 * @param {number} pRowIndex - The index of the row.
+	 * @returns {any} - The result of the super method.
+	 */
 	onDataChangeTabular(pView, pInput, pValue, pHTMLSelector, pRowIndex)
 	{
 		return super.onDataChangeTabular(pView, pInput, pValue, pHTMLSelector, pRowIndex);
 	}
+	/**
+	 * Marshals data to the form for the given input.
+	 *
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pGroup - The group object.
+	 * @param {Object} pRow - The row object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The value to be marshaled.
+	 * @param {string} pHTMLSelector - The HTML selector.
+	 * @returns {boolean} - Returns true if the value is successfully marshaled to the form, otherwise false.
+	 */
 	onDataMarshalToForm(pView, pGroup, pRow, pInput, pValue, pHTMLSelector)
 	{
 		let tmpInputSelectElement = this.pict.ContentAssignment.getElement(this.getSelectInputHTMLID(pInput.Macro.RawHTMLID));
@@ -135,6 +214,17 @@ class CustomInputHandler extends libPictSectionInputExtension
 		return super.onDataMarshalToForm(pView, pGroup, pRow, pInput, pValue, pHTMLSelector);
 	}
+	/**
+	 * Marshals data to a form in tabular format.
+	 *
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pGroup - The group object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The value parameter.
+	 * @param {string} pHTMLSelector - The HTML selector parameter.
+	 * @param {number} pRowIndex - The row index parameter.
+	 * @returns {any} - The result of the data marshaling.
+	 */
 	onDataMarshalToFormTabular(pView, pGroup, pInput, pValue, pHTMLSelector, pRowIndex)
 	{
 		let tmpInputSelectElement = this.pict.ContentAssignment.getElement(this.getTabularSelectDropdownID(pInput.Macro.RawHTMLID, pRowIndex));
@@ -169,6 +259,15 @@ class CustomInputHandler extends libPictSectionInputExtension
 		return super.onDataMarshalToFormTabular(pView, pGroup, pInput, pValue, pHTMLSelector, pRowIndex);
 	}
+	/**
+	 * Handles the data request event for a select input in the PictProviderInputSelect class.
+	 *
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The value object.
+	 * @param {string} pHTMLSelector - The HTML selector object.
+	 * @returns {any} - The result of the onDataRequest method.
+	 */
 	onDataRequest(pView, pInput, pValue, pHTMLSelector)
 	{
 		let tmpInputSelectValue = this.pict.ContentAssignment.readContent(this.getSelectInputHTMLID(pInput.Macro.RawHTMLID));
@@ -177,6 +276,16 @@ class CustomInputHandler extends libPictSectionInputExtension
 		return super.onDataRequest(pView, pInput, tmpInputSelectValue, pHTMLSelector);
 	}
+	/**
+	 * Handles the data request event for a tabular input.
+	 *
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The value object.
+	 * @param {string} pHTMLSelector - The HTML selector.
+	 * @param {number} pRowIndex - The row index.
+	 * @returns {any} - The result of the data request.
+	 */
 	onDataRequestTabular(pView, pInput, pValue, pHTMLSelector, pRowIndex)
 	{
 		let tmpInputSelectValue = this.pict.ContentAssignment.readContent(this.getTabularSelectDropdownID(pInput.Macro.RawHTMLID, pRowIndex));

package/source/providers/inputs/Pict-Provider-Input-TabSelector.js ADDED Viewed

@@ -0,0 +1,145 @@
+const libPictSectionInputExtension = require('../Pict-Provider-InputExtension.js');
+/**
+ * CustomInputHandler class.
+ *
+ * @class
+ * @extends libPictSectionInputExtension
+ * @memberof providers.inputs
+ */
+class CustomInputHandler extends libPictSectionInputExtension
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		super(pFable, pOptions, pServiceHash);
+	}
+	/**
+	 * Generates the HTML ID for a select input element.
+	 * @param {string} pInputHTMLID - The HTML ID of the input element.
+	 * @returns {string} - The generated HTML ID for the select input element.
+	 */
+	getTabSelectorInputHTMLID(pInputHTMLID)
+	{
+		return `#TAB-SELECT-FOR-${pInputHTMLID}`;
+	}
+	/**
+	 * Initializes the input element for the Pict provider select input.
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pGroup - The group object.
+	 * @param {Object} pRow - The row object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The input value.
+	 * @param {string} pHTMLTabSelector - The HTML selector.
+	 * @returns {boolean} - Returns true if the input element is successfully initialized, false otherwise.
+	 */
+	onInputInitialize(pView, pGroup, pRow, pInput, pValue, pHTMLTabSelector)
+	{
+		// Try to get the input element
+		let tmpInputTabSelectorElement = this.pict.ContentAssignment.getElement(this.getTabSelectorInputHTMLID(pInput.Macro.RawHTMLID));
+		let tmpDefaultData = pInput.PictForm?.TabSelectorOptions;
+		if (pInput.PictForm.TabSelectorOptionsPickList && this.pict.providers.DynamicMetaLists.hasList(pView.Hash, pInput.PictForm.TabSelectorOptionsPickList))
+		{
+			tmpDefaultData = this.pict.providers.DynamicMetaLists.getList(pView.Hash, pInput.PictForm.TabSelectorOptionsPickList);
+		}
+		// TODO: Determine later if this should ever be an array.
+		if (tmpInputTabSelectorElement && tmpInputTabSelectorElement.length > 0)
+		{
+			tmpInputTabSelectorElement = tmpInputTabSelectorElement[0];
+		}
+		else
+		{
+			return false;
+		}
+		if (tmpInputTabSelectorElement && tmpDefaultData && Array.isArray(tmpDefaultData))
+		{
+			for (let i = 0; i < tmpDefaultData.length; i++)
+			{
+				let tmpOption = document.createElement('option');
+				tmpOption.value = tmpDefaultData[i].id;
+				tmpOption.text = tmpDefaultData[i].text;
+				tmpInputTabSelectorElement.appendChild(tmpOption);
+			}
+		}
+		return super.onInputInitialize(pView, pGroup, pRow, pInput, pValue, pHTMLTabSelector);
+	}
+	/**
+	 * Handles the change event for the data in the select input.
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The new value of the input.
+	 * @param {string} pHTMLTabSelector - The HTML selector of the input.
+	 * @returns {any} - The result of the super.onDataChange method.
+	 */
+	onDataChange(pView, pInput, pValue, pHTMLTabSelector)
+	{
+		return super.onDataChange(pView, pInput, pValue, pHTMLTabSelector);
+	}
+	/**
+	 * Marshals data to the form for the given input.
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pGroup - The group object.
+	 * @param {Object} pRow - The row object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The value to be marshaled.
+	 * @param {string} pHTMLTabSelector - The HTML selector.
+	 * @returns {boolean} - Returns true if the value is successfully marshaled to the form, otherwise false.
+	 */
+	onDataMarshalToForm(pView, pGroup, pRow, pInput, pValue, pHTMLTabSelector)
+	{
+		let tmpInputTabSelectorElement = this.pict.ContentAssignment.getElement(this.getTabSelectorInputHTMLID(pInput.Macro.RawHTMLID));
+		if (tmpInputTabSelectorElement && tmpInputTabSelectorElement.length > 0)
+		{
+			tmpInputTabSelectorElement = tmpInputTabSelectorElement[0];
+		}
+		else
+		{
+			return false;
+		}
+		let tmpValueTabSelectored = false;
+		for (let i = 0; i < tmpInputTabSelectorElement.options.length; i++)
+		{
+			if (tmpInputTabSelectorElement.options[i].value === pValue)
+			{
+				tmpInputTabSelectorElement.selectedIndex = i;
+				tmpValueTabSelectored = true;
+				break;
+			}
+		}
+		if (!tmpValueTabSelectored)
+		{
+			tmpInputTabSelectorElement.selectedIndex = -1;
+			this.pict.log.error(`The value [${pValue}] was not found in the select options for input [${pInput.Macro.RawHTMLID}] but was set in the hidden HTML input.`);
+		}
+		return super.onDataMarshalToForm(pView, pGroup, pRow, pInput, pValue, pHTMLTabSelector);
+	}
+	/**
+	 * Handles the data request event for a select input in the PictProviderInputTabSelector class.
+	 * @param {Object} pView - The view object.
+	 * @param {Object} pInput - The input object.
+	 * @param {any} pValue - The value object.
+	 * @param {string} pHTMLTabSelector - The HTML selector object.
+	 * @returns {any} - The result of the onDataRequest method.
+	 */
+	onDataRequest(pView, pInput, pValue, pHTMLTabSelector)
+	{
+		let tmpInputTabSelectorValue = this.pict.ContentAssignment.readContent(this.getTabSelectorInputHTMLID(pInput.Macro.RawHTMLID));
+		this.pict.ContentAssignment.assignContent(pHTMLTabSelector, tmpInputTabSelectorValue);
+		pView.dataChanged(pInput.Hash);
+		return super.onDataRequest(pView, pInput, tmpInputTabSelectorValue, pHTMLTabSelector);
+	}
+}
+module.exports = CustomInputHandler;

package/source/providers/layouts/Pict-Layout-TuiGrid/Pict-Section-TuiGrid.js CHANGED Viewed

@@ -1,5 +1,9 @@
 const libPictSectionTuiGrid = require('pict-section-tuigrid');
+/**
+ * TuiGridLayout class represents a layout for TuiGrid in the Pict-Layout-TuiGrid module.
+ * @extends libPictSectionTuiGrid
+ */
 class TuiGridLayout extends libPictSectionTuiGrid
 {
 	constructor(pFable, pOptions, pServiceHash)
@@ -11,6 +15,13 @@ class TuiGridLayout extends libPictSectionTuiGrid
 		this.cachedGridData = [];
 	}
+	/**
+	 * Custom configuration for the grid settings -- fires when
+	 *
+	 * Sets the grid data to the cached grid data for the tuigrid.
+	 *
+	 * @returns {any} The result of the super.customConfigureGridSettings() method.
+	 */
 	customConfigureGridSettings()
 	{
 		// Set the grid data to the cached grid data
@@ -18,6 +29,14 @@ class TuiGridLayout extends libPictSectionTuiGrid
 		return super.customConfigureGridSettings();
 	}
+	/**
+	 * Handles the change event in the Pict-Section-TuiGrid component.
+	 *
+	 * Updates the state in the model based on the grid changes.  This is
+	 *
+	 * @param {Object} pChangeData - The change data object.
+	 * @returns {any} - The result of the super changeHandler method.
+	 */
 	changeHandler(pChangeData)
 	{
 		// Update the state in our model based on the grid

package/source/services/ManifestFactory.js CHANGED Viewed

@@ -11,7 +11,6 @@ class ManifestFactory extends libFableServiceProviderBase
 	{
 		// Intersect default options, parent constructor, service information
 		let tmpOptions = Object.assign({}, JSON.parse(JSON.stringify(_DefaultManifestSettings)), pOptions);
 		super(pFable, pOptions, pServiceHash);
 		this.manifest = tmpOptions.Manifest;
@@ -396,6 +395,7 @@ class ManifestFactory extends libFableServiceProviderBase
 		if (tmpRecord['Equation'])
 		{
+			this.log.trace(`Adding solver to ${tmpRecord.Form} --> ${tmpGroup.Name} for ${tmpRecord['Input Hash']}: ${tmpRecord['Equation']}`);
 			if (tmpGroup.Layout == 'Tabular')
 			{
 				tmpGroup.RecordSetSolvers.push(tmpRecord['Equation']);