udp-stencil-component-library 25.18.1-beta.7 → 25.18.1-beta.8

package/dist/esm/numeric-field_5.entry.js

@@ -122,7 +122,7 @@ const NumericField = class {
             'bx--text-input--error': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: '9360c33f329089e826a024dbb9fc5428953657a4', class: {
+        return (h(Host, { key: 'badaf6d93163a5e0d5bf1cb033d598d83be73b48', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -131,9 +131,9 @@ const NumericField = class {
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'a546669bf6e7ea1e92f68be40c7d5d08becc0c53', class: "bx--form-item" }, h("unity-typography", { key: 'dd1dae528f12cc9d1f84bed1b189af031398f160', variant: "caption-text" }, h("label", { key: 'c747bbd8c5cec2b8792076d1cfcb564ad3e37907', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'b725b7a222e9c79497aadb4d253c027f156c9a24', class: "bx--form-item" }, h("unity-typography", { key: '4a8de311ad90f28627f65efd0e82b261b9694084', variant: "caption-text" }, h("label", { key: '468eb2655787185f23310d258c069e26cc16c5bc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
             //@ts-ignore
-            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '32d8f5447f2f14da09f683ac40784d2b921a5105', class: "error-message" }, h("unity-typography", { key: '4f818ca155926a1d88018853d738bbc090060773', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '3b50f72129f7cc9d7033aa76cba4f378cdec47c1', class: "error-message" }, h("unity-typography", { key: 'dc81e247eceaaa8bf97c7615a6df5410da03ea0d', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get watchers() { return {
         "error": ["updateError"],
@@ -352,7 +352,7 @@ const TextArea = class {
     }
     render() {
         const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;
-        return (h(Host, { key: '01b060cb795ba1c1320bbf5e640faac9305ed4df', class: {
+        return (h(Host, { key: '330b822d26731c699507bd061a22a1a01239a8d0', class: {
                 'udp-input': true,
                 'udp-input--error': !!errorMessage,
                 'udp-input--disabled': disabled,
@@ -361,11 +361,11 @@ const TextArea = class {
                 'udp-input--required': required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '04570e8c58353f38268ffca8df06f954250de3e2', class: "bx--form-item" }, h("unity-typography", { key: '105b1e743be4c0b4fce9b27aaa7b354cbd975e66', variant: "caption-text" }, h("label", { key: '7b46e00e85ee85afea05f1c1ca47e227e4703efc', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: '2ef3dac25799642b9ad5f66abb4a87010347f76d', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, h("div", { key: '4252c422de5b9670ccc7a33e1e1ffcb04b90e08a', class: "bx--form-item" }, h("unity-typography", { key: '86c6ea2fabe2810fc6dbf1400311caa21fbea544', variant: "caption-text" }, h("label", { key: 'a4816120f1d41f15599f0c61ab40f6f3eb6f39bc', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: 'e16410a443695a5b0f0a39573cc8274a0c22e98c', ref: el => (this.textareaEl = el), id: id, class: {
                 'bx--text-input': true,
                 'bx--text-input--error': !!errorMessage,
                 'text-area--disabled': disabled,
-            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (h("div", { key: '5f222207af8d38edc8509650b6818bb913bef069', class: "error-message" }, h("unity-typography", { key: '32561b17fa58cc1632a7dd578a1795438474d89f', variant: "caption-text", color: "error" }, errorMessage))))));
+            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (h("div", { key: '033bb6255f680f35dbe0027b9d202e179a3c9bf4', class: "error-message" }, h("unity-typography", { key: '03e9835bef7a6737b3e8ebf56f5ce1d303d72732', variant: "caption-text", color: "error" }, errorMessage))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -500,7 +500,7 @@ const UdpDateSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '9edbe6a132cbecabfea080c71930e2477873dd91', class: {
+        return (h(Host, { key: '70baf93e973186a4adaf2ff3637470bafa666939', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -509,9 +509,9 @@ const UdpDateSelector = class {
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'a5bf7a47b784bef02ca873afc691b7d03f8dfd13', class: "bx--form-item" }, h("unity-typography", { key: '2d4f3a8e6971b074e6eca1788ff2ab9310ee5a74', variant: "caption-text" }, h("label", { key: '3acbd7d9c29a59d56e3e31c4e646f723858cecdc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '22a924af3868e9624679f5a303cdd09ea1addf2c', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '92c4d7e51a06ed0db42f868824d7f79629132a9d', class: "bx--form-item" }, h("unity-typography", { key: 'add2baeda562873dd2ef6b306aa1d63c66cf55c7', variant: "caption-text" }, h("label", { key: '131508794697abd61d2ed91fc70c35a401c9fbc9', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '49e4f5f63c495fc12c3228a4f897d4a8e453b288', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: '0b542429910e6f1fa5c5aa2ae9db1e6e0a13603a', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: 'a0a58ed508cb607e2e32c42f5b7d3d2bd5b4b6d0', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": ["updateError"],
@@ -674,7 +674,7 @@ const UdpDateTimeSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '03dc3a30955b984622c94a3457ac182e09b70d5b', class: {
+        return (h(Host, { key: '47e3932d88410bf3518fd7c6e208fb6c38eebe17', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -683,9 +683,9 @@ const UdpDateTimeSelector = class {
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'faf64e8afed26baf9d6520abffa33fa3d02ff8ce', class: "bx--form-item" }, h("unity-typography", { key: '1d6ae7b0b37c3d765a2fd82547693459525e37c7', variant: "caption-text" }, h("label", { key: 'f037be2134b9694261405175cdd3a5da8f782897', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '44f7935c6125d02971ab9fef142fddf0ed42d423', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '9fe7320e24b25746556eaf05c056998a6784f3f8', class: "bx--form-item" }, h("unity-typography", { key: '7a8f23d889846cae6708fb5924d87bcb6b5dd44d', variant: "caption-text" }, h("label", { key: 'e524f51437e391dedd8a09bf62ac8025a809203c', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '60b004683304bd644f212980649e0b64991dab84', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '1adacdb6e4bb8dd6faa9b061866bf7f74970d05d', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '8f7b7f221cf7b3f71159814efd482f558b051b89', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": ["updateError"],
@@ -919,7 +919,7 @@ const UdpTimeSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: 'bb2f53940548506b2967b68fe6c5b1e73430af55', class: {
+        return (h(Host, { key: '12a2d440fea4d80364d4df0211ba273830c10a1b', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -928,9 +928,9 @@ const UdpTimeSelector = class {
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '15b2fe88d041385bf7035ecca64d7769bdeb843b', class: "bx--form-item" }, h("unity-typography", { key: '0566f681872070de620318de7d21f96accab4cd6', variant: "caption-text" }, h("label", { key: '72940ec01c5d54230d58e5095b69988803d002c7', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '4cf4cd9acd57d8d5144e0e2b61362befce824b25', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '5a48660fac4210a46ca101eeb40c5c47e7a6382a', class: "bx--form-item" }, h("unity-typography", { key: '1baa18f50e33c4dead50ecf5e5ab33c01ad903ec', variant: "caption-text" }, h("label", { key: '8d816c14c78edee99bef993a42d38acdf65ff520', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '708202991f4617424ad4774aea9745a5d87e867d', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: 'cc2818ea8716991e0f891315dfed07daa5ed5fd2', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: '4bf7b30038e585098859836eff7e6f2dcfdea8ad', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/page-renderer.entry.js

@@ -13,7 +13,7 @@ const PageRenderer = class {
         return (h("div", { style: { border: '1px solid #ff6a00', padding: '10px', margin: '10px 0', borderRadius: '5px', color: '#ff6a00', backgroundColor: '#fff3e0' } }, h("unity-typography", null, "Content currently unavailable ( ", h("span", { style: { fontWeight: '700' } }, componentName), " ). We're working to make this available to you soon!")));
     }
     render() {
-        return (h("div", { key: '4456997c11d8225a351000d17f3bab7270312a06' }, this.pageData.map((data) => {
+        return (h("div", { key: '05f030812933d2473f080285d7af0ddeecda005c' }, this.pageData.map((data) => {
             // Prepare properties from metaData, ensuring any existing keys that
             // match your direct props are overridden.
             const gridProps = Object.assign(Object.assign({}, data.properties), {

package/dist/esm/question-configs-renderer_5.entry.js

@@ -105,34 +105,34 @@ const QuestionConfigsRenderer = class {
     render() {
         const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);
         const isQuestionTextRequired = !(template && template.questionTextOptional);
-        return (h("div", { key: 'b1297e71b7fe30d91c80952dc5cfbf52268b50cd', class: "generic-configs-container" }, h("div", { key: 'b9ffd3b37b92bfc97401dd9597068d375cb04c2a', class: "question-configs-header" }, h("unity-typography", { key: 'f03d6dfd7021d08947940f52bb9cbdf8d5eaf7c3', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: '1f4cc210989694b53d3a06bfc5625530500b184c' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '06ec35aa78718a5d542b4cfa090d39eef41ff558', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
+        return (h("div", { key: '3f492b8636ff73160970c64dad3cc33af97478b3', class: "generic-configs-container" }, h("div", { key: '2bc887fc9aebce0b62fbacb0a98a93a4ec374676', class: "question-configs-header" }, h("unity-typography", { key: '5288de2affd04aea4ba7986819bc901664a85d06', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: '37369636fa4e76dc4382523a6385b6a4f56e7bfe' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '95b954b18cc43dc6d7af929a92f4d7f89e0a6d72', 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: '5ee8f650ce25ef68784958d3063b8f10c0582147', 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: 'bf72c2eaafa84ab4283d4cb2c877a23d4e328466', 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: '7a069cd65b0fde1607de3ecb5eb8c1fa190587f1', 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: '8d075bd14f7d6be1e40697914989d526839b7227', 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("div", { key: '31b72c1f3cb61f9f9f624eec0b8923dacab0b954' }, h("stencil-toggle", { key: '85af86c6d89f985451ac6b67a167180ee19bf51f', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
+            } }), h("div", { key: '42843dbf43d315aaf789025a2ba50bb59b71e2b8' }, h("stencil-toggle", { key: 'e267a965917fe78b3870e5cc3535dce1584ebfa4', 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 && (h("div", { key: 'c693c3e6824ab0464472e2da70b68abeedcc88bd' }, h("stencil-toggle", { key: '7e5e19b56c93d49e190db84fa19e01f9d677ad13', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
+            }, labelPosition: "right" })), this.formType == UdpFormsTypeEnum.Standard && (h("div", { key: 'e8ba93f33dd190f0171b5cba1fe141e679e8b63b' }, h("stencil-toggle", { key: '0489937ca5852761a44b42e673ae63c7489a47e1', 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');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFollowUpForms');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }))), h("question-specific-configs-renderer", { key: 'c2670bc794560c4154586d0e9d7fe46f350abeed', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions })));
+            }, labelPosition: "right" }))), h("question-specific-configs-renderer", { key: 'a864b3693949c3996e13236dd6d6d6175fbb5d5b', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions })));
     }
 };
 QuestionConfigsRenderer.style = questionConfigsRendererCss;
@@ -163,15 +163,15 @@ const SectionConfigsRenderer = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '201769dbe4f50d6a014082062fdb48f955f7de15', class: "generic-configs-container" }, h("text-area", { key: '4a5ff9bb790039a0e58d9a8435aa5e2610ab04e4', 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: 'cfea0af65b067a2859810a37fdfb5d308de5f021', class: "generic-configs-container" }, h("text-area", { key: 'b119caf27d85b8ee865b104a68eedee7bc39bd93', 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-area", { key: '743472840b72f918871dbfbdd1f636eff5785726', 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: '38108016d5582391d402de818618c9574fe52b88', 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: '57ad68a0e9e233cc10fa06a48bc78fa49285817d', label: "Repeatable", disabled: this.isViewOnly, checked: ((_a = this.section.sectionProperties) === null || _a === void 0 ? void 0 : _a.isRepeatable) === true || false, onToggledChange: () => {
+            } }), h("stencil-toggle", { key: '7cc829b3d37a6e2966f072409de9684587c4f702', label: "Repeatable", disabled: this.isViewOnly, checked: ((_a = this.section.sectionProperties) === null || _a === void 0 ? void 0 : _a.isRepeatable) === true || false, onToggledChange: () => {
                 const newValue = !this.section.sectionProperties.isRepeatable;
                 const updated = this.handleSectionRepeatablePropertyChange(this.sIndex, newValue);
                 this.onFormSectionsDraftChange(updated);
@@ -192,8 +192,8 @@ const UdpFormsBuilderMenu = class {
     }
     render() {
         return [
-            h("div", { key: 'ae6100577b9fdf94217cbcc163dde0c7e2af8e44', class: 'menu-header-container' }, h("unity-typography", { key: 'd2f580fbc5f800343f9e50fcf55b5ce51f27a671', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: '88aad09e96b32ba9c2eea817f617799999a2c51b', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
-            h("div", { key: '0cd7d00885d89206f7ec621b5c4a9d8fa0bfba87', 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: '91bd7abac8268ecd31bb0c6377c1334965b422f4', class: 'menu-header-container' }, h("unity-typography", { key: '7a5b0d71258cf6059e35f19c831f94eeb807074e', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: 'd2eface092851d964046e0b51807a24b92007014', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
+            h("div", { key: '8cba92678740832fe44d691bcb2ebee6d86861a8', 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)))),
         ];
     }
 };
@@ -227,10 +227,10 @@ const UdpFormsBuilderQuestionItem = class {
     render() {
         const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
         const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
-        return (h(Host, { key: 'd37c942d2308b70564e8d5c3bf1b0e6c65364d53' }, h("div", { key: '70e49a9d27c2bb48af33be5f2da691a1d0cd9e4b', class: {
+        return (h(Host, { key: '30c9571c77dfb799a2788bc7b42c462565d43f20' }, h("div", { key: '54f4165d5108b756296b60c4950f0fa3074d3d00', 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: '4dd31a6e5acbebf3a7ea095399a769d830455e7f', class: "drag-and-drop-container" }, h("slot", { key: 'cda2dc7374e7836c203cc06b1a24853173b6fb00', name: "drag-and-drop" })), this.iconName && (h("div", { key: '6a3212c41e0e0be98d74290aaefc7f2a5b8a40e3', class: "avatar-container" }, h("udp-avatar", { key: '20f327eb2ff27833dae0c3b192f03190b479244b', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: '80835382c28cc23177ab59c295c638d18ebdeaea', class: "text-container" }, showPrimaryText && (h("div", { key: 'a8b0ff606f8b76eb8ba5d84803b2618c877b4d56', class: "primary-text", title: this.primaryText }, h("slot", { key: '63912e8ff2edd943c049f9c172cb80eb0d0e1afb', name: "primary-text" }, h("unity-typography", { key: '68fec2e44ad8b5fcd51395e048b8868a220b3c60', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '7d10a2ba568ecd2fcf4829a24bec58bb09ec75dc', class: "secondary-text", title: this.secondaryText }, h("slot", { key: '4a9850c47ac34bf762f2b6290d51f0f0300097b8', name: "secondary-text" }, h("unity-typography", { key: 'e74d0fb86ea0f1784bd306aed5f6ed6c060ce3e6', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: 'fa92aa7a0c7919a67362cb99e9b7336d188271c5', class: "status-chip-container" }, h("slot", { key: 'effac3462cf3a49ffe201cba4c22d0a3666046ba', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'd96aa7ff8381d5d51f19b525523c38f691322431', class: "actions-container" }, h("slot", { key: '16af4b406bc64808891ffbd3c0c367fdfadf1107', name: "actions" }))))));
+            }, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: 'b4c4072055461b9fc7d1882f9344068bf6e2e1c4', class: "drag-and-drop-container" }, h("slot", { key: 'ee5ce9c3158a075496408b3e8e2a263a82116f6d', name: "drag-and-drop" })), this.iconName && (h("div", { key: '97f5d6f4270868831e59b25b0b3533b085fe58ab', class: "avatar-container" }, h("udp-avatar", { key: 'cbb23fefa1ca00ed0c61c038a5c4df3240d81da1', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'c09e2c27a4f11b4144278cea91c9cfaa073896ed', class: "text-container" }, showPrimaryText && (h("div", { key: 'dc506d5456470467c92c0402f0abec8aae407145', class: "primary-text", title: this.primaryText }, h("slot", { key: '81d62a6e2e8fd6cbad19134edf78f8be86fce126', name: "primary-text" }, h("unity-typography", { key: 'b24ebfe9ec875839526d300908c9be8bba3acde5', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: 'ce97765517dbaf006c951d8af842a1db1bffec54', class: "secondary-text", title: this.secondaryText }, h("slot", { key: 'f4524e32bc2b068fc5cac5343d679181f1333e7d', name: "secondary-text" }, h("unity-typography", { key: 'ca394f40334c3c866b2b7d95c2254868daac5c4f', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: 'b97c70c97425a81edbd0e083a2292201f0f7ba75', class: "status-chip-container" }, h("slot", { key: 'c33a445fb6635c7956f66905769aabb1820b904e', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'fab615558218c7a9c72ec822a70a252dc939b524', class: "actions-container" }, h("slot", { key: '7e2cee521ee90d0508a357f117ed6cdcdc3584e4', name: "actions" }))))));
     }
     get hostEl() { return getElement(this); }
 };
@@ -298,7 +298,7 @@ const UdpFormsBuilderStyleOverride = class {
     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: 'f4b4096c82edd15ba7a0e60c2c57b425bf9fb658' }, h("unity-typography", { key: 'dba102cc67ae53fdad985793f83575ca97582cd2', 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: 'b40dfbdf5effb49d28e436ceca8d9eb6ed4b6d2b' }), h("unity-typography", { key: '5d4459fabc064ef07167ce58a524980b2c63299b', 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: '530014eba0c8be5eb47e5ac23839b3dfafbbd7cb' }, h("unity-typography", { key: '581fca98a42750897820b867f206ea07fd7e3ccb', 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: '6430f049fe34ff1e45b4427076a5f865bf5d4fcd' }), h("unity-typography", { key: 'bf8568088871733dce103e5bac03eab26710c697', 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')));
     }
 };
 UdpFormsBuilderStyleOverride.style = udpFormsBuilderStyleOverrideCss;

package/dist/esm/resource-timeline-calendar.entry.js

@@ -190,7 +190,7 @@ const ResourceTimelineCalendar = class {
     }
     render() {
         const todayString = new Date().toLocaleDateString('en-US');
-        return (h("div", { key: '16ab2aa3893050d94713f80522632b254ac0c390', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'c4c1bcd7487c8fbf341d25886a6b2d3fdf09a50c', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon, expandAll: this.expandGroups, collapseAll: this.collapseGroups }), h("client-side-grid", { key: 'e72c171a08321205856f39cbc4302d1a007d0a43', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
+        return (h("div", { key: '8bb97df169f2f303cab175ecdf34844cbb8482f0', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'c9db465059524e09036587f1ee369eca4641fcea', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon, expandAll: this.expandGroups, collapseAll: this.collapseGroups }), h("client-side-grid", { key: 'a9850a7c6519a8ac1bd094a396a16dbf1dffd5cc', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
                     agGridSubtitleCellRenderer: AgGridSubtitleCellRenderer,
                     resourceTimelineCalendarHeader: ResourceTimelineColumnHeader,
                 }, processPivotResultColDef: colDef => {

package/dist/esm/search-method-grid.entry.js

@@ -386,7 +386,7 @@ const SearchMethodGrid = class {
         }
     }
     render() {
-        return (h("server-side-grid", { key: '660b7bfd49ae3709697a849491f0b34aa8ad2eb5', onGridReady: e => this.handleGridReady(e), dataSource: this.dataSource, gridFunctions: this.gridFunctions, columnDefs: this.columnDefs, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
+        return (h("server-side-grid", { key: 'fa09ccc17030bad6164245ff7b908633eeb0e66d', onGridReady: e => this.handleGridReady(e), dataSource: this.dataSource, gridFunctions: this.gridFunctions, columnDefs: this.columnDefs, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
     }
     static get watchers() { return {
         "searchMethodConfig": ["handleSearchMethodUpdate"]

package/dist/esm/server-side-grid.entry.js

@@ -20,7 +20,7 @@ const ServerSideGrid = class {
         this.serverSideConfig = Object.assign(Object.assign({ paginationAutoPageSize: true, suppressSetFilterByDefault: true }, this.gridOptions), { rowModelType: 'serverSide' });
     }
     render() {
-        return (h("ag-grid-base", { key: 'b30f76706b6301d95cb832152d9d1f7c4fc24052', columnDefs: this.columnDefs, gridOptions: this.serverSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
+        return (h("ag-grid-base", { key: '8cefcdc21a6a0ed277b89ddec72ad57b3625251d', columnDefs: this.columnDefs, gridOptions: this.serverSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
     }
     static get watchers() { return {
         "dataSource": ["updateDataSource"]

package/dist/esm/simple-card.entry.js

@@ -7,7 +7,7 @@ const SimpleCard = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '60f920fe15bbc2916a11a8b800fda7277a0b489a', class: "card" }, h("slot", { key: 'ac4b2c77d9ad2ca9e3d52423c194c2e6ecabdaeb' })));
+        return (h("div", { key: 'f994bdbe314773f3e6c5d5c17dd82055fb76f0fc', class: "card" }, h("slot", { key: '05e6e796914b9b2c0eb796aabc2672e6ba1199f5' })));
     }
 };
 SimpleCard.style = simpleCardCss;