udp-stencil-component-library 26.3.0-beta.2 → 26.3.0-beta.21

package/dist/collection/components/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.js

@@ -24,10 +24,10 @@ export class UdpFormsBuilderQuestionItem {
     render() {
         const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
         const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
-        return (h(Host, { key: '0cd58e77eac6870bb70696573beaeca167cda636' }, h("div", { key: '8b4e6d228822e330086ab06b128712272e976fea', class: {
+        return (h(Host, { key: 'f5ee6b816c97ecf2e7703f7bc8000c6c932ef6c8' }, h("div", { key: '0ae65e301bf1b23ea6465d3b8eb046b7ed025538', class: {
                 'list-item': true,
                 'clickable': this.clickable,
-            }, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: 'a10fcb962378192864bce6c55ee5ab0f7fa60d55', class: "upload-container" }, h("slot", { key: '587dbe02a9cce0209b97f2ca9960be31ff31146a', name: "drag-and-drop" })), this.iconName && (h("div", { key: '637d1c70413914880ec524a289606fd44c3fdf65', class: "avatar-container" }, h("udp-avatar", { key: '44b4f780c08236ae1524ccfbc9e51a7936bd3f38', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: '05310d88d15f00ff5d952b7ba9a75620aaa322fd', class: "text-container" }, showPrimaryText && (h("div", { key: '3e13a99f04af917edf094f369d7f0d4f200b5238', class: "primary-text", title: this.primaryText }, h("slot", { key: 'ce03787a8b975e1b5095a178224ba22585380da5', name: "primary-text" }, h("unity-typography", { key: '2a66b8e64c5f715938d8c0201dbe5595ec8ce5d7', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '9030617decb4bfc353c01984aaa03348dfda65b9', class: "secondary-text", title: this.secondaryText }, h("slot", { key: '44ce967d88bd8a2a4403c252efe11dfea433a81d', name: "secondary-text" }, h("unity-typography", { key: 'e41941512d3699d98c2a97e9fa6ea3fe8f2758a0', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '55cfd338797016cea846d6b319ab17a5129b5668', class: "status-chip-container" }, h("slot", { key: '5a65c926f22fdd6d5c1fca4f17afdd5a56e8a34c', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: '488b3023fbe934b9635ceff6dcc4b53303d24f34', class: "actions-container" }, h("slot", { key: 'd20c64dcee68cdfe3a25c14f56b58de2857664c6', name: "actions" }))))));
+            }, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: '6dc8146f85c5276ea378254e384fe5563eaea625', class: "upload-container" }, h("slot", { key: '1087cbd99ec86d743648df714b9d4b9ffb4368db', name: "drag-and-drop" })), this.iconName && (h("div", { key: 'dbcbe5a4f99ac7bf2118f4d28cb976bbf152d0df', class: "avatar-container" }, h("udp-avatar", { key: 'f3b693a3d08b3dabcc5476bd6a8fa65cca90e743', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: '36934390d81898b355fec16dfd8f7441c7cd8ba4', class: "text-container" }, showPrimaryText && (h("div", { key: '96db18efc967162c1f5a7b74d4ef8ae88632f762', class: "primary-text", title: this.primaryText }, h("slot", { key: 'fddf10f951886779e3243d206088a23873e504e4', name: "primary-text" }, h("unity-typography", { key: 'ca27a07e94882485c2bc4186bcc67d69fd6ebdb4', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '9a4925f392ca5e031ac06d3d4ef4c905ec745ef6', class: "secondary-text", title: this.secondaryText }, h("slot", { key: '729d87514f09a4c7cc69e4640d94dbb61b831876', name: "secondary-text" }, h("unity-typography", { key: '35fe4b439aa8016503d0084e550d7b1c6f1a5219', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '3bad9ca488ea4bafbb753496fc519a15efc8284e', class: "status-chip-container" }, h("slot", { key: '0ab0c0eca33fd0a65eac6418330376b0adcda0af', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: '6d6887efa717baf2bb4c6c36bc723b23faf87b8b', class: "actions-container" }, h("slot", { key: '60c596dec942575d2cc3786dd410fea78af9207e', name: "actions" }))))));
     }
     static get is() { return "udp-forms-builder-question-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.js

@@ -3,25 +3,25 @@ import { h } from "@stencil/core";
 export class FileUploadRenderer {
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '85973664054777b6a768c750091ebe53c5416610', class: "file-upload-input-container" }, h("div", { key: 'a90429b0a1ea067c67bb07af94fc256ac59eb73b' }, h("stencil-toggle", { key: 'ff8ff67c3512e14f69855eb8ad8c788666989fb6', label: "Allow Multiple Items", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.allowMultiple), onToggledChange: () => {
+        return (h("div", { key: '0bd55a0546f7cb503487e845fd4cbca91368a36b', class: "file-upload-input-container" }, h("div", { key: '74bba1649bdd51afe5d54622ac5c2ef486350a01' }, h("stencil-toggle", { key: '76814da69f46a17baeccec154412d856c1f64dd0', label: "Allow Multiple Items", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.allowMultiple), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowMultiple');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })), h("div", { key: '3c32c51b5b661e14ef3f57086485c66887c421ac' }, h("stencil-toggle", { key: 'bd379e154a71047207c234355a9a96d886939894', label: "Display Upload Time", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.displayUploadTime), onToggledChange: () => {
+            }, labelPosition: "right" })), h("div", { key: '1d54822e922113e61dae1bc479c0569005fa3780' }, h("stencil-toggle", { key: '9adb4814130d2c4181b55d62dc2b038d03560fad', label: "Display Upload Time", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.displayUploadTime), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayUploadTime');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })), h("div", { key: '0ca9f5a4c72b2630277e28fa7ecce55d23687fbb' }, h("stencil-toggle", { key: 'cf233cb5fe8c628303229778190c843860f49d25', label: "Hide and Disable Drag And Drop", disabled: this.isViewOnly, checked: !!((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.hideDragAndDrop), onToggledChange: () => {
+            }, labelPosition: "right" })), h("div", { key: 'f2a7472ad0ca0e22cc7bb4944fa9a0423514bf37' }, h("stencil-toggle", { key: '5bb98c94d94ccce8c45a81ec550b92de41b8f93f', label: "Hide and Disable Drag And Drop", disabled: this.isViewOnly, checked: !!((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.hideDragAndDrop), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })), h("div", { key: 'c3f7d3431d43b9640ad8a5953fb6f6cb90d81a3d' }, h("stencil-toggle", { key: '2173406356843d93f9dcb9873c0a1abc688b6f5e', label: "Hide and Disable Upload Button", disabled: this.isViewOnly, checked: !!((_d = this.question.fieldProperties) === null || _d === void 0 ? void 0 : _d.hideButton), onToggledChange: () => {
+            }, labelPosition: "right" })), h("div", { key: '481bbf58bcbec43a82e3a6c7b599d5edd9d24453' }, h("stencil-toggle", { key: '16a67388b337db188d054e5343ebfdf1e08de940', label: "Hide and Disable Upload Button", disabled: this.isViewOnly, checked: !!((_d = this.question.fieldProperties) === null || _d === void 0 ? void 0 : _d.hideButton), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/form-metadata-display-renderer/form-metadata-display-renderer.js

@@ -2,19 +2,19 @@ import { h } from "@stencil/core";
 export class FormMetadataDisplayRenderer {
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'cecc2c904ceaacd71ec4132add445db89e47ac66', class: "form-metadata-display-input-container" }, h("div", { key: 'da7c1f0813af26a800e615a25d2e886bd3265f1c' }, h("stencil-toggle", { key: '07c3ddd16ede52becfadb619621857548b603281', label: "Show Form Responder Full Name", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.displayOwnerFullName), onToggledChange: () => {
+        return (h("div", { key: '9899d63c456701dd41573df80c479a30eb353fe4', class: "form-metadata-display-input-container" }, h("div", { key: '358002aea240a513275ec904ac244ac3a01c9130' }, h("stencil-toggle", { key: '0e50bd0887c34d1f26a5d7de1006ba1a605ad2d7', label: "Show Form Responder Full Name", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.displayOwnerFullName), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerFullName');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }), h("stencil-toggle", { key: '02b5c7b6b50c51c4664d6ee205ee41e9c57b467b', label: "Show Form Responder Email", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.displayOwnerEmail), onToggledChange: () => {
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '5cacd22c8e76442a0f35b9f05af225a8810c0653', label: "Show Form Responder Email", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.displayOwnerEmail), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'displayOwnerEmail');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }), h("stencil-toggle", { key: 'cad36c51fabed8befd89cbdf5e26416fd9273147', label: "Show Submission Date", disabled: this.isViewOnly, checked: !!((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.displaySubmissionDate), onToggledChange: () => {
+            }, labelPosition: "right" }), h("stencil-toggle", { key: '74decad3352705b899838f254b71d4055f3c99d9', label: "Show Submission Date", disabled: this.isViewOnly, checked: !!((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.displaySubmissionDate), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.js

@@ -5,15 +5,15 @@ import { getIconFromName } from "../../../../../data-display/icons/iconUtils";
 export class ListOptionsRenderer {
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Host, { key: '31fd87a2e0a469da6072617f7a01e77c7dc2487b' }, h("div", { key: '116730fc67def224bbee4493eb58e2dd5cb787e7', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: '0b105a9b419033e314170b2372ceb5e7bf746314', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
+        return (h(Host, { key: '5d0bfd4da6a01d377bb42b188fb122a14c04d467' }, h("div", { key: '510139c2b1267bbc1b9ec4a239608441097e0b44', class: "question-item-options-list-container" }, ((_a = this.lookupOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("stencil-toggle", { key: '2c98cbb25432e44f05a043d34da23c98c0c32743', label: "Use Lookup Options", disabled: this.isViewOnly, checked: !!(((_b = this.question) === null || _b === void 0 ? void 0 : _b.fieldProperties) && 'lookupId' in this.question.fieldProperties), labelPosition: "right", onToggledChange: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: 'b67935fef19b77d2c448273f21287f870c5a68cf' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
+            } })), 'lookupId' in this.question.fieldProperties && (h("div", { key: 'dddbeae00a090f66726b92854dec2f41c0873d33' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');
                 const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            } }))), 'items' in this.question.fieldProperties && (h("div", { key: '742aa589b6c4b7ddc3bd097c4c7faf4747495787' }, h("div", { key: '93397704e19146c2b7781cf0f2372ea3eabf9b83', class: "list-options-header" }, h("unity-typography", { key: '948873f0e1cb4790811b6237e50154a2af5d259f', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: '4dedb31409b7796dec5488dacbc3b8528e15a57e', variant: "text", onClick: () => {
+            } }))), 'items' in this.question.fieldProperties && (h("div", { key: 'c47883b7f84dd69456ac6fbbdbc96693cbdde956' }, h("div", { key: '8de26781cef15708c81ea10e8d8d55c895cd1e42', class: "list-options-header" }, h("unity-typography", { key: '2a28ba05a4f86aad5adca3c557a06f56020499c2', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: 'e5c169fa153491b0c4eb94e8b3a0b0e7c996dfa8', variant: "text", onClick: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');
                 this.onFormSectionsDraftChange(updated);

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/location-renderer/location-renderer.js

@@ -80,7 +80,7 @@ export class LocationRenderer {
         const showMap = !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.showMap);
         const hideAddressSearch = !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideAddressSearch);
         const booleanToggleHandler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
-        return (h("div", { key: '51fb91c51c411ddc2440c31120920e1a2d7901d6', class: "question-item-map-input-container" }, h("div", { key: '05c1f1bad7b30c8efbdcf1e6408cf2135beb8dc0' }, h("stencil-toggle", { key: 'dacc8e1302ca21144609761b8155b74403a03cd5', label: "Hide Address Search Bar", disabled: this.isViewOnly, checked: hideAddressSearch, onToggledChange: e => {
+        return (h("div", { key: '670cfbf18b4f640cdd8490b93896a3a67039293a', class: "question-item-map-input-container" }, h("div", { key: '3483dc31116713058ff6ca05744e97bed650b4bb' }, h("stencil-toggle", { key: 'e8231d458ce0b02c124e397adef831f05fa6d46b', label: "Hide Address Search Bar", disabled: this.isViewOnly, checked: hideAddressSearch, onToggledChange: e => {
                 var _a;
                 if (this.isViewOnly)
                     return;
@@ -97,7 +97,7 @@ export class LocationRenderer {
                     updated = booleanToggleHandler(updated, this.sIndex, this.qIndex, 'showMap');
                 }
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })), h("div", { key: '652ce2801edd6b31c37e57451c699bf76c9f6a61' }, h("stencil-toggle", { key: 'c630e91ca0a5e920fccc7ed84b446cb8778a824d', label: "Show Map", disabled: this.isViewOnly, checked: showMap, onToggledChange: e => {
+            }, labelPosition: "right" })), h("div", { key: '9dbc16e3c5c9ff184f6fc7f23502188d834cb5f1' }, h("stencil-toggle", { key: '6141dcd1adb0b54f474a5ffab3067f84929454ca', label: "Show Map", disabled: this.isViewOnly, checked: showMap, onToggledChange: e => {
                 var _a;
                 if (this.isViewOnly)
                     return;
@@ -114,19 +114,19 @@ export class LocationRenderer {
                     updated = booleanToggleHandler(updated, this.sIndex, this.qIndex, 'hideAddressSearch');
                 }
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })), showMap && (h("div", { key: '9cd637bd2f014ac6b21e69aafbde733cb862dfd4' }, h("div", { key: '3db79600e8f0b3762743a2760bc76b6ead951313' }, h("address-search", { key: '154db4ede6ee810cd660770380a54293ff1a52f9', ref: el => {
+            }, labelPosition: "right" })), showMap && (h("div", { key: '065637575afad68b5e7c84669a21d6557eb162cb' }, h("div", { key: '438e97df4d541fab1692b9d695ee0c358aeb1c82' }, h("address-search", { key: '1bc2865be6595973acedf38d558be909e3dcf20e', ref: el => {
                 this.addressSearchEl = el;
                 void this.applyPendingInitialAddressQuery();
-            }, inputId: "address-search-field", disabled: this.isViewOnly, appendSuggestionsToBody: true, onAddressSelected: this.handleAddressSelected.bind(this), onSearchCleared: this.handleAddressSearchCleared.bind(this), label: "Default Location" })), h("div", { key: 'a6964a9e7303ea58ee9eab0d9ced6fcdec1a950e' }, h("numeric-field", { key: '6841c31e39c7265d8639ec3d88b427fc9996e339', label: "Map Zoom", initialValue: "17", value: (_d = (_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.mapZoom) === null || _d === void 0 ? void 0 : _d.toString(), disabled: this.isViewOnly, onChange: (e) => {
+            }, inputId: "address-search-field", disabled: this.isViewOnly, appendSuggestionsToBody: true, onAddressSelected: this.handleAddressSelected.bind(this), onSearchCleared: this.handleAddressSearchCleared.bind(this), label: "Default Location" })), h("div", { key: '200b11401644fa72753e0b8877a2d87598d3f349' }, h("numeric-field", { key: 'd1416aa229a1e2b74b14f47e50f305a41f9f3539', label: "Map Zoom", initialValue: "17", value: (_d = (_c = this.question.fieldProperties) === null || _c === void 0 ? void 0 : _c.mapZoom) === null || _d === void 0 ? void 0 : _d.toString(), disabled: this.isViewOnly, onChange: (e) => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyTextChange');
                 const mockEvent = { target: { value: e.detail } };
                 const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'mapZoom');
                 this.onFormSectionsDraftChange(updated);
-            }, min: "1", max: "20" })), h("div", { key: '81fe03e5d20996b86a6056a3065ff699d5d9212c' }, h("text-field", { key: '546217447ecb34b81ae7bce3b3d71e9628e95cc4', label: "Projection", value: (_e = this.question.fieldProperties) === null || _e === void 0 ? void 0 : _e.projection, disabled: this.isViewOnly, placeholder: "Enter map projection here", required: false, onInput: (e) => {
+            }, min: "1", max: "20" })), h("div", { key: '19e2d25db1992b2f27dd98c32bcbaff7d3145eb6' }, h("text-field", { key: '5ab18e4a1cfe237f228ff2d2d4dbfe81f604fd93', label: "Projection", value: (_e = this.question.fieldProperties) === null || _e === void 0 ? void 0 : _e.projection, disabled: this.isViewOnly, placeholder: "Enter map projection here", required: false, onInput: (e) => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyTextChange');
                 const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'projection');
                 this.onFormSectionsDraftChange(updated);
-            } })), h("div", { key: '1ac6e40daf18a478b97843205a6040da0c3df6bd' }, h("text-field", { key: '01348b49c46199354f0207d0ec513c32b66522e8', label: "Projection Definition", value: (_f = this.question.fieldProperties) === null || _f === void 0 ? void 0 : _f.projectionDefs, disabled: this.isViewOnly, placeholder: "Enter map projection definition here", required: false, onInput: (e) => {
+            } })), h("div", { key: 'd29ea07210d2d5b1512315245643bd7c88365ce0' }, h("text-field", { key: '2cf3f1102e2d6daff42faff2638d9d5ece453afb', label: "Projection Definition", value: (_f = this.question.fieldProperties) === null || _f === void 0 ? void 0 : _f.projectionDefs, disabled: this.isViewOnly, placeholder: "Enter map projection definition here", required: false, onInput: (e) => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyTextChange');
                 const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'projectionDefs');
                 this.onFormSectionsDraftChange(updated);

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.js

@@ -20,41 +20,41 @@ export class QuestionConfigsRenderer {
         var _a;
         const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);
         const isQuestionTextRequired = !(template && template.questionTextOptional);
-        return (h("div", { key: 'd2772dd681a8b4aacaeed761ba9c965a1b1a4d22', class: "generic-configs-container" }, h("div", { key: '90b6b09574a19b8f0ead25386a76ac3951a67ad7', class: "question-configs-header" }, h("unity-typography", { key: '7804dad70aec41bb93be9ce92373c006fb0c9625', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: '1c6aabc296ace7193bb68a39937164bb4b42939d' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: 'a26355eba84f9ca62f3d9cfab181709ae88a229d', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
+        return (h("div", { key: '600777fb9d46819ca072bea547585c221e9c1ad7', class: "generic-configs-container" }, h("div", { key: '05ef650bef28cf7f3fe164a89a3a0cbdb0e7fd40', class: "question-configs-header" }, h("unity-typography", { key: 'eb26e4f98548b80fd1d7f872bec4a90ce7eed55b', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: '6404191df6a717b3dfc64268eec44f3772897b13' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '454767a854087655c9f72060593dfeb6c7aebb88', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
                 const newValue = !this.question.required;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })))), h("text-area", { key: '1750414482561a59ebde43b977c6e2baf589f9cd', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
+            }, labelPosition: "right" })))), h("text-area", { key: '4226a9ebd2a596b1be11ac6988d10a7934ee4bc5', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-area", { key: '9f1eaeeb3794f9cf6388952a0a6af7eb326f0c0e', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
+            } }), h("text-area", { key: 'ebc617119b5c7e65148bd86223a8c05fe30874b5', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-field", { key: 'a00923cb586dd53ea7fefe24d64f2fe1d50def84', label: "Reference Code", value: (_a = this.question.referenceCode) !== null && _a !== void 0 ? _a : '', disabled: this.isViewOnly, placeholder: "Enter an optional reference code (32 character limit)", required: false, margin: 'dense', maxCharacter: 32, onInput: e => {
+            } }), h("text-field", { key: 'a81d180677ded40c03900eda13d0ee1ee1564794', label: "Reference Code", value: (_a = this.question.referenceCode) !== null && _a !== void 0 ? _a : '', disabled: this.isViewOnly, placeholder: "Enter an optional reference code (32 character limit)", required: false, margin: 'dense', maxCharacter: 32, onInput: e => {
                 const inputValue = e.target.value;
                 const normalizedValue = inputValue.trim();
                 const newValue = normalizedValue.length > 0 ? normalizedValue : null;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'referenceCode');
                 this.onFormSectionsDraftChange(updated);
-            } }), h("question-specific-configs-renderer", { key: '60cf9158b12fab3029854c8bfcf359ac6718a179', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), h("div", { key: '4dd24f55f514851d9354ded050884d03025c0736' }, h("stencil-toggle", { key: 'e969af30a8d2bd19a41b542978f0df5a3745b45f', label: "Read Only", disabled: this.isViewOnly, checked: this.question.fieldProperties.readOnly === true, onToggledChange: () => {
+            } }), h("question-specific-configs-renderer", { key: 'bed907dfe360ea9ee55b4b60c76d6324229f5fc6', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), h("div", { key: 'baf9fe1f2296d614ed4a43917abc2fd45cca8209' }, h("stencil-toggle", { key: '0b9bee6daa1445e58556a8a665677cd631181364', label: "Read Only", disabled: this.isViewOnly, checked: this.question.fieldProperties.readOnly === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'readOnly');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })), this.isCommentingConfigOn && (h("div", { key: 'ffdea6b6e7786b63be709372ce1e4fb48114b032' }, h("stencil-toggle", { key: 'b834aeb9e10ad18f209ddbe1f22e32dbe3149dc0', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
+            }, labelPosition: "right" })), this.isCommentingConfigOn && (h("div", { key: '933950767a9656820c187d2d9ac003b5a86851d0' }, h("stencil-toggle", { key: '848fd4bf8abc7aa91c5e889499a77d4ed849ba18', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }))), this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (h("div", { key: 'bdc8390ce90567c42cce400310c3b00cd9ce3981' }, h("stencil-toggle", { key: '3d2574c20080e12825bc72017f0fb2e8346459f9', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
+            }, labelPosition: "right" }))), this.formType == UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (h("div", { key: '0ee173a1e2d179e0ae9d55c98c680a0b771cb172' }, h("stencil-toggle", { key: '4e1f50f4dc0c172e409b33e15235ba5cf2a2c29e', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/section-configs-renderer/section-configs-renderer.js

@@ -21,21 +21,21 @@ export class SectionConfigsRenderer {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'e92b6ec51b4a0fcfadb4f4debe5134b598790a6e', class: "generic-configs-container" }, h("text-area", { key: '12c7c8183ca5448c9c0e86ac2452459d56d17c84', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
+        return (h("div", { key: 'e669b10c9aac0daf63dc90c78b246772b9eaf4d7', class: "generic-configs-container" }, h("text-area", { key: '9c85a3af7ce557b7b39db48134ee4322edcdce5d', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
                 const newValue = e.target.value;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'title', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-field", { key: '166ea825159c78dbd0684f13716eff09e9193756', label: "Reference Code", value: (_a = this.section.referenceCode) !== null && _a !== void 0 ? _a : '', disabled: this.isViewOnly, placeholder: "Enter an optional reference code (32 character limit)", maxCharacter: 32, onInput: (e) => {
+            } }), h("text-field", { key: '87c24ec88c990424516f4ff7372a3ce9dd04a465', label: "Reference Code", value: (_a = this.section.referenceCode) !== null && _a !== void 0 ? _a : '', disabled: this.isViewOnly, placeholder: "Enter an optional reference code (32 character limit)", maxCharacter: 32, onInput: (e) => {
                 const inputValue = e.target.value;
                 const normalizedValue = inputValue.trim();
                 const newValue = normalizedValue.length > 0 ? normalizedValue : null;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'referenceCode', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } }), h("text-area", { key: 'f844eb102f024bd5917bcae59f3ad2a6ab3c0460', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
+            } }), h("text-area", { key: '0335dc12467e8b1d2e319811152496029a18948a', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
                 const newValue = e.target.value;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'sectionText', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } }), h("stencil-toggle", { key: 'fcd1aca8c693e982b698d92ffa7536fccee20609', label: "Repeatable", disabled: this.isViewOnly, checked: ((_b = this.section.sectionProperties) === null || _b === void 0 ? void 0 : _b.isRepeatable) === true || false, onToggledChange: () => {
+            } }), h("stencil-toggle", { key: '4d4cf9c887499755ab6b415454b2d00e03833ac2', label: "Repeatable", disabled: this.isViewOnly, checked: ((_b = this.section.sectionProperties) === null || _b === void 0 ? void 0 : _b.isRepeatable) === true || false, onToggledChange: () => {
                 const newValue = !this.section.sectionProperties.isRepeatable;
                 const updated = this.handleSectionRepeatablePropertyChange(this.sIndex, newValue);
                 this.onFormSectionsDraftChange(updated);

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/signature-renderer/signature-renderer.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 export class SignatureRenderer {
     render() {
         var _a;
-        return (h("div", { key: '696d8890daa7df3bdc134b54ae9109f94ad87d97', class: "signature-input-container" }, h("div", { key: 'd103475a2428d8422660b730171f4b28d234a3bf' }, h("stencil-toggle", { key: '44e723fa1b3dac2267f1c75c55a6ab6dc045a28a', label: "Include Location", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.includeLocation), onToggledChange: () => {
+        return (h("div", { key: 'f69cf0383ed8a9b0b2728d34b2c87469db3a65d2', class: "signature-input-container" }, h("div", { key: 'f909b6d167773fb93122ddb3c4ef51485c512ed1' }, h("stencil-toggle", { key: '386784f51dc51da4904b32c710dbce3defc4d08f', label: "Include Location", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.includeLocation), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/table-columns-renderer/table-columns-renderer.js

@@ -95,11 +95,11 @@ export class TableColumnsRenderer {
         const columns = Array.isArray((_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.fieldProperties) === null || _b === void 0 ? void 0 : _b.columns)
             ? this.question.fieldProperties.columns
             : [];
-        return (h(Host, { key: 'eef51eb2728f8c43cc4d97dfd266f9587d2bad28' }, h("div", { key: 'ccb25ff961c6af6b39c78ecacefc3c7e9749352b', class: "table-columns-container" }, h("div", { key: '5b9918427706e34b6f1945598c40f41e67f83f43', class: "table-columns-header" }, h("unity-typography", { key: '7bc1233b825c11eea5689c1346958c1f0b0c7cd5', variant: "h6" }, "Configure Table Columns"), !this.isViewOnly && (h("udp-button", { key: '0ad57c746bb7a5193ec80dc5129c5b5f4945ad3f', variant: "text", onClick: () => {
+        return (h(Host, { key: '127b85757e2b9b7e710768f51c1e328d49b33dc7' }, h("div", { key: 'd6ed277cf1cd5fe3fd28df1ab30e363770658d03', class: "table-columns-container" }, h("div", { key: 'aee949c45709af4cfced27725f2957adefb7aafe', class: "table-columns-header" }, h("unity-typography", { key: '979ad3fda4903e709a6ad2b33c91d8c7ba6d3cab', variant: "h6" }, "Configure Table Columns"), !this.isViewOnly && (h("udp-button", { key: 'a4f865900ab5e86485ffcc1cfbe3089e0a702e44', variant: "text", onClick: () => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddTableColumn');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);
                 this.onFormSectionsDraftChange(updated);
-            }, startIcon: h("udp-icon", { iconName: 'add', darkIcon: true }), title: "Add a Column" }, "Add a Column"))), h("div", { key: '686c293b67d47ca9b2f456e020dbaf81152695c9', class: "table-columns-list" }, columns.map((column, idx) => {
+            }, startIcon: h("udp-icon", { iconName: 'add', darkIcon: true }), title: "Add a Column" }, "Add a Column"))), h("div", { key: '11c23d800c04d1ad000ee4f397471433e6d96cd6', class: "table-columns-list" }, columns.map((column, idx) => {
             const columnType = ((column === null || column === void 0 ? void 0 : column.type) === 'number' ? 'number' : 'text');
             const isRequired = !!(column === null || column === void 0 ? void 0 : column.required);
             const aggregate = ((column === null || column === void 0 ? void 0 : column.aggregate) || 'sum');

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/text-input-renderer/text-input-renderer.js

@@ -2,12 +2,12 @@ import { h } from "@stencil/core";
 export class TextInputRenderer {
     render() {
         var _a, _b;
-        return (h("div", { key: '7069fbc53bdff5ef7270a90a348d69b15ca89de1', class: "question-item-text-input-container" }, h("div", { key: '55b623efc1d8484d92dfe378d7d3665351c05a38' }, h("numeric-field", { key: '45bed192082d29767a79bcc8fd574aed7f890a31', label: "Min Character Length", value: (_a = this.question.fieldProperties.minCharacter) === null || _a === void 0 ? void 0 : _a.toString(), disabled: this.isViewOnly, onChange: e => {
+        return (h("div", { key: '4f03a2283a8dcce19d7cb1de2b8dc4c5815cf44f', class: "question-item-text-input-container" }, h("div", { key: '29032bc8962af644b50d07857b7be491e9e24fca' }, h("numeric-field", { key: '78b2b837149fae772bc4476770f034dfeb045473', label: "Min Character Length", value: (_a = this.question.fieldProperties.minCharacter) === null || _a === void 0 ? void 0 : _a.toString(), disabled: this.isViewOnly, onChange: e => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');
                 const mockEvent = { target: { value: e.detail } };
                 const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'minCharacter');
                 this.onFormSectionsDraftChange(updated);
-            } })), h("div", { key: '6d30c29d490a40df61e159d2dfea9243de2e2e6c' }, h("numeric-field", { key: 'af5cec08f6b40169b08c9be7039540d42cfaca3d', label: "Max Character Length", value: (_b = this.question.fieldProperties.maxCharacter) === null || _b === void 0 ? void 0 : _b.toString(), disabled: this.isViewOnly, onChange: e => {
+            } })), h("div", { key: 'b5efa6ebf6bf17e1ac0b39bcb91dc52b0fe8bd2d' }, h("numeric-field", { key: '2f5ff8ac145fc7d3bb5071f9acc9a1847349cc8a', label: "Max Character Length", value: (_b = this.question.fieldProperties.maxCharacter) === null || _b === void 0 ? void 0 : _b.toString(), disabled: this.isViewOnly, onChange: e => {
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');
                 const mockEvent = { target: { value: e.detail } };
                 const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxCharacter');

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu/udp-forms-builder-menu.js

@@ -6,8 +6,8 @@ export class UdpFormsBuilderMenu {
     }
     render() {
         return [
-            h("div", { key: 'b9a6e10ed11c15018fb6862954674e24527e83db', class: 'menu-header-container' }, h("unity-typography", { key: '938119e467ad133f4d5a7f780ba28ad339f3181c', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: '08a6f1af7d1cab0f2bbef8c5517e7f4e3917837b', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
-            h("div", { key: '39b6cef83986a02d05a7e74f1163d26f71574e77', class: "menu-options-container" }, this.questionsTemplate.map(q => (h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
+            h("div", { key: '5257b15592b040e364ace597f48184f971947175', class: 'menu-header-container' }, h("unity-typography", { key: '97ea505539e98a2e12c2a46f88bd10ae4fdaf904', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: '2f385bb9f121f585d46a2fce6227ba7a9dbb2612', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
+            h("div", { key: 'f9500b2c9ea04f5068de54db6dc6580aacb3046c', class: "menu-options-container" }, this.questionsTemplate.map(q => (h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
         ];
     }
     static get is() { return "udp-forms-builder-menu"; }

package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override/udp-forms-builder-style-override.js

@@ -39,7 +39,7 @@ export class UdpFormsBuilderStyleOverride {
     render() {
         // if (!this.isVisible) return null;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
-        return (h(Host, { key: '97674c910d0477cbc4a0793b24b0c6f7f4744ebb' }, h("unity-typography", { key: 'f70daf1122b765c1685eff8a9bde09cd7bd0285d', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '86eaf88fabd2add92b8690cdac7e36fcc2fa27a6' }), h("unity-typography", { key: '6c41509d5a55512c251f0a5d2fd7eade005aea8c', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
+        return (h(Host, { key: '41ae25231925c45e091607714f420251f1059a9e' }, h("unity-typography", { key: 'bd78e41dfb58f5b1fa0dd6aad16b3839d89cec81', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '1a4f260f3099265e2f20a9135877daf788837747' }), h("unity-typography", { key: 'da6b030f62ee4be948e0b3d689ce278a1d0ac20c', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
     }
     static get is() { return "udp-forms-builder-style-override"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/forms/udp-forms/udp-forms-list/udp-forms-list-card/udp-forms-list-card.js

@@ -73,16 +73,16 @@ export class UdpFormsListCard {
         };
     }
     render() {
-        const contentJsx = (h(Fragment, { key: '3080aabab1add1eed9b4d2705cf302ed186228d4' }, h("unity-typography", { key: '8afc0b2acb20a7eb832c5f255d973b59542dddc2', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: 'ef68955c681b34fc57fe6e5ffc14bae6ad0f48e7', variant: "body1", color: "textSecondary" }, "Last Modified: ", dateFormatter(this.data.lastModifiedOn))), h("unity-typography", { key: '841cca03bcadd90714e1c413b40b328fa5f122dd', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? dateFormatter(this.data.createdOn) : dateFormatter(this.data.initialCreatedOn)), this.isFollowUpFormConfigOn && (h("unity-typography", { key: '33fbd12b8ecc0377d7afa69b3a5ca45734deaf83', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.data.type]))));
-        const actionsJsx = (h(Fragment, { key: 'fbbf1bb2f4b79bad978d27ae7c440c73948d92b3' }, h("stencil-icon-button", { key: '0715a37397205b205f914772f5ecaf1616be69b6', icon: Edit, tooltip: "Edit Form Template", onClick: (e) => this.handleEditOrTitleClick(e) }), !this.isSideSheetList && this.isRendererRedirectConfigOn && (h("stencil-icon-button", { key: '5a83291e915d80c6072c5b61b0b242b14f3ea31c', icon: DocumentAdd, tooltip: "View Form", onClick: e => {
+        const contentJsx = (h(Fragment, { key: 'f6553a70db7447217e848748cdba55b39e3895c9' }, h("unity-typography", { key: '17234a2ab4809cfd1068656979dd3aa8b24decde', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: '9ae88f03d117cfd350efca0f92d511bb6e9438db', variant: "body1", color: "textSecondary" }, "Last Modified: ", dateFormatter(this.data.lastModifiedOn))), h("unity-typography", { key: '5fb812e5a5ff76ff85e45f287073d404a8a44f0c', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? dateFormatter(this.data.createdOn) : dateFormatter(this.data.initialCreatedOn)), this.isFollowUpFormConfigOn && (h("unity-typography", { key: '5635f71ffd1f420b4e33058967e8ccb3535065c4', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.data.type]))));
+        const actionsJsx = (h(Fragment, { key: '15b5b00f7420a5d47d17dfacf2ccd72396859a14' }, h("stencil-icon-button", { key: 'e67ed53a220cc04313aba3369a06a55c74d636ca', icon: Edit, tooltip: "Edit Form Template", onClick: (e) => this.handleEditOrTitleClick(e) }), !this.isSideSheetList && this.isRendererRedirectConfigOn && (h("stencil-icon-button", { key: '2f251f0ee8681ae6a69ca350740b5f4639a07d42', icon: DocumentAdd, tooltip: "View Form", onClick: e => {
                 e.stopPropagation();
                 this.formRendererHandler();
-            } })), !this.isSideSheetList && (h("stencil-icon-button", { key: 'dacbf34ca3dcdb4566841e397db18df8cd6164ff', icon: ChevronRight24, tooltip: "See Form Version History", onClick: e => {
+            } })), !this.isSideSheetList && (h("stencil-icon-button", { key: 'efffcf811bb58e43c9e80b50d050d6ce2803a7ba', icon: ChevronRight24, tooltip: "See Form Version History", onClick: e => {
                 var _a;
                 e.stopPropagation();
                 (_a = this.openSideSheet) === null || _a === void 0 ? void 0 : _a.call(this);
             } }))));
-        return (h("udp-card", { key: '6aac435cf6b1715a5d5728ed6fd3a7765d10b46a', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleEditOrTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+        return (h("udp-card", { key: '02261aa6c444557b5e3dd460650950a4e90a70ae', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleEditOrTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
     }
     static get is() { return "udp-forms-list-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/forms/udp-forms/udp-forms-list/udp-forms-list.js

@@ -216,7 +216,7 @@ export class UdpFormsList {
         return this.errorMessage ? (h("div", { class: "error-banner" }, h("unity-typography", { variant: "body2" }, this.errorMessage))) : null;
     }
     render() {
-        return (h("div", { key: '3bdcb8e1c8c91db5ae0fcfb89cb60e04b37d3dcb', class: "udp-forms-list-container" }, this.isCreateNewFormHeaderActionConfigOn ? (h("primary-action-header", { title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false })) : (h("primary-action-header", { title: "UDP Forms", tabs: false })), this.isLoading && h("udp-linear-loader", { key: '3dcbf2d86b563e41debf7d35bb708f6201057cda' }), this.renderSideSheet(), h("udp-container", { key: 'ae64034b41ad5ad7435344b41ba9ce2c0f914394', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '02f268c528678f52b877881254fd354b6a78d6bf', itemComponent: "udp-forms-list-card", data: this.mainFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.MAIN_PAGE_SIZE, currentPage: this.mainListPageNumber, totalItems: this.mainTotalItems, onPageChange: e => this.handleMainPageChange(e.detail), componentDataMap: this.componentMap, spacing: "md" })), h("udp-forms-list-card", { key: '4a64d67f93bf4ad25aaf79c219f39302087ffcbc', style: { display: 'none' } }), h("div", { key: '67154eaaf368fb67b9966db4603428ad2998ed6f', style: { height: '60px' } })));
+        return (h("div", { key: 'e958b3af122ef19803aab3523e3f4eaacdca8241', class: "udp-forms-list-container" }, this.isCreateNewFormHeaderActionConfigOn ? (h("primary-action-header", { title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false })) : (h("primary-action-header", { title: "UDP Forms", tabs: false })), this.isLoading && h("udp-linear-loader", { key: '0a99e17acff1ed6f9dd88819845e3ee4df849f68' }), this.renderSideSheet(), h("udp-container", { key: 'a32ab394d6621dbe104d71090b93a66e0d5456e6', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '1c0cb9e180cde66d298b6b92551aba967eebdda1', itemComponent: "udp-forms-list-card", data: this.mainFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.MAIN_PAGE_SIZE, currentPage: this.mainListPageNumber, totalItems: this.mainTotalItems, onPageChange: e => this.handleMainPageChange(e.detail), componentDataMap: this.componentMap, spacing: "md" })), h("udp-forms-list-card", { key: 'd626678fe095200d83b14d4c40b8c663786b8451', style: { display: 'none' } }), h("div", { key: '122b96ae2b68b47f6f962b42bac9079c60272129', style: { height: '60px' } })));
     }
     static get is() { return "udp-forms-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-follow-up-list-card/udp-forms-follow-up-list-card.js

@@ -2,8 +2,8 @@ import { h, Fragment } from "@stencil/core";
 import { UdpFormsTypeEnum } from "../../udp-forms-utils/enums";
 export class UdpFormsFollowUpListCard {
     render() {
-        const contentJsx = (h(Fragment, { key: '8df8a85ddafca8d29883dce8bce06f38d38380f0' }, h("unity-typography", { key: 'b44083355f6b4a239b8ccb81805956e0db477eae', variant: "body1", color: "textSecondary" }, "Version: ", this.listItemData.version), h("unity-typography", { key: '6b0e2a19b90ff7bc02a306948e3a0f3681db9e3d', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.listItemData.type])));
-        return (h("udp-card", { key: '467464bd47120a02416dd8a954aa41400c64af7d', cardTitle: this.listItemData.name, subheader: this.listItemData.description, onTitleClick: () => this.handleLaunchFollowUpForm(), disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+        const contentJsx = (h(Fragment, { key: 'c20dc775734d36354df7aa084502a5719a23a2df' }, h("unity-typography", { key: 'bff8fcdb24d63ad789999104dcc31940026df34d', variant: "body1", color: "textSecondary" }, "Version: ", this.listItemData.version), h("unity-typography", { key: '4cb261a73046a60a15daf603625e35081f3c6005', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.listItemData.type])));
+        return (h("udp-card", { key: '594a7219f8d703acab58c7429095a1f9d26e37bb', cardTitle: this.listItemData.name, subheader: this.listItemData.description, onTitleClick: () => this.handleLaunchFollowUpForm(), disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
     }
     static get is() { return "udp-forms-follow-up-list-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.js

@@ -644,7 +644,7 @@ export class UdpFormsRenderer {
         return this.isSubmitted || this.udpFormSubmission.unityUserId !== this.clientUserInfo.id;
     }
     render() {
-        return (h("div", { key: '43693c3e7463897dc09265c782d9267ee08f07b4', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, formTemplateOverrides: this.formTemplateOverrides, currentValues: this.currentValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving,
+        return (h("div", { key: 'd117ef46fabf08d4b961e746cac2ab350d4d1cd5', class: "forms-renderer-container", style: this.isLoading ? { minHeight: '100vh' } : {} }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, formTemplateOverrides: this.formTemplateOverrides, currentValues: this.currentValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving,
             // saveErrorMessage={this.saveErrorMessage}
             // showAutoSaveStatus={this.formSubmissionHandler.supportsAutoSave() && !!this.userId}
             readonly: this.isReadOnlyMode, handleSubmit: this.handleSubmit.bind(this), handleSave: values => Promise.resolve(this.debouncedManualSave(values)), handleChange: this.handleFormChange, handleAction: this.triggerAction, handleFinish: this.handleFinish, clientUserInfo: this.clientUserInfo, isSubmitted: this.isSubmitted, dynamicSections: this.dynamicSections, duplicateRepeatableSection: this.duplicateRepeatableSection, deleteRepeatableSection: this.deleteRepeatableSection, key: `form-rerender-key-${this.reRenderKey}`, isShowManualSaveIcon: this.isShowManualSaveIcon(), isLoading: this.isLoading, performBackgroundSaveAndUpdateLocalSubmissionState: this.performBackgroundSaveAndUpdateLocalSubmissionState })));

package/dist/collection/components/forms/udp-forms/udp-question/table-input/table-input.js

@@ -745,7 +745,7 @@ export class TableInput {
     render() {
         const isReadOnly = this.readonly || this.disabled;
         const hasTableColumns = this.columns.length > 0;
-        return (h("div", { key: '1567aefbf4f467f3a9c6e012811c5bf927a65bfb', class: "table-input-container" }, hasTableColumns ? (h("div", null, h("div", { class: "table-grid-wrapper" }, h("client-side-grid", { key: `table-grid-${this.gridRenderNonce}`, columnDefs: this.getGridColumns(isReadOnly), rowData: this.initialGridRows, gridHeight: this.getGridHeight(), gridOptions: this.getGridOptions(), gridApiCallback: this.handleGridApiCallback })), !isReadOnly && (h("div", { class: "table-input-add-row-button" }, h("udp-button", { variant: "text", onClick: () => this.handleAddRow(), startIcon: h("udp-icon", { iconName: "add", color: "inherit" }) }, "Add a Row"))))) : (h("div", { class: "table-empty-state" }, "No columns configured."))));
+        return (h("div", { key: '3a213efec352e7d39b1088761f05af3fa4a20325', class: "table-input-container" }, hasTableColumns ? (h("div", null, h("div", { class: "table-grid-wrapper" }, h("client-side-grid", { key: `table-grid-${this.gridRenderNonce}`, columnDefs: this.getGridColumns(isReadOnly), rowData: this.initialGridRows, gridHeight: this.getGridHeight(), gridOptions: this.getGridOptions(), gridApiCallback: this.handleGridApiCallback })), !isReadOnly && (h("div", { class: "table-input-add-row-button" }, h("udp-button", { variant: "text", onClick: () => this.handleAddRow(), startIcon: h("udp-icon", { iconName: "add", color: "inherit" }) }, "Add a Row"))))) : (h("div", { class: "table-empty-state" }, "No columns configured."))));
     }
     static get is() { return "table-input"; }
     static get encapsulation() { return "shadow"; }