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

package/dist/collection/components/my-component/UI/data-display/hint-panel/hint-panel.js

@@ -7,7 +7,7 @@ export class HintPanel {
         };
     }
     render() {
-        return (h("div", { key: '6c86856cea0ddd8fd3580522496d58e28cea0ae6', class: "hint-container" }, this.showHint && (h("div", { key: 'b4a181c3a8bfea0af2e5e3767bab6c0a2cdaeed4', class: "hint-content" }, h("div", { key: '9819bf21dd97edeea87eca27d2974e14b022eeda' }, h("unity-typography", { key: '4a48edd341ac48c001337e9242e9bc3cec41ac96', variant: "body" }, " ", this.hint, " ")), this.hideHintText && (h("div", { key: '8755d7052fccf750eb663832f3da65ae7801bf89', class: "hide-help" }, h("udp-button", { key: '20e436d265c818cfafe29d65a4fee5bdf4e3f1aa', size: "small", color: "info", onClick: this.handleHideHint }, this.hideHintText)))))));
+        return (h("div", { key: '47aac9180a770db77c68d054dcbf8c20a415479e', class: "hint-container" }, this.showHint && (h("div", { key: '8d4091a7277e0b06a498606c544904f154d96f10', class: "hint-content" }, h("div", { key: 'fe4980f1b9aff94fbdfd87b1800b2da48f61ee23' }, h("unity-typography", { key: '131eb91d46f6b2c662ea22b7bdf5b42c25687daa', variant: "body" }, " ", this.hint, " ")), this.hideHintText && (h("div", { key: '5cc4e2e0ad00177ee7dd24834cf883fd2aaf56b8', class: "hide-help" }, h("udp-button", { key: '3476676669dcbe4a07ea0c56c6ee96817c0148f6', size: "small", color: "info", onClick: this.handleHideHint }, this.hideHintText)))))));
     }
     static get is() { return "hint-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/kpi/kpi-list.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class KpiList {
     render() {
-        return (h("div", { key: 'a04e6b402e88c914e2c53bf45d587a819544dda6', class: "kpi-container" }, this.kpiValues.map((kpi, index) => (h("div", { class: "kpi-item" }, h("span", { class: "kpi-label", style: {
+        return (h("div", { key: '1c4ccf7e146ac01b9c3361497d7e1e30fbb75ad3', class: "kpi-container" }, this.kpiValues.map((kpi, index) => (h("div", { class: "kpi-item" }, h("span", { class: "kpi-label", style: {
                 fontSize: ' 0.875rem',
                 fontWeight: '300',
                 lineHeight: '0.25',

package/dist/collection/components/my-component/UI/data-display/list-item/list-item.js

@@ -49,11 +49,11 @@ export class UdpListRenderer {
     render() {
         const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
         const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
-        return (h(Host, { key: '41eb6d0141ee4439623ec120ee274bb787f1bfee' }, h("div", { key: '2b210540274910e64292519574d5bb67a770bdf5', class: {
+        return (h(Host, { key: '73e8c73b833d92e4a6e3925d289b63ea236cfe47' }, h("div", { key: '19e15b9735bb3bee2f850bbb72590e2d667a32a7', class: {
                 'list-item': true,
                 'clickable': this.clickable,
                 'variant-compact': this.variant === 'compact',
-            }, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (h("div", { key: '913f2b8c672493d7316e64ca3c26cea222b0281d', class: "avatar-container" }, h("udp-avatar", { key: '114fa2f5a4d3395aad73fff0fa6d239c7eecaf2a', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'bf27da4ea3959f2330e910ccf4964519941e7336', class: "text-container" }, showPrimaryText && (h("div", { key: '9f644311da4b3f144f2afc9f5a57f17e6c6b84a3', class: "primary-text" }, h("slot", { key: 'd7590409f59e534c5a057942ce30f9512e1a7b94', name: "primary-text" }, h("unity-typography", { key: 'a023f31b04cdc9c60514140d9f47681b2ab800d3', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '40f57bd6c501910e200d4cd145c9fed2a36d2fe8', class: "secondary-text" }, h("slot", { key: '62fbe0222b1d4866c61fe07a8d84d1567cbc4d56', name: "secondary-text" }, h("unity-typography", { key: 'e33b76e74015dd4e7176c06cdf84e8c40b3ba554', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '97542efce1a23b6e504cd541e41254e83da48baf', class: "status-chip-container" }, h("slot", { key: '432f5cc6a98b82c7ee53906dce053e95e097c588', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: '9e8065713ec74f83cd6bd7a00dac7c54c92355c0', class: "actions-container" }, h("slot", { key: '949296f60d37ed3cd5fdfc8c5cb39f8e38ef30f6', name: "actions" }))))));
+            }, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (h("div", { key: 'fe3e96e2174c412baec985f2ad4165b7792f723c', class: "avatar-container" }, h("udp-avatar", { key: '00cfc2f0ff6075d22bef19899bf8fbbccd56f027', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'c372927c43e537ca9882e9b34362a38a8f461b3b', class: "text-container" }, showPrimaryText && (h("div", { key: '451fad1178d11e9e738d326cf2558d0f9451a503', class: "primary-text" }, h("slot", { key: '95654614b720f9277fa809aef2280cb9aecfd827', name: "primary-text" }, h("unity-typography", { key: '89c29245103018cdef80bbbf33a9cd3011b1edb0', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '79b4f2cbecb6e5a8af4c00857a1446b016bdb2d2', class: "secondary-text" }, h("slot", { key: '2ea332315c2a53e1d646948f4572c81e9282fcea', name: "secondary-text" }, h("unity-typography", { key: 'e8f9380017e1cb75f3b032727b9554b002760a8a', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '169ac178215a426030c28da90961f860634a6610', class: "status-chip-container" }, h("slot", { key: 'f62f1db7d713890370c5cf979509be4876ce9c81', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'e7fbb40deb81e6c7d0085b151efa54a80bd9c190', class: "actions-container" }, h("slot", { key: '4e7cd6ee111435e258c1b5fd02b4cdadefbf8672', name: "actions" }))))));
     }
     static get is() { return "udp-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/pop-over/udp-pop-over.js

@@ -113,7 +113,7 @@ export class UdpPopOver {
             maxHeight: this.popoverMaxHeight,
             overflow: this.overflow
         };
-        return (h(Host, { key: 'a064210032eb7db2bba02fee5c9a857fffc4cbcf' }, h("div", { key: '1cd02d254250afed442607f0925613dafb0ef63f', class: "popover", style: style }, h("slot", { key: '085cca6f9a387c33b56fd18d41b54fbfd4b59b90' }))));
+        return (h(Host, { key: '4459a8369eaff06485b83076205de4a2b71b8174' }, h("div", { key: '7fbd552e4a485fc2c913202d3c1baa5c68f1a64f', class: "popover", style: style }, h("slot", { key: 'a207f724e5941865b0221b28e42883b69e427d25' }))));
     }
     static get is() { return "udp-pop-over"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/pop-over-grid-action-header/udp-pop-over-grid-action-header.js

@@ -35,7 +35,7 @@ export class UdpPopOver {
             style['top'] = `${rect.bottom}px`;
             style['left'] = `${rect.left}px`;
         }
-        return (h("div", { key: '8db3050c709cd4652f36b7f7fccdf5474fef6786', class: "popover", style: style }, h("unity-typography", { key: '1d45adc91c79e9c417161bedd9c347884738b612', variant: "caption-text" }, h("slot", { key: '4782e7ff5fef34f131e21b3c6e85c6162543aa11' }))));
+        return (h("div", { key: '501d862f26a26f625a33c7ab6fd5dd83888cabfd', class: "popover", style: style }, h("unity-typography", { key: 'b77f4fcad25be974b79aa6a72d4b47e37c4d751f', variant: "caption-text" }, h("slot", { key: 'fc35f9c5ae175c396d908e85fb92dd8e0b3f4558' }))));
     }
     static get is() { return "udp-pop-over-grid-action-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/primary-action-header/primary-action-header.js

@@ -32,7 +32,7 @@ export class PrimaryActionHeader {
     //   }
     render() {
         console.log('active tab', this.activeTabIndex);
-        return (h("div", { key: 'a747d9aeac8c5d98c8781f91c0306e20279886df', class: "header-bar" }, h("div", { key: '167eafc92eec5750035e6cfba200893b7cc5e10b', class: "title-section" }, h("unity-typography", { key: '2aa18ffa1d295e3ba51cea9fd2c842f7bbb35004', variant: "h4" }, this.title)), this.tabs && (h("div", { key: 'd5b3255eadb6ba4961e1c312861ac814ea8c8743', class: "tabs" }, h("udp-tabs", { key: 'c1c5d42e23ec1b25963127a2b081d86abeb9e3b6' }, h("button", { key: '79659833299583267aa6589a5e36142256681dc3', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), h("button", { key: '0635c5ef0354b88c2a0e1793a5249dd04fc70015', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), h("div", { key: 'a7da9e4e8385692aa04b1196e49d4b0d973b35d2', class: "button-section" }, this.defaultActionButtons.map(btn => {
+        return (h("div", { key: '99d654de19e576e1a0fede6da796dbf07f4c2de2', class: "header-bar" }, h("div", { key: 'f878ea5c57689e293c0886b3bf9ada382ee7b863', class: "title-section" }, h("unity-typography", { key: 'dd956d099211c8752fa6a6d363eac5fcbd3587fd', variant: "h4" }, this.title)), this.tabs && (h("div", { key: 'f98791a93586f920f34abeece842bfda302f1967', class: "tabs" }, h("udp-tabs", { key: '7777a0ae4205c53b17d844c2c46515835fffe6c5' }, h("button", { key: '22dcc16b780dae5a9b988f367df96128513eb83a', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), h("button", { key: 'e05765f4d3b5c48f25f80bb5ef8d9b113d1c7c77', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), h("div", { key: '87fd2188266c9fd98686643a1cb2b889c6fb2d7e', class: "button-section" }, this.defaultActionButtons.map(btn => {
             // Determine the actual icon to use
             const ActualIcon = this.getIconComponent(btn.icon, btn.customIcon);
             const clickHandler = (event) => {
@@ -47,7 +47,7 @@ export class PrimaryActionHeader {
                 return (h("stencil-icon-button", { secondary: btn.secondary, onClick: clickHandler, tooltip: btn.tooltip }, this.renderIcon(ActualIcon), !this.hiddenLabels.includes(btn.label) && btn.showLabel && h("span", null, btn.label)));
             }
             return null;
-        }), !this.actionButtonLabel && h("div", { key: '20aa08ddc0f999d58f401594bfe42802d100afac', class: "right-margin" }), this.actionButtonLabel && (h("udp-button", { key: 'd63ae8c88041c2b07d61e2ae94cb28df17c58d4e', variant: "contained", color: "secondary", onClick: event => this.primaryActionClick(event) }, this.actionButtonLabel)))));
+        }), !this.actionButtonLabel && h("div", { key: 'd00acc20658c36946f70170b299224081359e5cd', class: "right-margin" }), this.actionButtonLabel && (h("udp-button", { key: 'f1c77f3e5906de99c5a516d9fea73ad03490e807', variant: "contained", color: "secondary", onClick: event => this.primaryActionClick(event) }, this.actionButtonLabel)))));
     }
     static get is() { return "primary-action-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/simple-card/simple-card.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SimpleCard {
     render() {
-        return (h("div", { key: 'f994bdbe314773f3e6c5d5c17dd82055fb76f0fc', class: "card" }, h("slot", { key: '05e6e796914b9b2c0eb796aabc2672e6ba1199f5' })));
+        return (h("div", { key: '3fdcdbc9295905d67e39192dfbd86b5c95cc08b8', class: "card" }, h("slot", { key: 'c0bae278bde2d27875e798f02be0bdd4b83b7cc6' })));
     }
     static get is() { return "simple-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/tool-tip/udp-ambient-tool-tip.js

@@ -80,9 +80,9 @@ export class UdpAmbientToolTip {
     render() {
         // Check if content is provided before rendering the tooltip content.
         const shouldDisplayTooltip = !!this.isVisible && !!this.content && this.content.trim() !== '';
-        return (h("div", { key: '55804784ff463b9aa4350063c7184183bc00cd2f', class: "tooltip-wrapper", ref: el => (this.wrapperEl = el), onMouseOver: this.showTooltip, onMouseOut: this.hideTooltip }, h("slot", { key: '53baf44478409db05bca1a7470e53083493876c2' }), shouldDisplayTooltip && (
+        return (h("div", { key: '6dca85ed6456dcc026d5b7073c8b424dae26ade1', class: "tooltip-wrapper", ref: el => (this.wrapperEl = el), onMouseOver: this.showTooltip, onMouseOut: this.hideTooltip }, h("slot", { key: '925b646f233290114510d0ea4bfbcd34f7ff659d' }), shouldDisplayTooltip && (
         // STEP 4: Use the global class name we defined in our style string.
-        h("div", { key: '72b5a2ebda076e46f07c1e338b0981ddd12df1da', class: "udp-tooltip-portal", role: "tooltip", ref: el => (this.tooltipContentEl = el) }, h("unity-typography", { key: '76b55c15271a02a07f3d0747e922566d118b8188', variant: "caption-text" }, this.content)))));
+        h("div", { key: 'ec25609944d49d8a0a693f0a6c11d907ffbda826', class: "udp-tooltip-portal", role: "tooltip", ref: el => (this.tooltipContentEl = el) }, h("unity-typography", { key: '663a37bd25c4d7228c345a270e0ecc1196256432', variant: "caption-text" }, this.content)))));
     }
     static get is() { return "udp-ambient-tool-tip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/tree/tree-list-item/search-item/search-list-item.js

@@ -91,7 +91,7 @@ export class SearchListItem {
         });
     }
     render() {
-        return (h("div", { key: '9fb346269c6a44b051c4a20cc39bfbc623ed9511', class: "list-item" }, h("div", { key: '46a6a66eb5f52df6e8bec384bbf297dbcf0d4e2c', class: "list-body" }, h("div", { key: '7d9f84c9bd1fba13c9c9bcca525e1c785975de24', class: "name" }, h("unity-typography", { key: '9f5addc8ff5141cd43a823245ae1562f0276e772', variant: "button" }, this.label)), h("div", { key: '934360ca2bd4d9f2bc27b984105a08b99a7e1430', style: { width: '200px' } }, h("udp-selector", { key: this.searchOperator, initialValue: this.searchOperator, options: this.selectorOptions, disabled: this.isInitialSearchItem || this.isDefault, onChange: (event) => this.handleOperatorSelected(event) })), h("div", { key: '797210e0f73d37629b38daee87679d6c6ed22957', class: "input" }, h("text-field", { key: '4a66cf9f3a2600ef5bc690b74050866abb8c8bc6', value: this.name, disabled: this.isInitialSearchItem, onBlur: this.handleInputBlur }))), (!this.isInitialSearchItem || !this.isDefault) && h("stencil-icon-button", { key: '24001c57bab2a78885fe3853571893f1fcb8e8fd', icon: Close24, onClick: this.handleDelete })));
+        return (h("div", { key: '43d134be833007b33ead479827581d24f53a8f81', class: "list-item" }, h("div", { key: '0c739d7629a971054f733d795cb85c1cafea1631', class: "list-body" }, h("div", { key: 'fb0eaa446a84ea0ab7af88a9fdf5692ca5ee25f6', class: "name" }, h("unity-typography", { key: 'db23e171e1f087d37596d3e83c4f8ad350bed1e1', variant: "button" }, this.label)), h("div", { key: 'b0eff44281469606359a321cc3343995778e4eaf', style: { width: '200px' } }, h("udp-selector", { key: this.searchOperator, initialValue: this.searchOperator, options: this.selectorOptions, disabled: this.isInitialSearchItem || this.isDefault, onChange: (event) => this.handleOperatorSelected(event) })), h("div", { key: 'bd78f153b6123e3193cc2e6be7a9716db692411f', class: "input" }, h("text-field", { key: 'cc020bf9716481f9775424823d547b06eb09fdc5', value: this.name, disabled: this.isInitialSearchItem, onBlur: this.handleInputBlur }))), (!this.isInitialSearchItem || !this.isDefault) && h("stencil-icon-button", { key: '963e6b9ebbf1ff0f8fc0ac7284be882be6d5f05f', icon: Close24, onClick: this.handleDelete })));
     }
     static get is() { return "search-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/udp-avatar/udp-avatar.js

@@ -42,7 +42,7 @@ export class UdpAvatar {
         else {
             style['background-color'] = this.getColorForUsername();
         }
-        return (h("div", { key: '171f5b8188fe7648880844ecb0e92e9f93e734e8', class: classes.join(' '), style: style }, this.iconName ? h("udp-icon", { iconName: this.iconName, darkIcon: false }) : h("unity-typography", { variant: "data-display-two" }, " ", this.getInitial())));
+        return (h("div", { key: 'cfee60c123885ac758d28f2ce2d50eacd42d946a', class: classes.join(' '), style: style }, this.iconName ? h("udp-icon", { iconName: this.iconName, darkIcon: false }) : h("unity-typography", { variant: "data-display-two" }, " ", this.getInitial())));
     }
     static get is() { return "udp-avatar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/dialogs/fluent-dialog/fluent-dialog.js

@@ -10,9 +10,9 @@ export class FluentDialog {
         this.buttonThreeHidden = true;
     }
     render() {
-        return (h("div", { key: 'a67918a009b7850a24efa7fc0e778ed8dccaae6b', class: { 'overlay': true, 'overlay-open': this.open } }, h("div", { key: 'd4475170ef03b690c76b8a21306c50cdf9a146b4', class: { 'dialog-container': true, 'dialog-open': this.open } }, h("div", { key: '17cf58f182a6f04fb1397addbba892b51c512cef', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: '7ed19079acd30bedace74b84a2526dfdc2854daf', variant: "h3" }, this.title)), h("div", { key: 'c17f3edde2e241dd13723f1a0baed138320bf532', class: "dialog-content" }, h("unity-typography", { key: 'f3b39b44284dc013069ad52232b0973fe8588b9b', variant: "h6" }, this.message), h("unity-typography", { key: '2162c0081d1bc1238d76b2acf88483ae4bfc8672', variant: "body" }, h("slot", { key: '39019b9967ba312d50dd3fd64a24089cf2cd65e8' }))), h("div", { key: '9f50fb36d28f9f62cf829328d6786fc9bf0795cb', class: "dialog-actions" }, !this.buttonTwoHidden && (h("custom-button", { key: '1bc3782ee17bd5baa10c3860b22de6bb3747764f', size: "tall", variant: "text", onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("custom-button", { key: '3bf6eb9efdc79a9fd154dc45fcdc5fd79f2a450c',
+        return (h("div", { key: 'c0222cbf8b74739dee4f1c516a136a7f6a4f0cfa', class: { 'overlay': true, 'overlay-open': this.open } }, h("div", { key: '269c25e7a9723eb4c2b03ed998aa2d7d328a7dd6', class: { 'dialog-container': true, 'dialog-open': this.open } }, h("div", { key: '4a61adbfd7b7a09e26df703d36aa837a3edbf756', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: 'ffda3f75298861d4e0e66658bb9ebce897e1f5c2', variant: "h3" }, this.title)), h("div", { key: '478fdb0fc04027ede0b51ceab2032e5b78629329', class: "dialog-content" }, h("unity-typography", { key: 'ba3de7b76fc4a6056739ffb988f3cd769bde770e', variant: "h6" }, this.message), h("unity-typography", { key: '0862f4c922020ea496f5dc98de797046a9fc41da', variant: "body" }, h("slot", { key: 'a888b096974c349165b7d7128c1fb633eda1e2a9' }))), h("div", { key: '05dfcf233b1464d22e16baa4c61aa00c3e331c7c', class: "dialog-actions" }, !this.buttonTwoHidden && (h("custom-button", { key: '7c9a4909014dc2e5f386c5734d82582f1216c125', size: "tall", variant: "text", onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("custom-button", { key: '78729ab610e8ae537ddb01fe587e7ec46b666ce6',
             //class="primary-action"
-            onClick: () => this.actionThree(), size: "tall", variant: "text", disabled: this.disableThree }, this.labelThree)), !this.buttonOneHidden && (h("custom-button", { key: 'b14268f5d3ed523dce91c3e6ab151bf6df782e48', class: "primary-action", variant: "text", onClick: () => this.actionOne(), size: "tall", disabled: this.disableOne }, this.labelOne))), this.progress && h("div", { key: 'd2b065ffacc638e5e3b2a1f4b8bd7b1f4af28a6b', class: "linear-progress" }))));
+            onClick: () => this.actionThree(), size: "tall", variant: "text", disabled: this.disableThree }, this.labelThree)), !this.buttonOneHidden && (h("custom-button", { key: 'f0617eaafb6b9b2f4e0e5d653833fd56cb00026d', class: "primary-action", variant: "text", onClick: () => this.actionOne(), size: "tall", disabled: this.disableOne }, this.labelOne))), this.progress && h("div", { key: '4ca20c0e8ad6fe79184a46fe2e7b335fae5eec58', class: "linear-progress" }))));
     }
     static get is() { return "fluent-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/dialogs/udp-dialog.js

@@ -49,7 +49,7 @@ export class UdpDialog {
         document.removeEventListener('keydown', this.handleKeyDown);
     }
     render() {
-        return (h(Host, { key: '01757cb710b4621a69e4ed790374d9b16a139031', onClick: this.handleOverlayClick }, h("div", { key: '669805ff6826420f397e97cf1051022ecf33451a', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, h("div", { key: '6c4ce9f296e970e49f9d582e260f49eb847eb42b', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: 'd5565820bca213943b5406ce63e967e1c9895684', variant: "h3" }, this.title)), h("div", { key: 'af030ddb399c0a9805e13f2025d585fa37f5193c', class: "dialog-content", id: this.descriptionId }, this.message && h("unity-typography", { key: 'ea821f4f8dc91cafd77b49f351b960bc2ea86fcb', variant: "body" }, this.message), h("slot", { key: '10fd10148354b8072bbd247436c649a6625afd4c' })), h("div", { key: 'a4be76d0999841f2ce0a05e52f22930cffacf140', class: "dialog-actions" }, !this.buttonTwoHidden && (h("udp-button", { key: '69fee918e7319ed67e98f6fbc6c568167f839a09', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("udp-button", { key: '91cc57acd1d201f7828c8c34ec399ba25715a054', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (h("udp-button", { key: 'b6672709b4432743f0ac7ba740cea49ccd085dfe', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
+        return (h(Host, { key: '8786fdd18b4a4c84b7fb01d58609ca72d828b859', onClick: this.handleOverlayClick }, h("div", { key: '6d29b7c6ffd91f49303bebd12023f09830dded22', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, h("div", { key: '19175fa1e321b0682bb3c231ba43fa81ddcc4ac7', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: 'dcabd65635e9d5bbd3f34ec8240c3ada9f2b0630', variant: "h3" }, this.title)), h("div", { key: 'cf99872139003b15bb219e538b663131c33cedf7', class: "dialog-content", id: this.descriptionId }, this.message && h("unity-typography", { key: '22d1c10684c6b967530e4ef291ce850c0e2174ad', variant: "body" }, this.message), h("slot", { key: 'bb797f4d8ffc8b20b1f4cfa1a59fef1b5efb9231' })), h("div", { key: 'c92603293cf2cd7d764fc07d7e33f1b23a51d413', class: "dialog-actions" }, !this.buttonTwoHidden && (h("udp-button", { key: '7b676d07d99341bb7c0b90d3ca45e40bd4b98c89', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("udp-button", { key: 'efc9b09f5e05d5343e678386db936776bb0ec0de', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (h("udp-button", { key: '44e133fedfbeb3429039eca7b42dd142e680f1d5', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
     }
     static get is() { return "udp-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.js

@@ -225,27 +225,27 @@ export class UdpSideSheet {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
         const headerStartIcon = Boolean(this.headerActionButtonIcon) ? (h("udp-icon", { iconName: this.headerActionButtonIcon, color: "inherit" })) : undefined;
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        const overflowIcon = h("udp-icon", { key: '3262baafbf833e25e0b4d1128b24fb503d1dd157', iconName: "overflowMenuVertical", color: "inherit" });
-        return (h("div", { key: '780c5705588899683400da7bce6569ad8ce15d30', class: "backdrop", onClick: this.onCloseBackdrop }, h("div", { key: 'a68811f8a6c59239c60c048453bb63eae7ed7ee0', class: { sheet: true, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: '82207996d3f164f4e4a27132a64d6ce6b82ac401', class: "title-container" }, h("div", { key: 'e29501f861893b9e61f72509c44c337e7d1a5fb1', class: "close-button" }, h("stencil-icon-button", { key: '8980a42b0d47582a0fd91998cafe5c57982e9c04',
+        const overflowIcon = h("udp-icon", { key: '8e59af17cf1b7020e45a13929dd9e46278a9a068', iconName: "overflowMenuVertical", color: "inherit" });
+        return (h("div", { key: 'bbd54f9f207337e25c445e1dd43e777e61ebaa76', class: "backdrop", onClick: this.onCloseBackdrop }, h("div", { key: '463d433bf00b07005353a55fd677617d514300a6', class: { sheet: true, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: '70075153a5213fb6fcf9aa9cfb76092d878c5887', class: "title-container" }, h("div", { key: '60e47f939481d0034c2ba21a6b0b1fd0e9d6c287', class: "close-button" }, h("stencil-icon-button", { key: 'a75372ccf0f85bcac71603564855e0012f60bae0',
             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            icon: Close24, onClick: this.onClose, secondary: true })), h("div", { key: '6b71ecb62ed1bac4560ca3e8e4ff1f643ee98555', class: "title-text" }, h("unity-typography", { key: 'b5f420d289dd23f040100d82def0ff635038cafd', variant: "h6" }, this.title)), (this.headerActionButtonLabel || ((_a = this.headerSecondaryButtons) === null || _a === void 0 ? void 0 : _a.length) > 0) && (h("div", { key: '65b8198f2a63096839fa678b6b69761ea2a93196', class: "header-action-button" }, (_b = this.headerSecondaryButtons) === null || _b === void 0 ? void 0 :
-            _b.map((item) => (h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label))), this.headerActionButtonLabel && (h("udp-button", { key: 'a9985bcd675163a0a3dc47ea88cfe35e98a830fb', disabled: this.headerActionButtonDisabled, onClick: this.onHeaderActionButtonClick,
+            icon: Close24, onClick: this.onClose, secondary: true })), h("div", { key: 'f5b7ad789cdae7a39a1d2f4625ccd1b29ca0691e', class: "title-text" }, h("unity-typography", { key: '0a9b9c05421673e376ebf4ff48e9d54b5f38b816', variant: "h6" }, this.title)), (this.headerActionButtonLabel || ((_a = this.headerSecondaryButtons) === null || _a === void 0 ? void 0 : _a.length) > 0) && (h("div", { key: '824c51aa4f6a3d22cb846448b9d04940f1bfe73b', class: "header-action-button" }, (_b = this.headerSecondaryButtons) === null || _b === void 0 ? void 0 :
+            _b.map((item) => (h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label))), this.headerActionButtonLabel && (h("udp-button", { key: '01a18162e4c3ca98c3e3bb3fb79f2d8f288a657e', disabled: this.headerActionButtonDisabled, onClick: this.onHeaderActionButtonClick,
             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            startIcon: headerStartIcon, variant: "contained" }, this.headerActionButtonLabel))))), h("div", { key: '362358edc955be022239e6662a0403baf49a4444', class: "loader-container" }, h("udp-linear-loader", { key: '0f93c37fc52e8400fbdb2d0db0879b49eb605859', class: { 'is-loading': this.loading }, color: "primary" })), h("div", { key: 'a2e70b272eb6f02878845350b7057908fdbb0cb2', class: { content: true, padding: this.padding } }, h("slot", { key: 'c6128fac4e8549fda3c25db826ed0377759a3bbb' })), (this.primaryButtonLabel || ((_c = this.footerSecondaryButtons) === null || _c === void 0 ? void 0 : _c.length) > 0) && (h("div", { key: '2d408d1f87df636effab01487739762b52c8897f' }, h("div", { key: '2fbdee5102a9837cc26d3f0cafb37141ebcc1527', class: "loader-container" }), h("div", { key: '8ba75738ab5ac6c4d33f828988f2d1e85ae1e3d5', class: {
+            startIcon: headerStartIcon, variant: "contained" }, this.headerActionButtonLabel))))), h("div", { key: '2fc8c688b4a53b82c497943594cbd58396ff6deb', class: "loader-container" }, h("udp-linear-loader", { key: '301925168c0cbf064987a121948317ff5ebeb728', class: { 'is-loading': this.loading }, color: "primary" })), h("div", { key: '61de55a5e32c71982d3d90dc242d75c2e14d8a1e', class: { content: true, padding: this.padding } }, h("slot", { key: '14aea9d974a1af2325d7bc7574cea561218c02fb' })), (this.primaryButtonLabel || ((_c = this.footerSecondaryButtons) === null || _c === void 0 ? void 0 : _c.length) > 0) && (h("div", { key: '1b036a85a6a499a8cbda3333d51ff96afb66a7f5' }, h("div", { key: 'e2c38b8ce3c6c8b80da87c4a938cf9bf0bcd1e1d', class: "loader-container" }), h("div", { key: '4510dc03ffa1eeb3776dfb7de10e641acf18cb2b', class: {
                 footer: true,
-            }, ref: el => (this.footerRef = el) }, !this.showOverflowButton && ((_d = this.footerSecondaryButtons) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '13c00f7ff092655600f11885ce39d9acd4b9b26a', class: "footer-secondary-buttons-container" }, h("div", { key: '9bc81711a693c84bdab3274e67588193dc226203', class: "footer-secondary-buttons" }, (_e = this.footerSecondaryButtons) === null || _e === void 0 ? void 0 : _e.map((item) => (h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label)))))), this.showOverflowButton && (h("udp-button", { key: '92c871d74675c9fd42ac890d9c5efe8e39a6aeb2', variant: "outlined", onClick: this.onMoreActionButtonClick, color: "secondary",
+            }, ref: el => (this.footerRef = el) }, !this.showOverflowButton && ((_d = this.footerSecondaryButtons) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: 'ee00d11046a044b0a0c2fa51e45adfa9678fa4c1', class: "footer-secondary-buttons-container" }, h("div", { key: '953c029aab16c60de3b8f717a10bf7bf3d042489', class: "footer-secondary-buttons" }, (_e = this.footerSecondaryButtons) === null || _e === void 0 ? void 0 : _e.map((item) => (h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label)))))), this.showOverflowButton && (h("udp-button", { key: '44c23081cb66dd26598c1f77c89a2b49e6fcc6e3', variant: "outlined", onClick: this.onMoreActionButtonClick, color: "secondary",
             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            endIcon: overflowIcon }, "More")), this.primaryButtonLabel && (h("udp-button", { key: '94acda01904ab4265ced91dd6ef6e6d9ab788784', variant: "contained", disabled: this.primaryButtonDisabled, onClick: this.onPrimaryButtonClick, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)), this.showOverflowButton && (h("udp-pop-over", { key: 'c839371b5401fb7433417cba6b705c08c2242c09', anchorElement: this.overflowMenuAnchor, isOpen: this.openOverflowMenu, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleCloseOverflowMenu }, h("div", { key: '368023d9643a123acfa8215dab9ceaa85e613fbf', class: "menu" }, (_f = this.footerSecondaryButtons) === null || _f === void 0 ? void 0 : _f.map(item => (h("udp-menu-item", { label: item === null || item === void 0 ? void 0 : item.label, iconName: item === null || item === void 0 ? void 0 : item.icon, onItemClick: () => {
+            endIcon: overflowIcon }, "More")), this.primaryButtonLabel && (h("udp-button", { key: 'cf898a3b44e55d43f6c9556429de2f230508f2c1', variant: "contained", disabled: this.primaryButtonDisabled, onClick: this.onPrimaryButtonClick, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)), this.showOverflowButton && (h("udp-pop-over", { key: '1685cb92b649360b680f75d7009d2394fc5db160', anchorElement: this.overflowMenuAnchor, isOpen: this.openOverflowMenu, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleCloseOverflowMenu }, h("div", { key: '80993bf78dc2c248e0b33578c2418413467c0379', class: "menu" }, (_f = this.footerSecondaryButtons) === null || _f === void 0 ? void 0 : _f.map(item => (h("udp-menu-item", { label: item === null || item === void 0 ? void 0 : item.label, iconName: item === null || item === void 0 ? void 0 : item.icon, onItemClick: () => {
                 item === null || item === void 0 ? void 0 : item.onClick();
                 this.handleCloseOverflowMenu();
-            }, disabled: item === null || item === void 0 ? void 0 : item.disabled })))))), h("div", { key: '2dfb53eb181826fce129e856a4427da9edaeb756', ref: el => (this.measurementContainerRef = el), style: {
+            }, disabled: item === null || item === void 0 ? void 0 : item.disabled })))))), h("div", { key: '41a63c50ea0c6f348e962368b9b6867b8d7310d4', ref: el => (this.measurementContainerRef = el), style: {
                 position: 'absolute',
                 visibility: 'hidden',
                 pointerEvents: 'none',
                 display: 'flex',
                 gap: 'var(--spacing-02, 4px)',
             }, "aria-hidden": "true" }, (_g = this.footerSecondaryButtons) === null || _g === void 0 ? void 0 :
-            _g.map((item) => (h("udp-button", { variant: "text", size: "medium", disabled: item.disabled, endIcon: item.icon }, item.label))), this.primaryButtonLabel && (h("udp-button", { key: '5e6f99245f8649cbacfee9c34a88967966c2e856', variant: "contained", size: "medium", disabled: this.primaryButtonDisabled, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)))))))));
+            _g.map((item) => (h("udp-button", { variant: "text", size: "medium", disabled: item.disabled, endIcon: item.icon }, item.label))), this.primaryButtonLabel && (h("udp-button", { key: '520a7ecd6b5859e2ff541bbd79be522c0b905cd6', variant: "contained", size: "medium", disabled: this.primaryButtonDisabled, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)))))))));
     }
     static get is() { return "udp-side-sheet"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/feedback/udp-notification/alerts/upd-alert-banner.js

@@ -7,7 +7,7 @@ export class UpdAlertBanner {
         this.message = '';
     }
     render() {
-        return (h("div", { key: '4551695bcaba3fde5445c7a34f1d67d0444af855', class: `alert-banner ${this.type}` }, h("unity-typography", { key: 'd763dea98c2b14a12753f54d5b99c89be23aaf49', variant: "data-display-three" }, "   ", this.message, " ")));
+        return (h("div", { key: '072252afd7e2269488d606c655df16bf01fbcffb', class: `alert-banner ${this.type}` }, h("unity-typography", { key: '3b789c8eea442c46423777b6bd08785f9a6c34fe', variant: "data-display-three" }, "   ", this.message, " ")));
     }
     static get is() { return "upd-alert-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/feedback/udp-notification/udp-notification.js

@@ -13,11 +13,11 @@ export class UdpNotification {
     }
     render() {
         const statusClass = `status-${this.status}`;
-        return (h("div", { key: '555f2f94b04009382fac53a32d74f8f84f14a733', class: {
+        return (h("div", { key: 'f233a043af144cbc01b0936119343fde570697b2', class: {
                 'udp-notification': true,
                 'visible': this.active,
                 [statusClass]: true // This will apply the correct class based on the status
-            } }, this.userCancel && (h("button", { key: 'a9e6b1a2faa49b97d3d39da732a0b3e35045228d', class: "close-button", onClick: () => this.active = false }, "\u00D7")), h("span", { key: 'ed21c8f3e5e3fa53d2a1d4a54835e0f4b63210c4', class: "message" }, " ", h("unity-typography", { key: '9283d1e980b03cd92e5721d7a41209ee0c109cdf', variant: 'body' }, " ", this.message, " "))));
+            } }, this.userCancel && (h("button", { key: 'b818659d8206667153873cfa9bd901fb86952769', class: "close-button", onClick: () => this.active = false }, "\u00D7")), h("span", { key: '92b2551a93ce3f787ca1335ec8a5dec2eedd5c34', class: "message" }, " ", h("unity-typography", { key: '105642966ebe7705ca816f8cf5f43af654ba594a', variant: 'body' }, " ", this.message, " "))));
     }
     static get is() { return "udp-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/forms/dynamic-form/udp-dynamic-form.js

@@ -250,7 +250,7 @@ export class UdpDynamicForm {
         });
     }
     render() {
-        return h("div", { key: '3ad645e7b28adea7f62b2e9c6e6f99d8cbd4f389', class: "form-root" }, this.renderFormFields());
+        return h("div", { key: 'aa1d1ad6ee247fa411a71068468d252a3ac63eab', class: "form-root" }, this.renderFormFields());
     }
     static get is() { return "udp-dynamic-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/forms/edit-view-form/edit-view-form.js

@@ -45,8 +45,8 @@ export class EditViewFormDialog {
         this.fetchedCurrentView = false;
     }
     render() {
-        return (h("fluent-dialog", { key: '7d9f36f3e3f076bf8e9b9ea76678c3a65431922c', open: this.open, actionOne: () => { this.handleSubmit(); this.closeDialog(); this.resetFetchedCurrentView(); }, actionTwo: () => { this.closeDialog(); this.resetFetchedCurrentView(); }, handleClose: this.handleClose, labelOne: "Save Update", labelTwo: "Cancel", title: this.title, disableOne: !this.name }, h("form", { key: '582cce3a0ea5f9a4670b2c67f7c4096f3cf97884', class: "edit-form" }, h("text-field", { key: 'c8b700f8db69b68666a03c539f893d29fe507d72', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
-            h("div", { key: '6ebbde8f024c03916bc1100e964d440868749154', class: "toggle-options" }, h("div", { key: 'f699dfeecb0ddf085d9c3d5a8dfc42c3987ae53e' }, h("stencil-toggle", { key: '8c1e54b90e023140879bafa1377388f8a4a18432', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), h("div", { key: '562103cb25f1fa01d4e0749f8c0a3cd400c809f6' }, h("stencil-toggle", { key: 'aaafe2ead718dae3489df1dd24027fb3c8a8300d', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
+        return (h("fluent-dialog", { key: '00fdec78d1d7c997980430a62b841902682fb2be', open: this.open, actionOne: () => { this.handleSubmit(); this.closeDialog(); this.resetFetchedCurrentView(); }, actionTwo: () => { this.closeDialog(); this.resetFetchedCurrentView(); }, handleClose: this.handleClose, labelOne: "Save Update", labelTwo: "Cancel", title: this.title, disableOne: !this.name }, h("form", { key: '7cb47d6e436942532898bd35398c610590fd2f3b', class: "edit-form" }, h("text-field", { key: '3293f40375aa017d694eac11c2872c3cb653844e', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
+            h("div", { key: '2cd3801aba62d1ea307bd3fd07d96ff998d0b551', class: "toggle-options" }, h("div", { key: '1273bbd90b08538068358606fdc2baa54ce12a31' }, h("stencil-toggle", { key: '8982f718420226588d2e22fe911cf129a97af1f8', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), h("div", { key: '593b50136a30a8bfa910f9ce6a1f521c4ecf2c48' }, h("stencil-toggle", { key: 'f44e4b8b92d6f7f44efe1fca51ae3d9aa6387762', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
     }
     static get is() { return "edit-view-form-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/forms/form/stencil-form.js

@@ -228,7 +228,7 @@ export class StencilForm {
         debounce(submitFunction, 1000, { leading: true, trailing: false })();
     }
     render() {
-        return (h("form", { key: 'd4f22ff5b96b35639d98dae8c1d3adfbab8f493f' }, h("slot", { key: '4c460485b67440935235d078c08c92f6736f1a1a' })));
+        return (h("form", { key: '09a84ac84e5614cfe34842e3a205ced188626566' }, h("slot", { key: '41a3183b635eda6d09f925ce662c63cc606a4f31' })));
     }
     static get is() { return "stencil-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,11 +42,11 @@ export class SaveViewFormDialog {
         }
     }
     render() {
-        return (h("fluent-dialog", { key: 'c2926169d24d5964ba0a202199e3a5f46186075b', 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: 'c4157e2d148ef0566bcaa19e07d4c1699df65868', class: "save-form" }, h("text-field", { key: '8415b9b28f1d8405325d1066158c2b7279dd394b', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), h("div", { key: '13b731a0dacf1acdc0829ee3d1589ce93b57362f', class: "toggle-options" }, h("div", { key: '63c23d978e2b05c7eaebaa1128592c4776a18db7' }, h("stencil-toggle", { key: 'aa2edb2c9e399ab133e48789fa4428b234456e18', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), h("div", { key: '530df15c84ff4cf6748ecc43d9b99a1897601548' }, h("stencil-toggle", { key: 'fe4e4b97c11e6a3d3ff536660c8a59fc58296286', 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

@@ -24,10 +24,10 @@ export class UdpFormsBuilderQuestionItem {
     render() {
         const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
         const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
-        return (h(Host, { key: '30c9571c77dfb799a2788bc7b42c462565d43f20' }, h("div", { key: '54f4165d5108b756296b60c4950f0fa3074d3d00', 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: 'b4c4072055461b9fc7d1882f9344068bf6e2e1c4', class: "drag-and-drop-container" }, h("slot", { key: 'ee5ce9c3158a075496408b3e8e2a263a82116f6d', name: "drag-and-drop" })), this.iconName && (h("div", { key: '97f5d6f4270868831e59b25b0b3533b085fe58ab', class: "avatar-container" }, h("udp-avatar", { key: 'cbb23fefa1ca00ed0c61c038a5c4df3240d81da1', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'c09e2c27a4f11b4144278cea91c9cfaa073896ed', class: "text-container" }, showPrimaryText && (h("div", { key: 'dc506d5456470467c92c0402f0abec8aae407145', class: "primary-text", title: this.primaryText }, h("slot", { key: '81d62a6e2e8fd6cbad19134edf78f8be86fce126', name: "primary-text" }, h("unity-typography", { key: 'b24ebfe9ec875839526d300908c9be8bba3acde5', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: 'ce97765517dbaf006c951d8af842a1db1bffec54', class: "secondary-text", title: this.secondaryText }, h("slot", { key: 'f4524e32bc2b068fc5cac5343d679181f1333e7d', name: "secondary-text" }, h("unity-typography", { key: 'ca394f40334c3c866b2b7d95c2254868daac5c4f', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: 'b97c70c97425a81edbd0e083a2292201f0f7ba75', class: "status-chip-container" }, h("slot", { key: 'c33a445fb6635c7956f66905769aabb1820b904e', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'fab615558218c7a9c72ec822a70a252dc939b524', class: "actions-container" }, h("slot", { key: '7e2cee521ee90d0508a357f117ed6cdcdc3584e4', name: "actions" }))))));
+            }, 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

@@ -3,13 +3,13 @@ import { h } from "@stencil/core";
 export class FileUploadRenderer {
     render() {
         var _a, _b;
-        return (h("div", { key: 'e2731af080ba720c9ef099659ae3e9fd93d65faf', class: "file-upload-input-container" }, h("div", { key: '1aa8b9814bf572b110a03c52a564f490e35b9a85' }, h("stencil-toggle", { key: '35594baad0a698ad53bd106b5376f0ea742a59ac', 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: '4a66f75eb851e666f0f8fcef7b12d2943b0e809d' }, h("stencil-toggle", { key: '01da84e7d49d5a0443c6b7803465c25d33fc1407', 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

@@ -5,16 +5,16 @@ import { getIconFromName } from "../../../../../data-display/icons/iconUtils";
 export class ListOptionsRenderer {
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '8dbb0c525b3862b708dd8696eaafc99b324f5a06' }, h("div", { key: 'd341bdff2838fcbfadd826b5f9eb11bd470ca4e5', class: "question-item-options-list-container" }, h("stencil-toggle", { key: 'd7a486294420828851cfc0fc79378cad9b8a279a', 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: '6e33b7772c80a37cc7bc2c2822d3ec73ad6fe78d' }, 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: 'fc5ccae0b8e426da2c6f4ebab5130b857bddd68b' }, h("div", { key: 'dfddc472fc1b4f16e5cde9b05503472e28edfd4c', class: "list-options-header" }, h("unity-typography", { key: 'c7e50f1718771723c8a4e8870069c6956d9d8ed3', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: '6e60334e97d3536131763dd3ed5899cd290e1210', 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

@@ -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: '3f492b8636ff73160970c64dad3cc33af97478b3', class: "generic-configs-container" }, h("div", { key: '2bc887fc9aebce0b62fbacb0a98a93a4ec374676', class: "question-configs-header" }, h("unity-typography", { key: '5288de2affd04aea4ba7986819bc901664a85d06', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: '37369636fa4e76dc4382523a6385b6a4f56e7bfe' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '95b954b18cc43dc6d7af929a92f4d7f89e0a6d72', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
+        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: 'bf72c2eaafa84ab4283d4cb2c877a23d4e328466', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
+            }, 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: '8d075bd14f7d6be1e40697914989d526839b7227', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
+            } }), 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: '42843dbf43d315aaf789025a2ba50bb59b71e2b8' }, h("stencil-toggle", { key: 'e267a965917fe78b3870e5cc3535dce1584ebfa4', 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: 'e8ba93f33dd190f0171b5cba1fe141e679e8b63b' }, h("stencil-toggle", { key: '0489937ca5852761a44b42e673ae63c7489a47e1', 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: 'a864b3693949c3996e13236dd6d6d6175fbb5d5b', 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

@@ -21,15 +21,15 @@ export class SectionConfigsRenderer {
     }
     render() {
         var _a;
-        return (h("div", { key: 'cfea0af65b067a2859810a37fdfb5d308de5f021', class: "generic-configs-container" }, h("text-area", { key: 'b119caf27d85b8ee865b104a68eedee7bc39bd93', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
+        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: '38108016d5582391d402de818618c9574fe52b88', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
+            } }), 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: '7cc829b3d37a6e2966f072409de9684587c4f702', 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

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 export class SignatureRenderer {
     render() {
         var _a;
-        return (h("div", { key: '8adad99da3fc4ce5619aefe9241611b18f438f00', class: "signature-input-container" }, h("div", { key: 'f8560dbdaf0ac00d36e47f25e2cbdf96ec22ba5d' }, h("stencil-toggle", { key: '3ef497fd72c45913e7525fcbc950006841eeecc9', 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

@@ -2,12 +2,12 @@ import { h } from "@stencil/core";
 export class TextInputRenderer {
     render() {
         var _a, _b;
-        return (h("div", { key: '6a0849eb03b2ea53cbd7cc63726b0df265c86804', class: "question-item-text-input-container" }, h("div", { key: '09ad4e05a1c0dc87b0ece7b6714225b9e6a83418' }, h("numeric-field", { key: '534601d103d860383bb71ca9b2010b9ad60361c2', 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: '6129da73ddd6fbc65db5f334f651510b9ef2fda5' }, h("numeric-field", { key: '494a619533c2bae64fa30dcb755100050a400015', 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

@@ -6,8 +6,8 @@ export class UdpFormsBuilderMenu {
     }
     render() {
         return [
-            h("div", { key: '91bd7abac8268ecd31bb0c6377c1334965b422f4', class: 'menu-header-container' }, h("unity-typography", { key: '7a5b0d71258cf6059e35f19c831f94eeb807074e', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: 'd2eface092851d964046e0b51807a24b92007014', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
-            h("div", { key: '8cba92678740832fe44d691bcb2ebee6d86861a8', class: "menu-options-container" }, this.questionsTemplate.map(q => (h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
+            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

@@ -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: '530014eba0c8be5eb47e5ac23839b3dfafbbd7cb' }, h("unity-typography", { key: '581fca98a42750897820b867f206ea07fd7e3ccb', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '6430f049fe34ff1e45b4427076a5f865bf5d4fcd' }), h("unity-typography", { key: 'bf8568088871733dce103e5bac03eab26710c697', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
+        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"; }