udp-stencil-component-library 25.18.1 → 25.18.2-beta.1

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: '41070ca5213a99556719f4087332e531173279f4', class: {
+        return (h(Host, { key: 'efe222e4acc6be9cbb2741e757673f6958e895da', 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: '38388fa80d7880830f45d4bca98f210b2affcd10', class: "bx--form-item" }, h("unity-typography", { key: 'cb88bfb8a731145ef431ac5650d34a55fac18f6e', variant: "caption-text" }, h("label", { key: 'd636f51ed6898438f4f51361aab6d8f0f977eeab', 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: '66feb024a13e9c2fb95a386d0e025b15a9fcebb5', class: "bx--form-item" }, h("unity-typography", { key: '65469753637179be15c383bf8f6f819d9b5fdb10', variant: "caption-text" }, h("label", { key: 'cf0f7ddd918efde5aacba18537536bb2dd101e98', 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: '93665be4e947941ab0a559cb7dcc97f46fa1f515', class: "error-message" }, h("unity-typography", { key: 'a6ceb126b06fa34ef06ed560b9e8ebcda435acb3', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '679fa05b23a7d3a41fb18f3a77859331f6460011', class: "error-message" }, h("unity-typography", { key: 'ea5f43b1356863a2dfe7b76918ddad8d646030a3', 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: 'bdf5a606994014065a28795c9e24f79c7c1ae736', class: {
+        return (h(Host, { key: '8030ffc085d6b53b0ae1a35f81d4da4c9e155c0e', 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: 'c95cb5633731a96e60838e635fd005ccf276612c', class: "bx--form-item" }, h("unity-typography", { key: 'b83e5c04c3c058e3e0dad21280af3d50bc94c081', variant: "caption-text" }, h("label", { key: 'a4b8d120461ab32b7c0e05e79d4a1b887d46a492', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: 'ab1784af9fe7378f2de47e5def267fc8b38178ee', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, h("div", { key: '21806e67cd632ef1c0d141d57c356eaaeb68f098', class: "bx--form-item" }, h("unity-typography", { key: '4094220f657f8cd5fcee94cf60a7d7cd62108ca9', variant: "caption-text" }, h("label", { key: 'fcda510639bd39ad292d9fb4721acac7cc35e456', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: 'd53d49eed9d2e7a7b342a59ee71215eab199206b', 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: '98f452d24e69252b9f47a4ef45e42311454aeee7', class: "error-message" }, h("unity-typography", { key: '6f85da551a04471d33b83637ccc1400d6dc87c79', 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: 'faf6cd4d6bb621416dc36b660581b9a6dc94c057', class: "error-message" }, h("unity-typography", { key: '8433e5d11d1b43358baa1d2a961c4bfa3d7c95a7', 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: 'ae9efad139a83656e0fee173704f354ba2331f6a', class: {
+        return (h(Host, { key: '6508c42efac96e7db1d320ec4faed15fd849540c', 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: 'da630f9378f12211581f119f79e5a1047b53ea8e', class: "bx--form-item" }, h("unity-typography", { key: 'bf1ae668de34df013001033fdb63f8641eb16a07', variant: "caption-text" }, h("label", { key: 'dccb79085b266c6c25102836f8773c6eb109eabc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '06faee995162621361fd90bc6b648d6e53ac8afa', 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: 'ecd12c48810b985d702ce70ab89e0670f387c257', class: "bx--form-item" }, h("unity-typography", { key: '51a542e4f6c238965fc82312a10beb21386d4ead', variant: "caption-text" }, h("label", { key: 'af6d330c10eb905ee01e53e50d43038d10a0714f', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '183af2eb4d561a24098dee7c8eebb2b3436606d2', 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: '64381575296c32b4b1ad08cafa465ad061d981fd', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: '3233342e07981927427787adbc0dc0cad28d302c', 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: '7c8bef5171c52fc9fc0d11f589772c7415a972fc', class: {
+        return (h(Host, { key: '510b2b323027de453c53f54c4f2e07852e704559', 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: '7188eec6d89b4294f1fc4cc8270c083796ecafb1', class: "bx--form-item" }, h("unity-typography", { key: '56ab355fb04821355bb30228627196a0dd9735c3', variant: "caption-text" }, h("label", { key: '903c287233f89699d9798585cbc36ea75ddb18f6', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '9695e85ae15acc7e0ad98016e1daebd4c95a7ddb', 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: 'fc3b80d9a0613e7c85831183c7e73ee0ea6f5fa8', class: "bx--form-item" }, h("unity-typography", { key: '96d28577fb180ffbd021ff475028c93cd1c10262', variant: "caption-text" }, h("label", { key: '3f7eb4054fd21b7b684e6d0012fe249c5b164b3a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'e8d1d3f9228b9a49bb3a2a5cd860660d2ed1f6c4', 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: '355205378984339a63ef692d244cc77662065d78', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '6a3b75c91e17283f5e36a782735d5b09eb927aee', 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: '913d703569a83a36ea66c637c1d29bdf53842ca0', class: {
+        return (h(Host, { key: 'd2249c774eaa3b6e0e9423581083d59b1bfc4336', 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: 'c0febbef274f40119f43e7b797050f7578a714cd', class: "bx--form-item" }, h("unity-typography", { key: '7ceeb64e08c4f8b33c975f04aec675ef26188703', variant: "caption-text" }, h("label", { key: '9bfb49dcecb14342b18f848c091767fa92ecd03a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'c87540f0a7c8546b05c948627cf1f9095107aa72', 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: 'fe18b74861a9f5d1739317bbd357cce48ac81176', class: "bx--form-item" }, h("unity-typography", { key: '5afab9726865da75b9b4f228ecd0ad553825a40a', variant: "caption-text" }, h("label", { key: '46ff7f80e88357c25d86ac11a8835733bf19853e', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'e74de46ca5f386f91320f16af6f5b5fa9d61a9cf', 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: '00c5a55f9f13d063008f12e7bf1b90ba80ca6a46', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: 'd1ec82959fd633a6a297a1cd3523432454afec52', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/primary-action-header_3.entry.js

@@ -612,7 +612,7 @@ const UdpTabs = class {
     }
     render() {
         const currentActiveTab = this.activeTab; // Use getter
-        return (h("div", { key: '3790d9b57450ea495b83dee34f9280ef6c4615c5', class: "tab-container" }, h("div", { key: 'e2ec1d6163e28328f1253149b531a2cf80d825b4', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: '9f2bf3572897f87ae118f106e7d5753ea1a21cda', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: 'c4c4a0ccd7c6eb27bc4a739a98ceb8a73ba7df81', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'fbd60697ebe4742fd9e214664c41c3395c4370a8', class: "scroll-fade left" }), h("div", { key: 'a8e5e91874ea6ff3e6157b555113ae40e8407497', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
+        return (h("div", { key: '5300dbcdc9fff54d87fe64e3bbcc3b6a1f04c331', class: "tab-container" }, h("div", { key: '83041e378183364889aa8d14114c9315ead1028c', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: '87d95478e27c13440e15e3d6b8cf4047d3e97e53', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: 'a81987c97a0459533f17b68103788af401f06378', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'a52b3b7fba6022c4864f0cb89d24e34ade18a969', class: "scroll-fade left" }), h("div", { key: '0dc7ce8d4269539cfcd011736df876e6a64feebe', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
             if (tab.hidden) {
                 return null;
             }
@@ -626,7 +626,7 @@ const UdpTabs = class {
                     [`icon-${tab.iconPlacement}`]: !!tab.icon,
                     'disabled': tab.disabled,
                 }, disabled: tab.disabled, onClick: () => this.tabClicked(index), role: "tab", "aria-selected": index === currentActiveTab ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', ref: el => (this.buttonRefs[index] = el) }, iconEl, labelEl));
-        }), h("div", { key: '50dace21f2c4cc8c2f4d501d87e829d4f4a3a9bb', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: '3790b8cb450cfefa2aa5c5f7ee121ecbf6ce0ab3', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: '60ce8369b9fd71ba92ae6d0fae6dca6a82545657', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: 'ef547e1e0cec254d911650f044d6630d06b60b3e', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '50a77a6b24255667906fd870401a1d1b0db27e5a' }, h("slot", { key: '09334ee6bfaa2742101cf6ad8392a6657b300992' })))));
+        }), h("div", { key: '0892dff1735729462a927e9f7d0127b402a43918', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: 'edf6fc21360de9fd919e4d71aefec6e3c7ed9fdd', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: '88adff5cab4b8baff5a1e4c6ed5f2fe44064f05e', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: '7704e98608f492cb4f599b706b302e003d84bb46', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: 'fd61baeb3e79a387c1367813fbaa99f496ae4d62' }, h("slot", { key: '872c0a2ead48abea1c946b7389c307a53d560705' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, c as createEvent, H as Host, a as getElement } from './index-CaZq3YdB.js';
-import { q as questionsTemplate, d as deepCloneFormSections } from './udp-forms-builder-question-template-C60LMUS4.js';
-import { a as UdpFormsTypeEnum } from './enums-BnKmfKJT.js';
+import { q as questionsTemplate, d as deepCloneFormSections } from './udp-forms-builder-question-template-DQJb7f4Y.js';
+import { a as UdpFormsTypeEnum } from './enums-CHxgVY-B.js';
 import { g as getIconFromName } from './iconUtils-DcPvHO4A.js';
 import './iconMapping-CPerGeNF.js';
 import '@carbon/icons/es/add/16';
@@ -114,28 +114,28 @@ const QuestionConfigsRenderer = class {
     render() {
         const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);
         const isQuestionTextRequired = !(template && template.questionTextOptional);
-        return (h("div", { key: '07293c93d11c27439e17527eeb78cdeccb56caec', class: "generic-configs-container" }, h("div", { key: '887ec1f2a5e13e700ff7128c70bc33949cc4b4d6', class: "question-configs-header" }, h("unity-typography", { key: 'c0dcd102e7399f199a8cf07f26b1799bd2cf0c1b', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: 'd317bc353bbbf5475e09c79ea1641ab45755ba52' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '8d137d95c56d8733a6f5fac8129c42624ee2f99c', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
+        return (h("div", { key: 'a0cb43d824d6d826f5be74657546ee67e6e8d79a', class: "generic-configs-container" }, h("div", { key: 'e32c703ef3a4b586c10d07981a175484d83d5631', class: "question-configs-header" }, h("unity-typography", { key: '812f24611f1e7493a6123c4a02c8865ae0b4a93b', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: 'aa337ca49ec87e6f4829969ca52f107999797b4f' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: 'e56b76a59321f53064baa63ff0b985e0bad0f897', 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: '2b77e740cde748d17086f5350bdaba6dd62780fb', 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: '1feaefae79d4d65c12d8e6727187878a8a46f21c', 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: '826c1985e19bbd8bce26f7fdd67d6127b90dcf29', 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: '3a631ef29b764fef95cf7abec744660332b94e47', 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("question-specific-configs-renderer", { key: 'b2aa8b281f34a29a99260bcc6e2a1b8030021d07', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), this.isCommentingConfigOn && (h("div", { key: '27bf0303c7f375acd35ea4a9c3d3c0c52ba770fd' }, h("stencil-toggle", { key: '694e447a645c8d8288e7a19eee4bd817f4ab72f9', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
+            } }), h("question-specific-configs-renderer", { key: '156d872f6aa26a2c766974820e9691c9728b6615', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), this.isCommentingConfigOn && (h("div", { key: 'dd11192cf0c51c35866cca425958f6b7fb694f69' }, h("stencil-toggle", { key: 'bc7b4923971fab8d5fa6e510bc05d2d8185004fa', 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: '3f38852af022fb38fad4ba862af9df13b12d5125' }, h("stencil-toggle", { key: 'd586901f37c4e1812df8e662f00a8ce5e4410bcc', 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: 'b32fa04162193faa542bd2e8bea5c5e118142744' }, h("stencil-toggle", { key: '339d9d6077c46e20a63c43866da6799824eb01eb', 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');
@@ -172,15 +172,15 @@ const SectionConfigsRenderer = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '97408de596e927179652adfdf1302da24f18e172', class: "generic-configs-container" }, h("text-area", { key: 'dd9282d4a3b1fb668c106d7d1c42d5995c060c25', 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: '5fcf2d34b4cc671a7f7896eee54a3e0923de6a7d', class: "generic-configs-container" }, h("text-area", { key: 'b4b716284f0ec12906edda97912e8f9971c6c137', 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: '91c5b099229deb20ae6e7db68d4f0cf7daaa2479', 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: 'b796df9c1a019bf7fd5eef5ab188f5ead5650f0d', 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: 'c7e59748a3cd05230ba1cc055b1ee57a74b67c4f', 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: '0cec601c369d040901a2810ee66aaf7d6899ce7e', 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);
@@ -201,8 +201,8 @@ const UdpFormsBuilderMenu = class {
     }
     render() {
         return [
-            h("div", { key: '68795e319ee119db34098c0984238abc5c6d9352', class: 'menu-header-container' }, h("unity-typography", { key: 'c1acecdeef282e600074287de2f641ddff70c52a', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: '796c233952bb7967b45520e0578a8721bd27c576', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
-            h("div", { key: '016a02f4c2cf5af71e7f1241d19fe0ef622e087e', 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: 'f490f7a9a90ad5b2950bb93b2295cb92093a64b8', class: 'menu-header-container' }, h("unity-typography", { key: '24bd89027e696522658a4408b81b0ca8288b4bfa', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: '3db3b42dfade4d548ac5b0111dad975c24e86052', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
+            h("div", { key: '172fcb129860019f0292c9f05086d3bb197bbe75', 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)))),
         ];
     }
 };

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: '4ea81c717f5873038a455e41f7e51428881e15a7', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: '58497189fef631cd36d41a781778a9e39a1d142c', 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: '1caea66bcb835ae9b7e0d926061f825cd5eb70a6', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
+        return (h("div", { key: '05cf3842abc0b52ab72f03c1019d53ec40bda0b7', class: "resource-timeline-calendar" }, h("resource-timeline-primary-bar", { key: 'c35441fa99b9e1f82aa55b95eebe2421c16e6a31', 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: '3ac6eaf3866a0a156f21486d50848503e730339a', 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

@@ -376,7 +376,7 @@ const SearchMethodGrid = class {
         }
     }
     render() {
-        return (h("server-side-grid", { key: 'cc189dd7b3dd77673da2f632c367a566ab17a082', 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: '05438224283bdb57b7f45a01901af169930dc97d', 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: 'ab64e567484590408a8491efb8d2f71cb8966a48', 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: '6dfc804520f124eb675229be615e75b7cce0b67e', 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/side-sheet-container.entry.js

@@ -9,7 +9,7 @@ const SideSheetContainer = class {
     }
     render() {
         const style = this.padding ? { 'padding': '16px' } : {};
-        return (h("div", { key: '1f07651d06b19bda35f3af5fe7d09d35989535aa', class: "container", style: style }, h("slot", { key: '902b399eec217bdd85e4216a0986ce4f256b4309' })));
+        return (h("div", { key: '5bf661f05d6a04560a6ac9acba9be971d58caafb', class: "container", style: style }, h("slot", { key: 'b4322e157d5bcee6dc450ad2b1669081e402104b' })));
     }
 };
 SideSheetContainer.style = sideSheetContainerCss;