npm - udp-stencil-component-library - Versions diffs - 25.18.1-beta.7 → 25.18.1-beta.9 - Mend

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

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

Files changed (979) hide show

package/dist/collection/components/my-component/UI/forms/save-view-form/save-view-form.js CHANGED Viewed

@@ -42,11 +42,11 @@ export class SaveViewFormDialog {
         }
     }
     render() {
-        return (h("fluent-dialog", { key: 'b9ff8a67921043d715ef9706a63e045f21cede3e', open: this.open, actionOne: () => {
+        return (h("fluent-dialog", { key: '85c1777bba527ba5a4bdb91d7d3cb84db162671f', open: this.open, actionOne: () => {
                 this.handleSubmit();
             }, actionTwo: this.closeDialog, actionThree: () => {
                 this.handleViewUpdate();
-            }, handleClose: this.handleClose, labelOne: "Save as Copy", labelTwo: "Cancel", labelThree: "Save View", title: this.title, disableOne: !this.name, buttonThreeHidden: !this.gridViewId }, h("form", { key: 'a46321d2b7c8468d36971c3a1228071563e85760', class: "save-form" }, h("text-field", { key: '49355f6a92a88878f690e58caff0fe8eb9c04813', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), h("div", { key: 'b75313634e10d55bef6814e101a3309554d94cab', class: "toggle-options" }, h("div", { key: '83c1b04dc322d116efc8985eb1607cdc498630ee' }, h("stencil-toggle", { key: 'b8ce2a3f60b9eb60543b64ade3ff91cad03e73bf', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), h("div", { key: '707e135e7d8121213f4a3aebf1877e5cf5967990' }, h("stencil-toggle", { key: 'e1e6b37ef6978493439da65575e7112ff56b12c1', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+            }, handleClose: this.handleClose, labelOne: "Save as Copy", labelTwo: "Cancel", labelThree: "Save View", title: this.title, disableOne: !this.name, buttonThreeHidden: !this.gridViewId }, h("form", { key: 'c5d6a85b2c9bdd9db4625664359a669eb79fa93f', class: "save-form" }, h("text-field", { key: 'f8647870cdb2c014d6cb1ee2c486ac3942863d33', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), h("div", { key: '8cdb4fa7fd74ed5c3f6ee823ab05874cd4dc964b', class: "toggle-options" }, h("div", { key: 'c97cc2bd0a11275b0453a5fe9103d8833cbc79ac' }, h("stencil-toggle", { key: 'b037a62d627f65bad73d907f21ef32f81d4aedb3', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), h("div", { key: 'c879762bdbdbdd9a43629cc0fbf8e2359c147d88' }, h("stencil-toggle", { key: '670be85ca0d64a91af97acf685dbd784088a0bb5', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     static get is() { return "save-view-form-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.js CHANGED Viewed

@@ -24,10 +24,10 @@ export class UdpFormsBuilderQuestionItem {
     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: '01a49d97bf23239ac9a47a331509434f174be581' }, h("div", { key: 'cce2cb7a9b3ac76fafd3da1a52a7607f9ef9ae56', 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: '161826cbe5db5ba46e4cb71d927074a9b040a0fa', class: "drag-and-drop-container" }, h("slot", { key: '609f7dad36d3f4eae2bb957fff7aca6e76bbde60', name: "drag-and-drop" })), this.iconName && (h("div", { key: 'cae29ceb00b1a4dd75813d87e6376964300e7d2c', class: "avatar-container" }, h("udp-avatar", { key: '93f9bf26fd67fdc2cfc13205c6bfcfdbedbce81d', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'ba509814a73e222505939924ee7b42e7a3913630', class: "text-container" }, showPrimaryText && (h("div", { key: 'b0c0a11a2936ccd0bbf412ad5ea13a9d1996ad0d', class: "primary-text", title: this.primaryText }, h("slot", { key: '9e18015a5f16ba51bf7a491c1d1d7ffc0f1ede4b', name: "primary-text" }, h("unity-typography", { key: '0b3cbfae5f56469be7ac3f6e5801608625533537', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '681d7f09a46bd9d1d5aa81b471ee455f1e0a1be8', class: "secondary-text", title: this.secondaryText }, h("slot", { key: 'f7191ecc2f70be2f607249497bbe8445e19d17f5', name: "secondary-text" }, h("unity-typography", { key: 'a64766c2ed10e079f8f4d4a819a2b6c09c78c27e', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '047cf8fd67091a51b051ef1c1141c81ba71e9060', class: "status-chip-container" }, h("slot", { key: '397d156448caa8975c483097aa37f3ef434a3f85', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'ddee1e7af776a80c697f8642a4ab4299ae9766bb', class: "actions-container" }, h("slot", { key: '8664188903d857e8dab14aed3d94283700d0694a', name: "actions" }))))));
     }
     static get is() { return "udp-forms-builder-question-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.js CHANGED Viewed

@@ -3,13 +3,13 @@ import { h } from "@stencil/core";
 export class FileUploadRenderer {
     render() {
         var _a, _b;
-        return (h("div", { key: '7bae103e4f3c903e235c531232e8e60550116872', class: "file-upload-input-container" }, h("div", { key: 'a94a3b4c78fa9dff01f72afa3c4f7347eae4ccc5' }, h("stencil-toggle", { key: '49074098410e770f2b45b461a3e3e83ed8dd808e', label: "Hide Drag And Drop", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.hideDragAndDrop), onToggledChange: () => {
+        return (h("div", { key: '2311b11d9a4ad6d4d1dbe5bc81987e61601209b1', class: "file-upload-input-container" }, h("div", { key: '8e36340ced0ae43d86d8cba226405735e664e078' }, h("stencil-toggle", { key: '54eddc41fdb71671d8163fc422c104a3f3cd5de9', label: "Hide Drag And Drop", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.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: 'dd4c05c0024585e84f1428f74381370344b67cfa' }, h("stencil-toggle", { key: '3815653d5f5af22d07b0df67c23cb9ab3754f68b', label: "Hide Button", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideButton), onToggledChange: () => {
+            }, labelPosition: "right" })), h("div", { key: '94c3d8490d0c9bc37402112b6ffa1a453698ea51' }, h("stencil-toggle", { key: 'f36fc9f2c4558f587cda5f6500cc2333801896ae', label: "Hide Button", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideButton), onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.js CHANGED Viewed

@@ -5,16 +5,16 @@ import { getIconFromName } from "../../../../../data-display/icons/iconUtils";
 export class ListOptionsRenderer {
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '88da9b03e4f8727bee83e9e47594a9b0316dce16' }, h("div", { key: 'be5648d79d761f31cc48bd6e396d32971a928511', class: "question-item-options-list-container" }, h("stencil-toggle", { key: 'c9485efb69819db4662dd3b0de27f5d0a1fc0676', label: "Use Lookup Options", disabled: this.isViewOnly, checked: 'lookupId' in this.question.fieldProperties, labelPosition: "right", onToggledChange: () => {
+        return (h(Host, { key: 'c1dcc2db77138a051f6517e0a6fea2e985bfde97' }, h("div", { key: '06aaaaac90df7b03b38805f76c4a641ea026c961', class: "question-item-options-list-container" }, h("stencil-toggle", { key: '3536e938d64f3fe1ae67593e8c7d71e705d35a8f', label: "Use Lookup Options", disabled: this.isViewOnly, checked: '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);
                 console.log(this.lookupOptions);
-            } }), 'lookupId' in this.question.fieldProperties && (h("div", { key: '2c2a85f7d53a3688ae75fcfc0c16bd2342c346f1' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
+            } }), 'lookupId' in this.question.fieldProperties && (h("div", { key: '3aebd02b482eac85af0b617a9e6a13f17f7f6aaf' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.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: '2680419fe88ec8c795b80f14cf2758f521b505af' }, h("div", { key: 'fddd398a9f53b4d22914c72269104c2f46e8dc5b', class: "list-options-header" }, h("unity-typography", { key: '0039ba09b09f0d729adedca34685c40b9b550942', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: 'e86709f8b34a203a0747fe3adaa87106ca57c960', variant: "text", onClick: () => {
+            } }))), 'items' in this.question.fieldProperties && (h("div", { key: '964ca832960ba707f540f46d2409bae99ac744b9' }, h("div", { key: '7b2cd725caad05fb998e7ed060d6b94884be22e3', class: "list-options-header" }, h("unity-typography", { key: 'ec7bc080cabc7792217e3454feff35956abbee49', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: '92edc0265b9b00359b18346887194600854a3575', 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/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.js CHANGED Viewed

@@ -17,34 +17,34 @@ export class QuestionConfigsRenderer {
     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: '1a1cb13a86858b90d64f82795e9b76a1bbce6cc0', class: "generic-configs-container" }, h("div", { key: '0d02a91bfcbdf28516eccce12d0e6329894f6199', class: "question-configs-header" }, h("unity-typography", { key: 'eec26a67d1f571894fbc97e42c9c550d761e1616', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: '5d17160b02a851240b3f2b46765aa329067f4da0' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '572cbb2fe151794daff276608bda3e6c2b5d70d1', 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: '195b66b4c06c7908f4a7d20b2a2a25cf46a2da80', 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: '5d3641b666da75776c4eaa4e7e5d5ba48975cbad', 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: 'f9b3d68af6e5574913303eb9699dc9688945f8c5' }, h("stencil-toggle", { key: '06df08b0751b3b12845c605105ffa9d76a8f14cd', 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: '3ea54f59db1531b543129c01e8651129e97f9f64' }, h("stencil-toggle", { key: '7a95c4928bebce664227d9cbf65e33cb7fe2b1c5', 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: 'bda23f00bde97f948b4cdb8bf41d56649dfa9fab', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions })));
     }
     static get is() { return "question-configs-renderer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/section-configs-renderer/section-configs-renderer.js CHANGED Viewed

@@ -21,15 +21,15 @@ export class SectionConfigsRenderer {
     }
     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: '95972de7edecc8ffc1aa4f0626aa6ef59f475f4b', class: "generic-configs-container" }, h("text-area", { key: 'c7af15b43b5816f14e9ada3986efcd5b4898d0ac', 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: 'a47a69ef143ab3a1b748145781ce09763fb6c8fa', 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: 'd9aead385b10e0f2153dc4bdfd291529e1a61c8c', 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);

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/signature-renderer/signature-renderer.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 export class SignatureRenderer {
     render() {
         var _a;
-        return (h("div", { key: '2d95e17d08bf8acf5038df33eb237b46d7f6a657', class: "signature-input-container" }, h("div", { key: 'c86a5cb610f475bd5fb562d357f17c6762a1790a' }, h("stencil-toggle", { key: 'd5c2775d4e7b97992b71b4450cf06d21855b509f', label: "Include Location", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.includeLocation), onToggledChange: () => {
+        return (h("div", { key: 'e6aebb4e89b6dd40e63300ccee4eaa2cc093ddf5', class: "signature-input-container" }, h("div", { key: '28ef0a3b6086bda42112ee890e15ef8c77fc0c76' }, h("stencil-toggle", { key: '2e0c4780bb2e4cc52a3a18f654ed520f4a4c7a6a', 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/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/text-input-renderer/text-input-renderer.js CHANGED Viewed

@@ -2,12 +2,12 @@ import { h } from "@stencil/core";
 export class TextInputRenderer {
     render() {
         var _a, _b;
-        return (h("div", { key: '7b7704ab1b0a0a03ec7ac4610771597bb9df1270', class: "question-item-text-input-container" }, h("div", { key: '9a891cdbe9bab555b4a0d74fbc85d38df939117c' }, h("numeric-field", { key: '7df5db3f96241627c05d09401f044ed9919ee911', 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: '1f4ed36d64b0cd858884e42c5a7350998601c303', class: "question-item-text-input-container" }, h("div", { key: '11e76b4ddbd840aebbc3004bf6babf099ea81288' }, h("numeric-field", { key: '0a6493131659539e50b4b9750cac884c471b91db', 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: '62d6ee97fc6e04f2d1d10169e883dfa03bd8229c' }, h("numeric-field", { key: '87f43539d6810cde970cb4ad1d416564f907487e', 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: '63222a4615373bc5abeca74257044b8ce881df98' }, h("numeric-field", { key: '68028c03ac2ff6700823301af50c4710672cd337', 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/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu/udp-forms-builder-menu.js CHANGED Viewed

@@ -6,8 +6,8 @@ export class UdpFormsBuilderMenu {
     }
     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: '3a9964ec2a919049590a19a15fccbf4fcba5fee4', class: 'menu-header-container' }, h("unity-typography", { key: 'bc98338d91877280d0b61a327650c575623f20f5', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: '2b983260174fd000a1e3269fe7f0db023ab15848', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
+            h("div", { key: 'a0f823d44d5b49d9cb8a4b853e3a519335f438e9', 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/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override/udp-forms-builder-style-override.js CHANGED Viewed

@@ -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: '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: '66108cf712503e67be8e1625fb68ccc75a6d51e6' }, h("unity-typography", { key: '82dcc62ce694573818331be46dc42078555a1255', 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: '684faa92a76e0ad1ddcf2f93b9c05f69cf395318' }), h("unity-typography", { key: '0bacfa6de0d9725c48bc4c3a7dd67f85e91e76da', 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/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list-card/udp-forms-list-card.js CHANGED Viewed

@@ -18,19 +18,19 @@ export class UdpFormsListCard {
         };
     }
     render() {
-        const contentJsx = (h(Fragment, { key: '86922a9f530c257641a1e9763380bd8301930fa6' }, h("unity-typography", { key: 'ca878765706008f05d07d44545305f655500769f', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: '6c72d85939583f423cbb587e905eca34d3c81447', variant: "body1", color: "textSecondary" }, "Last Modified: ", new Date(this.data.lastModifiedOn).toLocaleDateString())), h("unity-typography", { key: '8f4e7bdf40cd6f75aaa4ce6d44e47fe8e0d7ff9b', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString()), h("unity-typography", { key: '93151c42c577d98e0de4baf953ae8b672b93d04b', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.data.type])));
-        const actionsJsx = (h(Fragment, { key: 'c981118cbef8130ea3ba4b544389d09b0672e7c7' }, h("stencil-icon-button", { key: 'fb62c37e3aba0d6385e76bd88c7052f50505aa15', icon: Edit, tooltip: "Open in Form Builder", onClick: e => {
+        const contentJsx = (h(Fragment, { key: '3027a3136ee25412cb0ff332b89b1d4b52dd3dec' }, h("unity-typography", { key: 'e4e1a4ddc65ced56bcefd49dabb9d18064a04ea9', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: '830bcff9dc1f5966242b5550afa2c6ff0b912ba7', variant: "body1", color: "textSecondary" }, "Last Modified: ", new Date(this.data.lastModifiedOn).toLocaleDateString())), h("unity-typography", { key: '617c8723b3837c7759e3950f5022ce9dd75eac37', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString()), h("unity-typography", { key: 'd548762c5ff3621aaed0af3cd540371bbb386800', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.data.type])));
+        const actionsJsx = (h(Fragment, { key: '67d2872b270ef64f81a3327878bbcac29832e4ef' }, h("stencil-icon-button", { key: '63213e1ced252886183eb73eb2185e59fd60dd5b', icon: Edit, tooltip: "Open in Form Builder", onClick: e => {
                 e.stopPropagation();
                 this.formBuilderHandler();
-            } }), !this.isSideSheetList && (h("stencil-icon-button", { key: '7a25e4056e44d455ef7621b10df945f513da1645', icon: View, tooltip: "View in Form Renderer", onClick: e => {
+            } }), !this.isSideSheetList && (h("stencil-icon-button", { key: 'b63671c37e16cd2bfada6259d0c4aff0cb53dec5', icon: View, tooltip: "View in Form Renderer", onClick: e => {
                 e.stopPropagation();
                 this.formRendererHandler();
-            } })), !this.isSideSheetList && (h("stencil-icon-button", { key: '63363b40d0c5f0372ab1c1d02a966ce73021405e', icon: ChevronRight24, tooltip: "See Version History", onClick: e => {
+            } })), !this.isSideSheetList && (h("stencil-icon-button", { key: 'dda0dfa30fb36843ffd3d202c8ef79a20d4bb056', icon: ChevronRight24, tooltip: "See 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: 'd72660c61bd32cf09a41267c53d77c1a873d51e6', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+        return (h("udp-card", { key: 'dc72b306fba3d0d52d2a4b0bcd8c31db305cdd54', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
     }
     static get is() { return "udp-forms-list-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list.js CHANGED Viewed

@@ -171,7 +171,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: '60071b428c63df117043430fc230836c10e8eb99', class: "udp-forms-list-container" }, h("primary-action-header", { key: '126e440554abed576b6c570c1b31acbb72f99607', title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false }), this.isLoading && h("udp-linear-loader", { key: '3b9ad9fa0c242925bc2ddeeadc63098064fdb193' }), this.renderSideSheet(), h("udp-container", { key: '809799a2cba6f52c2bc835cefe2eb4c81e3c879a', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '36adc31b62301fc9454b345c582dbf9b2fc3e434', 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: '9b901f2693ca6dfaa2396d3903fe62933dd22084', style: { display: 'none' } }), h("div", { key: '8ab0c733c8bbb60cb67a4ef1ae6f6b9b1f82bec3', style: { height: '60px' } })));
+        return (h("div", { key: 'd38171a18524cb8866d03bae0b09ad066089464d', class: "udp-forms-list-container" }, h("primary-action-header", { key: 'fd7634173fcf5961b1dbc05f12dd10ce16e3b365', title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false }), this.isLoading && h("udp-linear-loader", { key: '7fc11673f18658b741fdbb0ff460b532148bb0a9' }), this.renderSideSheet(), h("udp-container", { key: '33a13c00bb4c0708138bef2f8f47f97a892101aa', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '21ba5fb7f808231340873d067cb10ed3e52ce7c9', 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: 'dfe4d4601085a334055dd76a9d6051889ebc56ed', style: { display: 'none' } }), h("div", { key: '9c04dc80b49a2e3fbb5d5bd5ad76ff78a5329102', style: { height: '60px' } })));
     }
     static get is() { return "udp-forms-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-follow-up-list-card/udp-forms-follow-up-list-card.js CHANGED Viewed

@@ -2,8 +2,8 @@ import { h, Fragment } from "@stencil/core";
 import { UdpFormsTypeEnum } from "../../utils/enums";
 export class UdpFormsFollowUpListCard {
     render() {
-        const contentJsx = (h(Fragment, { key: 'c3d675df638c528117d931b1aba2c8a35554880b' }, h("unity-typography", { key: 'df3de57a9cf9eb8aad4831014311ae767c97271c', variant: "body1", color: "textSecondary" }, "Version: ", this.listItemData.version), h("unity-typography", { key: '72989981615c843c1c53d938224867a82ddced94', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.listItemData.type])));
-        return (h("udp-card", { key: '6b31e1a30c10ec6b1b2bd53aad528b98dbcd61d7', cardTitle: this.listItemData.name, subheader: this.listItemData.description, onTitleClick: () => this.handleLaunchFollowUpForm(), disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+        const contentJsx = (h(Fragment, { key: '24b6143f8ed420f4bc7f0f1e93cb5f1437e9447a' }, h("unity-typography", { key: '501ef3a2c05cdb91e98281e8eae243ba17ee244d', variant: "body1", color: "textSecondary" }, "Version: ", this.listItemData.version), h("unity-typography", { key: '9c8953816fc595a342fb7d71f2292c379259733c', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.listItemData.type])));
+        return (h("udp-card", { key: '84efe2ca8e89d3383f113f77d76cf710868fa0c4', 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/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.js CHANGED Viewed

@@ -588,7 +588,7 @@ export class UdpFormsRenderer {
         return (h("udp-side-sheet", { title: "Link a Follow Up Form", open: this.isFollowUpFormsSideSheetOpen, onUdpSideSheetClose: () => this.handleSideSheetClose(), position: "right", width: "md" }, this.isLoading && this.isFollowUpFormsSideSheetOpen && h("udp-linear-loader", null), h("udp-list-renderer", { itemComponent: "udp-forms-follow-up-list-card", data: this.sideSheetFollowUpFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE, currentPage: this.followUpSideSheetListPageNumber, totalItems: this.followUpSideSheetTotalItems, onPageChange: e => this.handleSideSheetPageChange(e.detail), componentDataMap: this.componentMap, spacing: 'md' })));
     }
     render() {
-        return (h("div", { key: '32d6b68c4bdbae35e0e57a7b408acdb8182e3498', class: "forms-renderer-container" }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, initialValues: this.initialValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving, saveErrorMessage: this.saveErrorMessage,
+        return (h("div", { key: '2006dafd4a0a51f50aed2ef093b12cdac48c352b', class: "forms-renderer-container" }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, initialValues: this.initialValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving, saveErrorMessage: this.saveErrorMessage,
             // showAutoSaveStatus={this.formSubmissionHandler.supportsAutoSave() && !!this.userId}
             readonly: this.isSubmitted, handleSubmit: this.handleSubmit.bind(this), handleSave: values => Promise.resolve(this.debouncedManualSave(values)), handleChange: this.handleFormChange, handleAction: this.triggerAction, handleFinish: this.handleFinish, userId: this.userId, isSubmitted: this.isSubmitted, dynamicSections: this.dynamicSections, duplicateRepeatableSection: this.duplicateRepeatableSection, deleteRepeatableSection: this.deleteRepeatableSection, ref: el => (this.formsUiEl = el), key: `form-rerender-key-${this.reRenderKey}`, isShowManualSaveIcon: this.isShowManualSaveIcon(), isLoading: this.isLoading, performBackgroundSaveAndUpdateLocalSubmissionState: this.performBackgroundSaveAndUpdateLocalSubmissionState })));
     }

package/dist/collection/components/my-component/UI/grid/ag-table/ag-table.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class AgTable {
         this.height = 'calc(100vh - 200px)';
     }
     render() {
-        return (h("div", { key: '83743973c902da683ac71a96eb67c4e44e12a778', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
+        return (h("div", { key: 'e2b4974a3fb317a51b4e0954c0b405eeabeb794f', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
     }
     static get is() { return "ag-table"; }
     static get properties() {

package/dist/collection/components/my-component/UI/grid/ambient-template-grid/ambient-template-grid.js CHANGED Viewed

@@ -43,6 +43,10 @@ import CurrencyRenderer from "../renderers/currency-renderer";
 import { cloneDeep } from "lodash";
 import { v4 as uuid } from "uuid";
 import { getCurrentTenantId } from "../../../../../udp-utilities/tenant/tenantUtils";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Please use `search-method-grid` instead
+ */
 export class AmbientTemplateGrid {
     handleTriggerGridUpdate(newValue, oldValue) {
         var _a, _b;
@@ -2950,29 +2954,29 @@ export class AmbientTemplateGrid {
             this.gridHeight = 'calc(100vh - 200px)';
         }
         const actionMenuItems = this.getOverflowActionList(this.overflowActionMenuItems, this.selectedRowParams);
-        return (h("div", { key: '6871995383595619ddd3ff06e1c17b1d4f06979a' }, this.openActionPopoverMenu && (h("udp-pop-over", { key: '4631f97ac1e5410fa77d811b9e45a92c959d5537', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
+        return (h("div", { key: '2d9838aa1ca2e6eefd81c9d0afd94224f08c9d6f' }, this.openActionPopoverMenu && (h("udp-pop-over", { key: '604d7b0248442aad4469c6ebdbd949133ae5d719', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
                 this.handleOnCloseActionPopover(event);
-            } }, h("div", { key: '18ccf5c431affb749891af01970fb8f4f6f9a9a4', class: "overflowActionButtons" }, actionMenuItems))), h("div", { key: 'f53232485703efb24d9faaeb98a88f77f9ad568b' }, this.showNotification && (h("udp-notification", { key: '1d00ee60cb5ab7ccbf8b1650a2999e39258b71a3', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), h("style", { key: '9438433b5183956d991d44dfad7c7c31da84c22c' }, `:host ::slotted(.ag-side-bar) {
+            } }, h("div", { key: 'f388e79f634c6c5825259437e036142f57a0cba4', class: "overflowActionButtons" }, actionMenuItems))), h("div", { key: 'bed5800d933dd6bb1d0d19575d78f0e2822f0cc4' }, this.showNotification && (h("udp-notification", { key: 'fcba1bdf03e6b6db37b09934b1a9fab26c482bb5', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), h("style", { key: '84c3bb0c74849e060d2f096214c4a5d3c9e3bf90' }, `:host ::slotted(.ag-side-bar) {
             width: ${filterPanelWidth} !important;
-          }`), h("grid-primary-bar", { key: 'ef06a7488132388a66f234d7ce610951ca3fa4a2', title: this.gridBarTitle, customSaveViewClick: () => this.showViewSave(), customShowViewClick: () => this.showViews(), customShowHotlistClick: () => this.showHotlist(), customShowCustomSearchClick: () => this.showCustomSearch(), customClearClick: () => this.clearFilters(), customRefreshClick: () => this.refreshGrid(), customExpandClick: () => this.expandColumns(), customExportClick: this.exportFunction ? () => this.exportFunction(this.entityName, this.filterRenderList[0]) : () => this.exportToCsv(), customInsightsClick: e => {
+          }`), h("grid-primary-bar", { key: 'df7424220b505ec75219ac08e0d5a3a2722e7789', title: this.gridBarTitle, customSaveViewClick: () => this.showViewSave(), customShowViewClick: () => this.showViews(), customShowHotlistClick: () => this.showHotlist(), customShowCustomSearchClick: () => this.showCustomSearch(), customClearClick: () => this.clearFilters(), customRefreshClick: () => this.refreshGrid(), customExpandClick: () => this.expandColumns(), customExportClick: this.exportFunction ? () => this.exportFunction(this.entityName, this.filterRenderList[0]) : () => this.exportToCsv(), customInsightsClick: e => {
                 this.insightsActionOnClick(e);
             }, showInsightsAction: this.showInsightsAction, hiddenActionButtons: this.hiddenActionButtons, primaryActionLabel: this.primaryActionLabel, primaryActionClick: e => {
                 this.primaryActionOnClick(e);
-            }, primaryActionIcon: this.primaryActionIcon, customColumnViewClick: () => this.togglePanel('columns'), customFitColumnClick: () => this.fitColumns(), customFilterViewClick: () => this.togglePanel('filters'), customToggleServerClientClick: () => this.toggleServerSide(), customAdvancedSearchClick: () => this.showAdvancedSearch(), customShowGridOptionsClick: () => this.showGridOptions(), showAdvancedSearchFeature: this.showAdvancedSearchFeature, showFilterColumnFeature: this.showFilterColumnFeature, showHotlistButton: this.showHotlistButton && !(((_e = this.restrictedGridFeatures) === null || _e === void 0 ? void 0 : _e.Hotlist) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Hotlist)), hideExport: ((_f = this.restrictedGridFeatures) === null || _f === void 0 ? void 0 : _f.Export) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), h("udp-pop-over-grid-action-header", { key: '3f98019eded6d266d819602f9fd9ed2eee1e3b32', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, h("stencil-icon-button-grid-action-header", { key: 'dfdf51d69880fde5a10473da46b7b2398d45f165', onClick: () => {
+            }, primaryActionIcon: this.primaryActionIcon, customColumnViewClick: () => this.togglePanel('columns'), customFitColumnClick: () => this.fitColumns(), customFilterViewClick: () => this.togglePanel('filters'), customToggleServerClientClick: () => this.toggleServerSide(), customAdvancedSearchClick: () => this.showAdvancedSearch(), customShowGridOptionsClick: () => this.showGridOptions(), showAdvancedSearchFeature: this.showAdvancedSearchFeature, showFilterColumnFeature: this.showFilterColumnFeature, showHotlistButton: this.showHotlistButton && !(((_e = this.restrictedGridFeatures) === null || _e === void 0 ? void 0 : _e.Hotlist) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Hotlist)), hideExport: ((_f = this.restrictedGridFeatures) === null || _f === void 0 ? void 0 : _f.Export) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), h("udp-pop-over-grid-action-header", { key: 'f6aa9bd580a37e33e72d718d9a1188c74301939a', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, h("stencil-icon-button-grid-action-header", { key: 'dac50e687c0be1d5c1844412fb09280b062539bf', onClick: () => {
                 this.togglePanel('columns');
                 this.showGridOptions();
-            }, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: 'c214cf40e214832a7a21e531d151de92f0ce128e', variant: "button" }, "Show/Hide Columns")), h("udp-divider", { key: '038e494aceda6efbf2978bbe17e1cd84a25a78c9', size: "100%" }), h("stencil-icon-button-grid-action-header", { key: '919519a0c656824fec82d834ab6f1ccdcf7a6dc6', onClick: () => {
+            }, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: '540719319c956af07e656921b6bc3e83423ff7ff', variant: "button" }, "Show/Hide Columns")), h("udp-divider", { key: '29a4e8be46bc35bcf2b17f21888ba3ddba5c6926', size: "100%" }), h("stencil-icon-button-grid-action-header", { key: '2e0515858f1967d8a9d49ab6d2e99f1c0df8c0b3', onClick: () => {
                 this.fitColumns();
                 this.showGridOptions();
-            }, tooltip: "Fit to Column" }, h("unity-typography", { key: 'f59b2f205a2323a58c53071e1b80a1ef41c25cfc', variant: "button" }, "Fit to Column")), h("udp-divider", { key: '91fb882a8b739292fd77f9b6734302314eeec0fd', size: "0px" }), h("stencil-icon-button-grid-action-header", { key: '074055300da27ae4f139c20dae8ac4c09a43cc52', onClick: () => {
+            }, tooltip: "Fit to Column" }, h("unity-typography", { key: 'bbe5b1c1f2675dec5dce7d5758517fff04758c2f', variant: "button" }, "Fit to Column")), h("udp-divider", { key: '2e7aa970fb0b127a7eba0660dab53eae22da2fb5', size: "0px" }), h("stencil-icon-button-grid-action-header", { key: '3130b7f3aeacaa9c850f4202589155f6ce5a568d', onClick: () => {
                 this.expandColumns();
                 this.showGridOptions();
-            }, tooltip: "Expand Grid" }, h("unity-typography", { key: 'cca1b3b6f3764de1ba8d36111f497807fa1baf41', variant: "button" }, "Expand Grid")), h("udp-divider", { key: 'be882a57006fe012c78d85f91e5e34b01c040b86', size: "0px" }), !this.disableSearchSwitch && (h("stencil-icon-button-grid-action-header", { key: '248a033027f7f2c1f9e05933a06b0d6be311d36c', onClick: () => {
+            }, tooltip: "Expand Grid" }, h("unity-typography", { key: '8ec680f119628cdbdff467950a756b84ed13ee31', variant: "button" }, "Expand Grid")), h("udp-divider", { key: 'a0b37623c2279489cebe1980725404c14bfcada1', size: "0px" }), !this.disableSearchSwitch && (h("stencil-icon-button-grid-action-header", { key: 'c6460fb6c14bc00654d8607c026a4809bd8e321c', onClick: () => {
                 this.handleSearchModeToggle();
                 this.showGridOptions();
-            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: '14737479c7af569eefff926047a6a61b7e7e37b4', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), h("div", { key: '4297413de120150a00bcab3857424e79849f66c3', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (h("div", { key: 'e00450f835e4bd39b0c07947b62a94d92fb71a36', class: "bulk-select" }, h("udp-badge", { key: 'cf63f6b27e007bf69c9f01d28c3bcd82edf1f8c0', content: this.selectedRowCount }, h("udp-selector", { key: 'a7533111f1a9ee4e1115347d5ebd7873986996b3', options: this.bulkActions.length > 0 ? this.formattedBulkActions : [], onChange: (e) => this.handleSelectedBulkOption(e) })))), ((_g = this.loadedViewTitle) === null || _g === void 0 ? void 0 : _g.length) !== 0 && (h("div", { key: '728131db932f7895a17f379db8a94dc3bebba562', class: "chip-wrapper" }, h("stencil-chip", { key: '61a449ca1be74f40f9857eb57fc16f6ed0e2ec87', text: this.loadedViewTitle,
+            }, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: '9f77bd2f5b0ea7df94f9e6f90d6b87f72002aaad', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), h("div", { key: '01b64b73d958944a5f1c6d09abd00b62aeef0f8c', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (h("div", { key: '27be5a7a927174971c9d87ea310fd7012a565aec', class: "bulk-select" }, h("udp-badge", { key: '0d3b87798ac59d06c58735c0aad9b65099152c95', content: this.selectedRowCount }, h("udp-selector", { key: '2cfb6afb110647d215e7fde28b03442cd591db96', options: this.bulkActions.length > 0 ? this.formattedBulkActions : [], onChange: (e) => this.handleSelectedBulkOption(e) })))), ((_g = this.loadedViewTitle) === null || _g === void 0 ? void 0 : _g.length) !== 0 && (h("div", { key: '901ce4ec4476530afe338ca50c0d61f4f979239f', class: "chip-wrapper" }, h("stencil-chip", { key: '7adb33d43f284bdd4f1cbb09113526269ffda0ec', text: this.loadedViewTitle,
             // onOnDelete={this.handleDelete as any}
-            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16, showLeftIcon: this.selectedViewIsDefault }), h("udp-divider", { key: 'e4a657524450fd6f63d0e8444cbb9f0d78504eb0', variant: "vertical", size: "30px" }))), this.hotListActive && (h("div", { key: '24ebc8bf5cd2ab1a09fef3cb58a06b1ed9d8c3b7', class: "chip-wrapper" }, h("stencil-chip", { key: '17417dd688b011dcf159861fcb6b28d532dd4a37', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16 }), h("udp-divider", { key: '67f124b8abbb6ea6fa1bef9121c15d70599a2c12', variant: "vertical", size: "30px" }))), h("div", { key: 'a58e9971dc714549d9444c98bb6fb8dc71e97a01', class: "chip-section" }, this.filterChips.length > 0 && (h("udp-dynamic-container-with-menu", { key: '0823adf83f0ddb14ca86b087820ad6edff9f536e', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), h("div", { key: '4b6a14149e6492f64aea47d9cc5a65230b9abebd', class: "kpi" }, h("kpi-list", { key: 'ee7490e5255689fd1fe09f40302d6e59b44eabd1', kpiValues: this.kpiValues }))), this.gridError && (h("div", { key: 'de984a16037d14bf97829d428c871f2271f40c92' }, h("upd-alert-banner", { key: 'b86795271882a3c70239aa0043146b586c5b72c4', type: "error", message: `An error occurred with loading the grid with data.` }))), h("div", { key: '2ecb0b03edd474ddf03eb1b211ce09949622b28d', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)', overflow: 'hidden' } }, this.linearLoading && h("udp-linear-loader", { key: '8cb74a12e54205c01d80ded4fffa465a2658da13' })), this.noResults && (h("div", { key: '216f37ba09ab8a2164c59da2069abe73cd142626' }, h("upd-alert-banner", { key: 'b05f8fdfa3041d0d931ad68faf9292aeab01367e', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), h("div", { key: '1a034a177d146b871af00f416f11058d1793459e' }, h("ag-table", { key: '508ef4f4302e2abbfa8ccfe3e41baed41ca721b1', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight })), h("side-sheet", { key: '20335aceb8c0a35008310e6a65c77a30c19a0c5c', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, h("div", { key: '1ca914f16561101f66139cff72e75c77bddce422', style: { width: '1200px' } }, h("advanced-search", { key: '7c3d54ef591d4e80ab49720afb392e28939b532e', handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(), getHeaderFieldLabel: this.getHeaderFieldLabel }))), h("side-sheet", { key: 'f247053c95af887649c5f40d01268e1a10768337', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, h("div", { key: 'b34c8c0ef37985a4cd71b6e696875e4acd8e1773' }, h("div", { key: '19e3f8f86f1e6a917e820007f2b6024199fce9e0', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: '13f741cf924f6a549ea2e74327f3e24b81d9a71e', hint: "Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow.", hideHintText: "Hide Hint" })), h("div", { key: '63d670161c4d91406f8f99d376c314741a8d7ada', style: { width: '446px' } }, this.viewListRowData &&
+            onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16, showLeftIcon: this.selectedViewIsDefault }), h("udp-divider", { key: '6784893a62b4739eaf452cd684199ed1199a9f6d', variant: "vertical", size: "30px" }))), this.hotListActive && (h("div", { key: 'b8567dd82ceafd09ff8a30a75e7b9ba4ed875c9a', class: "chip-wrapper" }, h("stencil-chip", { key: 'c84a90a13563bd4eb3f9c1dea8f91ef096a42b00', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16 }), h("udp-divider", { key: '46fd4363dc7294e41cb22bdc0d71105e5e0b2d4d', variant: "vertical", size: "30px" }))), h("div", { key: 'fc61b23e0d6c76ee01acde347def484e257bf7ad', class: "chip-section" }, this.filterChips.length > 0 && (h("udp-dynamic-container-with-menu", { key: 'cbd63e8f15082b5fece01d319dadb8dd9a654743', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), h("div", { key: '6fd920ed9e000f83c2dbbba44e5b0e5d2c33eb8b', class: "kpi" }, h("kpi-list", { key: 'f5933d4da0cbe32e61c582533757442b98c03825', kpiValues: this.kpiValues }))), this.gridError && (h("div", { key: 'f264bf99330b0454dad0b8c0d7b9f4613811e5b0' }, h("upd-alert-banner", { key: 'a1b7f9416be965ef0821fdea8d4ce6a982de4fb0', type: "error", message: `An error occurred with loading the grid with data.` }))), h("div", { key: '0c5d6b2d2757aced046cd55ccc95965bdf90b91e', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)', overflow: 'hidden' } }, this.linearLoading && h("udp-linear-loader", { key: '03d413830931599a4745fd60cffeb26111f7ae5f' })), this.noResults && (h("div", { key: '32239e412912d1c673d60cf6ef9222130de6e617' }, h("upd-alert-banner", { key: '78efb216e3a8132aac555f9ba9908f415bc44196', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), h("div", { key: 'f899dd472b93ef50b27f103c7f08c5ba83fcf231' }, h("ag-table", { key: 'c762a9110b686bc48a757a3a14b2721537cde6ed', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight })), h("side-sheet", { key: '46de1d7e6432d13f77496057a607ee5f663097c2', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, h("div", { key: '1a3f30874f4634bc6ce8fcfd50c260fdf07a774b', style: { width: '1200px' } }, h("advanced-search", { key: '8dbf49df1f436c75e4a48865ef28c3a3cf9a2b74', handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(), getHeaderFieldLabel: this.getHeaderFieldLabel }))), h("side-sheet", { key: 'f9ab4eab1d74e7b7aff8e9a82af764e2fa5035ea', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, h("div", { key: '05971bd3112aaed15ea12b060892efb59a4841c7' }, h("div", { key: '2042c954f866b6ca9845174429206a295d3102cd', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: '0cc6b0ac378fd1d152c3c8deebbe2b8747f37ef1', hint: "Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow.", hideHintText: "Hide Hint" })), h("div", { key: 'def849e80768aa308aa517ccb72b9549fb861350', style: { width: '446px' } }, this.viewListRowData &&
             this.viewListRowData.map(item => {
                 if (item.gridViewVisibilityTypeId === 2 || item.userId.toLowerCase() === this.userId.toLocaleLowerCase()) {
                     return (h("tree-list-item", {
@@ -2983,9 +2987,9 @@ export class AmbientTemplateGrid {
                         }, editHandler: () => this.openViewEdit(item.gridViewId, item.name, item.isDefault, item.gridViewVisibilityTypeId), deleteHandler: () => this.openDeleteViewConfirmation(item.gridViewId), showUpdateDefaultOption: true, updateDefaultHandler: () => this.updateDefaultView(item), isDefault: item.isDefault, gridViewVisibilityTypeId: item.gridViewVisibilityTypeId, showAdd: false, showViewOption: false
                     }));
                 }
-            })))), h("side-sheet", { key: '2366b12ad3fe0ce4fc2a888a3282da77233c09b2', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, h("advanced-search-grouped", { key: '33795b531cad78d798855f6ab26e1197437ce64b', getLogicalOperatorValue: this.getLogicalOperatorValue, getLogicalOperatorCode: this.getLogicalOperatorCode, handleAddNewFilter: this.handleAddNewFilter, handleAddNewGroup: this.handleAddNewGroup, handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setGroupedFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, filterObjectsWithGroups: this.filterObjectsWithGroups, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(),
+            })))), h("side-sheet", { key: 'c504e3d4f1ab4f3578fd2a7cee7e9b22770921dd', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, h("advanced-search-grouped", { key: 'ad849f727d805a5512dafe68f71ed2b5412f6567', getLogicalOperatorValue: this.getLogicalOperatorValue, getLogicalOperatorCode: this.getLogicalOperatorCode, handleAddNewFilter: this.handleAddNewFilter, handleAddNewGroup: this.handleAddNewGroup, handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setGroupedFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, filterObjectsWithGroups: this.filterObjectsWithGroups, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(),
             // onSearchItemChanged={() => this.handleSearchItemChange()}
-            updateLogicalOperator: (_h = this.updateLogicalOperator) === null || _h === void 0 ? void 0 : _h.bind(this), handleGroupDelete: groupId => this.handleGroupDelete(groupId), recentSearchesOptions: this.recentSearchesOptions, selectRecentSearch: this.selectRecentSearch, fullClearSearch: this.fullClearSearch, findGroupById: this.findGroupById, getHeaderFieldLabel: this.getHeaderFieldLabel })), h("side-sheet", { key: '4b637b0ac782e67e77494ecb9c249c4a0adfa06e', disabled: this.showHotlistForm, widthOption: "short", sideSheetButtonLabel: "Create New Hotlist", handleSideSheetButton: () => this.toggleHotlistForm(), title: "Hot Lists", open: this.hotlistDrawerOpen, toggleDrawer: () => this.primaryActionClick('hotlists'), position: "right" }, h("div", { key: 'a5ba8d06922e2d6edd994ea4f92ce65f8dcfed6e' }, this.showHotlistForm && h("udp-hotlist-form", { key: 'afd100f1b400a5f52eed3665e01f34ff37f15240', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), h("div", { key: '66a3ddab96cce9454aec1cc9eb8a16719315cf59', style: { width: '446px' } }, this.allHotlists &&
+            updateLogicalOperator: (_h = this.updateLogicalOperator) === null || _h === void 0 ? void 0 : _h.bind(this), handleGroupDelete: groupId => this.handleGroupDelete(groupId), recentSearchesOptions: this.recentSearchesOptions, selectRecentSearch: this.selectRecentSearch, fullClearSearch: this.fullClearSearch, findGroupById: this.findGroupById, getHeaderFieldLabel: this.getHeaderFieldLabel })), h("side-sheet", { key: '51c5d660ec12b486ecff6f14698894b2c96755b2', disabled: this.showHotlistForm, widthOption: "short", sideSheetButtonLabel: "Create New Hotlist", handleSideSheetButton: () => this.toggleHotlistForm(), title: "Hot Lists", open: this.hotlistDrawerOpen, toggleDrawer: () => this.primaryActionClick('hotlists'), position: "right" }, h("div", { key: '15fbd4631df5d8c2701cb004990c7db1494926e4' }, this.showHotlistForm && h("udp-hotlist-form", { key: 'd2fb7b5ac5a245db2f707dcf784721239240003b', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), h("div", { key: 'fc2ca09ca795f140459afeb88d8e191d37bdb5e6', style: { width: '446px' } }, this.allHotlists &&
             this.allHotlists.map(item => {
                 if (item.domain === this.entityName) {
                     return (h("tree-list-item", { label: item.name, fieldName: item.name, showViewOption: true, showAdd: this.businessObjectKey ? true : false, showDeleteOption: true, viewHandler: () => this.handleRequestHotlist(item.hotListId), deleteHandler: () => this.confirmRequestDelete(item.hotListId), onClick: () => this.handleSetSingleHotlistItem(item.hotListId), statusValue: item.isPrivate, statusClasses: {
@@ -2993,7 +2997,7 @@ export class AmbientTemplateGrid {
                             false: 'neutral',
                         }, statusLabel: item.isPrivate ? 'Private' : 'Shared' }));
                 }
-            })))), h("save-view-form-dialog", { key: 'b5fe98767c960b86033c38ff245febd96eb2b42a', open: this.saveDialogOpen, title: this.selectedViewName ? 'Current View' : 'New View', closeDialog: () => this.showViewSave(), currentGridViewId: this.selectedGridId, currentName: this.selectedViewName, currentIsPrivate: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (name, isPrivate, isDefault) => {
+            })))), h("save-view-form-dialog", { key: 'bd07ce94276ac1d2695e18a3ed8289f88d7bdfa6', open: this.saveDialogOpen, title: this.selectedViewName ? 'Current View' : 'New View', closeDialog: () => this.showViewSave(), currentGridViewId: this.selectedGridId, currentName: this.selectedViewName, currentIsPrivate: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (name, isPrivate, isDefault) => {
                 // Assuming this.columnState exists in this component's scope
                 this.handleViewFormSubmit(name, isPrivate, isDefault, this.gridState);
             }, handleViewAndConfigurationSubmit: (name, isPrivate, isDefault) => {
@@ -3006,11 +3010,11 @@ export class AmbientTemplateGrid {
                         this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState);
                     }
                 }
-            } }), h("edit-view-form-dialog", { key: '979faf713d66a74d5630a7cb3a7597e88a1c7adc', open: this.editDialogOpen, title: "Edit View", closeDialog: () => this.closeViewEdit(), currentGridId: this.selectedGridId, currentName: this.selectedViewName, currentGridViewVisibilityTypeId: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (gridId, name, isPrivate, isDefault) => {
+            } }), h("edit-view-form-dialog", { key: 'cbece9124e97a5334a1f5d7a489e974c320fc362', open: this.editDialogOpen, title: "Edit View", closeDialog: () => this.closeViewEdit(), currentGridId: this.selectedGridId, currentName: this.selectedViewName, currentGridViewVisibilityTypeId: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (gridId, name, isPrivate, isDefault) => {
                 this.handleViewUpdate(gridId, name, isPrivate, isDefault);
-            } }), h("div", { key: 'dc1b28765fea40ff660fe060d62306e8958b0008' }), h("fluent-dialog", { key: '4749a681a594c062c9211dd2e985e964a47f29da', title: "Delete Hotlist", message: "Are you sure you want to delete this hotlist?", actionOne: () => this.handleRequestDeleteHotlist(), actionTwo: () => this.toggleDeleteDialog('hotlist'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialog }, h("div", { key: 'e9a95f63f1538d9fa9ef007fac99af421a62269d' }, "This will not delete any of the data but only the records ", h("br", { key: 'b90bf325b71620bbf15ec4c71cccffec8b50f1ce' }), "from the hotlist and the hotlist itself.", ' ')), h("fluent-dialog", { key: 'ebb260ee17fea7d176737ae1e6190e7d3b46cbcd', title: "Delete View", message: "Are you sure you want to delete this view?", actionOne: () => this.handleDeleteView(), actionTwo: () => this.toggleDeleteDialog('View'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialogDeleteView }, h("div", { key: 'bb08b2949e15b78460fb8f5e6aab6c7f5b22eeda' }, "This will not delete any of the data but only the settings ", h("br", { key: '82d84f443b8939387b516011d9270492f18dee86' }), "saved to display this view.", ' ')), h("fluent-dialog", { key: '5a0f02ecf465e7cd3324caff66fb7b432b8aabf4', title: "Update View", message: "Are you sure you want to update this view?", actionOne: () => this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState), actionTwo: () => this.showViewEditConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.editViewConfirmationDialogOpen }, h("div", { key: '8aca6e90ce41ef5a8fd02ec7cd23fcfe774093ab' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), h("fluent-dialog", { key: 'f4268fb5190b1fb58ba988a33769d59a5e002d1b', title: 'Toggle Search Mode to ' + (this.enableAdvancedSearch ? 'Standard' : 'Advanced') + ' Search', message: this.enableAdvancedSearch
+            } }), h("div", { key: 'd70382346784705f116560b21949549199b9191a' }), h("fluent-dialog", { key: '787a6437153ee38ad41ff349aa48aad08c851514', title: "Delete Hotlist", message: "Are you sure you want to delete this hotlist?", actionOne: () => this.handleRequestDeleteHotlist(), actionTwo: () => this.toggleDeleteDialog('hotlist'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialog }, h("div", { key: 'b20866814ee6b1d68e2d4716219232f5e994ac04' }, "This will not delete any of the data but only the records ", h("br", { key: 'dbeafc92c6ae12313c9f715f559188f744a67565' }), "from the hotlist and the hotlist itself.", ' ')), h("fluent-dialog", { key: 'f091f543e7b1830959a98f7807eb9538b0d5168f', title: "Delete View", message: "Are you sure you want to delete this view?", actionOne: () => this.handleDeleteView(), actionTwo: () => this.toggleDeleteDialog('View'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialogDeleteView }, h("div", { key: '25d73aab4573e613bb96a6680e303f871040c6f3' }, "This will not delete any of the data but only the settings ", h("br", { key: '8e6b659dc948bd4bc14acf2007dbea84737f4cf6' }), "saved to display this view.", ' ')), h("fluent-dialog", { key: 'fe29c262e0582ddc3f0551571e62d7d333ec04e5', title: "Update View", message: "Are you sure you want to update this view?", actionOne: () => this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState), actionTwo: () => this.showViewEditConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.editViewConfirmationDialogOpen }, h("div", { key: '4c8f5ddfdfe8f41ffc16b5811c744dcae0fe0467' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), h("fluent-dialog", { key: '204fde90bdd5ab77145396d66b5a05d264be425d', title: 'Toggle Search Mode to ' + (this.enableAdvancedSearch ? 'Standard' : 'Advanced') + ' Search', message: this.enableAdvancedSearch
                 ? `Are you sure you want to toggle the search mode to standard search?`
-                : `Are you sure you want to toggle the search mode to advanced search?`, actionOne: () => this.confirmSearchModeToggle(), actionTwo: () => this.toggleSearchModeConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.toggleSearchModeConfirmationDialogOpen }, h("div", { key: 'cf49c4a0cee0f0aaeba98fe92a55ba82dea212f8' }, this.enableAdvancedSearch
+                : `Are you sure you want to toggle the search mode to advanced search?`, actionOne: () => this.confirmSearchModeToggle(), actionTwo: () => this.toggleSearchModeConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.toggleSearchModeConfirmationDialogOpen }, h("div", { key: '0f4d5690ac2e21405156f6d570074cc402f8f6e1' }, this.enableAdvancedSearch
             ? 'The advanced search functionality will be disabled, all advanced search filters will be cleared and the grid will be reset to its default state.'
             : 'The standard search functionality will be disabled and any existing standard filters will persist to the advanced search.'))));
     }