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

package/dist/components/text-input-renderer2.js

@@ -14,12 +14,12 @@ const TextInputRenderer = /*@__PURE__*/ proxyCustomElement(class TextInputRender
     }
     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: '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 => {
                 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: '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 => {
                 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/components/udp-ambient-tool-tip2.js

@@ -89,9 +89,9 @@ const UdpAmbientToolTip = /*@__PURE__*/ proxyCustomElement(class UdpAmbientToolT
     render() {
         // Check if content is provided before rendering the tooltip content.
         const shouldDisplayTooltip = !!this.isVisible && !!this.content && this.content.trim() !== '';
-        return (h("div", { key: '213f2dd7bcd6470d4a5bf6ae953fbcdd2ec775dc', class: "tooltip-wrapper", ref: el => (this.wrapperEl = el), onMouseOver: this.showTooltip, onMouseOut: this.hideTooltip }, h("slot", { key: '9088f10428a250bd218c8429722b2395927d5b11' }), shouldDisplayTooltip && (
+        return (h("div", { key: '55804784ff463b9aa4350063c7184183bc00cd2f', class: "tooltip-wrapper", ref: el => (this.wrapperEl = el), onMouseOver: this.showTooltip, onMouseOut: this.hideTooltip }, h("slot", { key: '53baf44478409db05bca1a7470e53083493876c2' }), shouldDisplayTooltip && (
         // STEP 4: Use the global class name we defined in our style string.
-        h("div", { key: '235f0deab48ed2764980d391bd12781be7778183', class: "udp-tooltip-portal", role: "tooltip", ref: el => (this.tooltipContentEl = el) }, h("unity-typography", { key: '6c068bf0a81a9e754afc7c19ceb86bb1f348b839', variant: "caption-text" }, this.content)))));
+        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)))));
     }
     static get style() { return udpAmbientToolTipCss; }
 }, [257, "udp-ambient-tool-tip", {

package/dist/components/udp-avatar2.js

@@ -52,7 +52,7 @@ const UdpAvatar = /*@__PURE__*/ proxyCustomElement(class UdpAvatar extends H {
         else {
             style['background-color'] = this.getColorForUsername();
         }
-        return (h("div", { key: '39efa3768058fc1fe61ee05d6f0e2ee2ff6ecd0e', 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: '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())));
     }
     static get style() { return udpAvatarCss; }
 }, [257, "udp-avatar", {

package/dist/components/udp-container-query-grid-item.js

@@ -22,7 +22,7 @@ const UdpContainerQueryGridItem$1 = /*@__PURE__*/ proxyCustomElement(class UdpCo
             .join('\n');
     }
     render() {
-        return (h(Host, { key: '3ee975ba5b72248f07893f4d0cfac172087954ca' }, h("style", { key: '6bd93fc0acc2bb9e9b6b92933c3e0fb72bd41244' }, this.getSpanStyles()), h("slot", { key: '91b50c063f12a151ea4860f621e3a75ade985c7e' })));
+        return (h(Host, { key: '4a43b492419de8a498a35250b0443b2a46ae6eb0' }, h("style", { key: '0dad6229ffd2cf70ce1243a067359b20f9aa7546' }, this.getSpanStyles()), h("slot", { key: 'c38f26865fb93d881668d2e7f0611c965861a7d3' })));
     }
     static get style() { return udpContainerQueryGridItemCss; }
 }, [257, "udp-container-query-grid-item", {

package/dist/components/udp-container-query-grid.js

@@ -37,7 +37,7 @@ const UdpContainerQueryGrid$1 = /*@__PURE__*/ proxyCustomElement(class UdpContai
                 gap: `${this.gaps[breakpoint]}rem`,
             }));
         });
-        return (h(Host, { key: 'a7cc56066ee7cd343f522c27f019352d646ad6c0' }, h("udp-container-query", { key: '882ec6e733afab69e58b06f16c7310c2d4f5d89e', queries: queries }, h("div", { key: '62a321ca80a27175caa5745c4f7803a9eca6d9ac', class: "grid-container" }, h("slot", { key: 'db66a2c9cc6494230d21fb4445c454cfaf49343a' }))), h("style", { key: '76e529662fe8dcfbc79e983cefb3c9e07095d232' }, `
+        return (h(Host, { key: '268622f20b2a6d5054ae0546d3274d24085d6c90' }, h("udp-container-query", { key: '43356950e588f8e28e2e63303d7cae6d78b5764a', queries: queries }, h("div", { key: '601122484779af077373533df9195d92d3fef57b', class: "grid-container" }, h("slot", { key: '90a1b1ecf820ba7fe133ac5df60dec24ccb983d0' }))), h("style", { key: '131386f195ab2af8e472fe2d219eace0bbe174d4' }, `
           .grid-container {
             display: grid;
             grid-template-columns: repeat(${this.columns[0]}, 1fr);

package/dist/components/udp-container-query2.js

@@ -29,9 +29,9 @@ const UdpContainerQuery = /*@__PURE__*/ proxyCustomElement(class UdpContainerQue
         return styleRules;
     }
     render() {
-        return (h(Host, { key: '0b35d66111bf60992c606994e9f7004f924603b7', class: {
+        return (h(Host, { key: 'c6b906a0dcd07742578d60bda60e96da480a4d44', class: {
                 [this.customClass]: !!this.customClass,
-            } }, h("style", { key: '5db19a4f8ec8f0e96d3b0b0106415005193b097b' }, this.getContainerQueryStyle()), h("slot", { key: '6ee739731deffcead5c7334f64ddd3f063370cac' })));
+            } }, h("style", { key: '8c74c32415866b53cd626e07ccf2150bf6613122' }, this.getContainerQueryStyle()), h("slot", { key: '6acce6c5442f8b76d7c8c7f8ad168da0c64f6e68' })));
     }
     static get style() { return udpContainerQueryCss; }
 }, [257, "udp-container-query", {

package/dist/components/udp-container2.js

@@ -23,12 +23,12 @@ const UdpContainer = /*@__PURE__*/ proxyCustomElement(class UdpContainer extends
         this.padding = true;
     }
     render() {
-        return (h("div", { key: 'f309062b61c761f2a78c472e27ba03406183fead', class: {
+        return (h("div", { key: '352e61df5683d1a87d1310efca66329ee5ce9863', class: {
                 'udp-container': true,
                 'udp-container--fluid': this.fluid,
                 'udp-container--padded': this.padding,
                 [`udp-container--${this.maxWidth}`]: true,
-            } }, h("slot", { key: '1c42bd49db2d77f91b73a81e8e48dec68e4e57ea' })));
+            } }, h("slot", { key: 'a1f62a8360a69c67c3653cc48dee226e0207e14b' })));
     }
     static get style() { return udpContainerCss; }
 }, [257, "udp-container", {

package/dist/components/udp-date-range-selector.js

@@ -38,7 +38,7 @@ const UdpDateRangeSelector$1 = /*@__PURE__*/ proxyCustomElement(class UdpDateRan
             : this.variant === 'single'
                 ? 'calendar-date'
                 : 'calendar-range';
-        return (h(Host, { key: '8751c978e7189843fb2144142325ef336f880743', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: '09479c235d49f8c2fd05d02a99cc6dab30c25d75', value: this.value, min: this.minDate, max: this.maxDate, firstDayOfWeek: 0, months: this.monthsToDisplay, showOutsideDays: true, pageBy: "single", isDateDisallowed: this.isDateDisallowed, getDayParts: this.getDayParts, onChange: this.handleChange }, h("udp-icon", { key: '39b038349daad10491eacdd4a5a2aeae8a014836', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: 'd45a83f8c724f7c9fed577cda3af02c43a88fa74', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: '056ec5297095c0c8a58468ecc7acad36e66b3a10', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))));
+        return (h(Host, { key: 'ff7c239cacb34453ef31346bd3e7f3ac2a57cff3', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: 'f7dde27f3b428b0a7c4aed75a3b7e890bd794247', value: this.value, min: this.minDate, max: this.maxDate, firstDayOfWeek: 0, months: this.monthsToDisplay, showOutsideDays: true, pageBy: "single", isDateDisallowed: this.isDateDisallowed, getDayParts: this.getDayParts, onChange: this.handleChange }, h("udp-icon", { key: 'eca9319ca3df2e6e4c5226ac64b1cfe25a8f1dbe', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: '857850cef32afe0b2a8647d5e761f194e90bd69b', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: 'e279d94d2831483a39693bdf3945358fb5976282', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))));
     }
     static get style() { return udpDateRangeSelectorCss; }
 }, [257, "udp-date-range-selector", {

package/dist/components/udp-date-selector2.js

@@ -129,7 +129,7 @@ const UdpDateSelector = /*@__PURE__*/ proxyCustomElement(class UdpDateSelector e
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '9edbe6a132cbecabfea080c71930e2477873dd91', class: {
+        return (h(Host, { key: '70baf93e973186a4adaf2ff3637470bafa666939', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -138,9 +138,9 @@ const UdpDateSelector = /*@__PURE__*/ proxyCustomElement(class UdpDateSelector e
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'a5bf7a47b784bef02ca873afc691b7d03f8dfd13', class: "bx--form-item" }, h("unity-typography", { key: '2d4f3a8e6971b074e6eca1788ff2ab9310ee5a74', variant: "caption-text" }, h("label", { key: '3acbd7d9c29a59d56e3e31c4e646f723858cecdc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '22a924af3868e9624679f5a303cdd09ea1addf2c', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '92c4d7e51a06ed0db42f868824d7f79629132a9d', class: "bx--form-item" }, h("unity-typography", { key: 'add2baeda562873dd2ef6b306aa1d63c66cf55c7', variant: "caption-text" }, h("label", { key: '131508794697abd61d2ed91fc70c35a401c9fbc9', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '49e4f5f63c495fc12c3228a4f897d4a8e453b288', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: '0b542429910e6f1fa5c5aa2ae9db1e6e0a13603a', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: 'a0a58ed508cb607e2e32c42f5b7d3d2bd5b4b6d0', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": ["updateError"],

package/dist/components/udp-datetime-selector2.js

@@ -158,7 +158,7 @@ const UdpDateTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpDateTimeSe
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '03dc3a30955b984622c94a3457ac182e09b70d5b', class: {
+        return (h(Host, { key: '47e3932d88410bf3518fd7c6e208fb6c38eebe17', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -167,9 +167,9 @@ const UdpDateTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpDateTimeSe
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'faf64e8afed26baf9d6520abffa33fa3d02ff8ce', class: "bx--form-item" }, h("unity-typography", { key: '1d6ae7b0b37c3d765a2fd82547693459525e37c7', variant: "caption-text" }, h("label", { key: 'f037be2134b9694261405175cdd3a5da8f782897', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '44f7935c6125d02971ab9fef142fddf0ed42d423', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '9fe7320e24b25746556eaf05c056998a6784f3f8', class: "bx--form-item" }, h("unity-typography", { key: '7a8f23d889846cae6708fb5924d87bcb6b5dd44d', variant: "caption-text" }, h("label", { key: 'e524f51437e391dedd8a09bf62ac8025a809203c', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '60b004683304bd644f212980649e0b64991dab84', type: "datetime-local", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '1adacdb6e4bb8dd6faa9b061866bf7f74970d05d', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: '8f7b7f221cf7b3f71159814efd482f558b051b89', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": ["updateError"],

package/dist/components/udp-dialog2.js

@@ -59,7 +59,7 @@ const UdpDialog = /*@__PURE__*/ proxyCustomElement(class UdpDialog extends H {
         document.removeEventListener('keydown', this.handleKeyDown);
     }
     render() {
-        return (h(Host, { key: '4adbe541f2902a9d92c243a40388bdc3b121b645', onClick: this.handleOverlayClick }, h("div", { key: '9614c5df4fbe7e94c73b5aacc37174d6b16555c9', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, h("div", { key: 'adb9fc377065a01d3b3266d99f3ffe640058fa73', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: 'e03c5fc91c29a384eabab75c1509488eac44d6f0', variant: "h3" }, this.title)), h("div", { key: 'e0f011fb41be303e8779e128e02c2b9aed43e645', class: "dialog-content", id: this.descriptionId }, this.message && h("unity-typography", { key: 'fef802596e0859df5774da1497eb91e4f2a6d193', variant: "body" }, this.message), h("slot", { key: '1cb32eb5d979ad00ed1e9fa9e284e46562defb05' })), h("div", { key: '1b1043c981af31c3b3e51f61017e09e856da5f71', class: "dialog-actions" }, !this.buttonTwoHidden && (h("udp-button", { key: '3dced852ea4bb0741eb0de0809f8e75b3b3b4c30', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("udp-button", { key: 'ca50eec078c3f5a3947d5377547fc2c689d7cc33', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (h("udp-button", { key: 'ab4c062175324d22f85900dd7713df93624dd7ef', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
+        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))))));
     }
     get hostEl() { return this; }
     static get watchers() { return {

package/dist/components/udp-dynamic-container-with-menu2.js

@@ -126,7 +126,7 @@ const DynamicContainerWithMenu = /*@__PURE__*/ proxyCustomElement(class DynamicC
         this.udpChipClicked.emit(chipText);
     }
     render() {
-        return (h("div", { key: '3dbaff6a6f132f9a88d1e20be8b2bd6addfe29e1', class: "container" }, h("div", { key: '19612cdc163703220caf60859a78cf05a2bc6f2a', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index) => (h("stencil-chip", { color: "secondary", key: index, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), h("div", { key: 'f5311d566d4ee2f3e5f3000de81dbb85bf62f6bb', class: "overflow" }, h("udp-pop-over", { key: 'df064bb0a2757b1452aad74d80413113cf56016e', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: '1ea5b82d8578de30740af913f9f3109b971b3ef1', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
+        return (h("div", { key: 'e39cb91451a2879c50e94d06ad7d04ea48e6924c', class: "container" }, h("div", { key: '68340fbe6565fcb4065634c23bbde57509aaa377', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index) => (h("stencil-chip", { color: "secondary", key: index, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), h("div", { key: 'fd984302e13b2d30c4e0724735b92e91150694af', class: "overflow" }, h("udp-pop-over", { key: '296ae16800bd847a6f2d45c65c9971e2fa9642c0', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: '8edb5977027465a416e5440104c0b97da7df23a7', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-dynamic-form.js

@@ -263,7 +263,7 @@ const UdpDynamicForm$1 = /*@__PURE__*/ proxyCustomElement(class UdpDynamicForm e
         });
     }
     render() {
-        return h("div", { key: 'e960c3bb0795530b409abbec56a9e50d9e6098e3', class: "form-root" }, this.renderFormFields());
+        return h("div", { key: '3ad645e7b28adea7f62b2e9c6e6f99d8cbd4f389', class: "form-root" }, this.renderFormFields());
     }
     get el() { return this; }
     static get style() { return udpDynamicFormCss; }

package/dist/components/udp-forms-builder-menu2.js

@@ -22,8 +22,8 @@ const UdpFormsBuilderMenu = /*@__PURE__*/ proxyCustomElement(class UdpFormsBuild
     }
     render() {
         return [
-            h("div", { key: 'ae6100577b9fdf94217cbcc163dde0c7e2af8e44', class: 'menu-header-container' }, h("unity-typography", { key: 'd2f580fbc5f800343f9e50fcf55b5ce51f27a671', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: '88aad09e96b32ba9c2eea817f617799999a2c51b', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
-            h("div", { key: '0cd7d00885d89206f7ec621b5c4a9d8fa0bfba87', class: "menu-options-container" }, this.questionsTemplate.map(q => (h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
+            h("div", { key: '91bd7abac8268ecd31bb0c6377c1334965b422f4', class: 'menu-header-container' }, h("unity-typography", { key: '7a5b0d71258cf6059e35f19c831f94eeb807074e', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: 'd2eface092851d964046e0b51807a24b92007014', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
+            h("div", { key: '8cba92678740832fe44d691bcb2ebee6d86861a8', class: "menu-options-container" }, this.questionsTemplate.map(q => (h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
         ];
     }
     static get style() { return udpFormsBuilderMenuCss; }

package/dist/components/udp-forms-builder-question-item2.js

@@ -35,10 +35,10 @@ const UdpFormsBuilderQuestionItem = /*@__PURE__*/ proxyCustomElement(class UdpFo
     render() {
         const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
         const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
-        return (h(Host, { key: 'd37c942d2308b70564e8d5c3bf1b0e6c65364d53' }, h("div", { key: '70e49a9d27c2bb48af33be5f2da691a1d0cd9e4b', class: {
+        return (h(Host, { key: '30c9571c77dfb799a2788bc7b42c462565d43f20' }, h("div", { key: '54f4165d5108b756296b60c4950f0fa3074d3d00', class: {
                 'list-item': true,
                 'clickable': this.clickable,
-            }, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: '4dd31a6e5acbebf3a7ea095399a769d830455e7f', class: "drag-and-drop-container" }, h("slot", { key: 'cda2dc7374e7836c203cc06b1a24853173b6fb00', name: "drag-and-drop" })), this.iconName && (h("div", { key: '6a3212c41e0e0be98d74290aaefc7f2a5b8a40e3', class: "avatar-container" }, h("udp-avatar", { key: '20f327eb2ff27833dae0c3b192f03190b479244b', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: '80835382c28cc23177ab59c295c638d18ebdeaea', class: "text-container" }, showPrimaryText && (h("div", { key: 'a8b0ff606f8b76eb8ba5d84803b2618c877b4d56', class: "primary-text", title: this.primaryText }, h("slot", { key: '63912e8ff2edd943c049f9c172cb80eb0d0e1afb', name: "primary-text" }, h("unity-typography", { key: '68fec2e44ad8b5fcd51395e048b8868a220b3c60', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '7d10a2ba568ecd2fcf4829a24bec58bb09ec75dc', class: "secondary-text", title: this.secondaryText }, h("slot", { key: '4a9850c47ac34bf762f2b6290d51f0f0300097b8', name: "secondary-text" }, h("unity-typography", { key: 'e74d0fb86ea0f1784bd306aed5f6ed6c060ce3e6', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: 'fa92aa7a0c7919a67362cb99e9b7336d188271c5', class: "status-chip-container" }, h("slot", { key: 'effac3462cf3a49ffe201cba4c22d0a3666046ba', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'd96aa7ff8381d5d51f19b525523c38f691322431', class: "actions-container" }, h("slot", { key: '16af4b406bc64808891ffbd3c0c367fdfadf1107', name: "actions" }))))));
+            }, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: 'b4c4072055461b9fc7d1882f9344068bf6e2e1c4', class: "drag-and-drop-container" }, h("slot", { key: 'ee5ce9c3158a075496408b3e8e2a263a82116f6d', name: "drag-and-drop" })), this.iconName && (h("div", { key: '97f5d6f4270868831e59b25b0b3533b085fe58ab', class: "avatar-container" }, h("udp-avatar", { key: 'cbb23fefa1ca00ed0c61c038a5c4df3240d81da1', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'c09e2c27a4f11b4144278cea91c9cfaa073896ed', class: "text-container" }, showPrimaryText && (h("div", { key: 'dc506d5456470467c92c0402f0abec8aae407145', class: "primary-text", title: this.primaryText }, h("slot", { key: '81d62a6e2e8fd6cbad19134edf78f8be86fce126', name: "primary-text" }, h("unity-typography", { key: 'b24ebfe9ec875839526d300908c9be8bba3acde5', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: 'ce97765517dbaf006c951d8af842a1db1bffec54', class: "secondary-text", title: this.secondaryText }, h("slot", { key: 'f4524e32bc2b068fc5cac5343d679181f1333e7d', name: "secondary-text" }, h("unity-typography", { key: 'ca394f40334c3c866b2b7d95c2254868daac5c4f', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: 'b97c70c97425a81edbd0e083a2292201f0f7ba75', class: "status-chip-container" }, h("slot", { key: 'c33a445fb6635c7956f66905769aabb1820b904e', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'fab615558218c7a9c72ec822a70a252dc939b524', class: "actions-container" }, h("slot", { key: '7e2cee521ee90d0508a357f117ed6cdcdc3584e4', name: "actions" }))))));
     }
     get hostEl() { return this; }
     static get style() { return udpFormsBuilderQuestionItemCss; }

package/dist/components/udp-forms-builder-style-override2.js

@@ -70,7 +70,7 @@ const UdpFormsBuilderStyleOverride = /*@__PURE__*/ proxyCustomElement(class UdpF
     render() {
         // if (!this.isVisible) return null;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
-        return (h(Host, { key: 'f4b4096c82edd15ba7a0e60c2c57b425bf9fb658' }, h("unity-typography", { key: 'dba102cc67ae53fdad985793f83575ca97582cd2', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: 'b40dfbdf5effb49d28e436ceca8d9eb6ed4b6d2b' }), h("unity-typography", { key: '5d4459fabc064ef07167ce58a524980b2c63299b', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
+        return (h(Host, { key: '530014eba0c8be5eb47e5ac23839b3dfafbbd7cb' }, h("unity-typography", { key: '581fca98a42750897820b867f206ea07fd7e3ccb', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '6430f049fe34ff1e45b4427076a5f865bf5d4fcd' }), h("unity-typography", { key: 'bf8568088871733dce103e5bac03eab26710c697', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
     }
     static get style() { return udpFormsBuilderStyleOverrideCss; }
 }, [257, "udp-forms-builder-style-override", {

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

@@ -1,40 +1,42 @@
 import { p as proxyCustomElement, H, h } from './index2.js';
 import { m as makeApiCall } from './makeApiCall.js';
-import { q as questionsTemplate, d as defineCustomElement$s } from './question-specific-configs-renderer2.js';
-import { g as getIconFromName, d as defineCustomElement$8 } from './udp-icon2.js';
+import { q as questionsTemplate, d as defineCustomElement$u } from './question-specific-configs-renderer2.js';
+import { g as getIconFromName, d as defineCustomElement$a } from './udp-icon2.js';
 import { g as getCurrentTenantId } from './tenantUtils.js';
 import Sortable from 'sortablejs';
 import { v4 } from 'uuid';
 import { d as deepCloneFormSections, f as formSectionDefault, a as formMetadataDefault, s as styleOverrideDefault } from './forms-builder-utils.js';
 import { b as UdpFormsPageIdEnum, a as UdpFormsTypeEnum } from './enums.js';
-import { d as defineCustomElement$A } from './custom-button2.js';
-import { d as defineCustomElement$z } from './date-time-renderer2.js';
-import { d as defineCustomElement$y } from './file-upload-renderer2.js';
-import { d as defineCustomElement$x } from './fluent-dialog2.js';
-import { d as defineCustomElement$w } from './list-options-renderer2.js';
-import { d as defineCustomElement$v } from './numeric-field2.js';
-import { d as defineCustomElement$u } from './primary-action-header2.js';
-import { d as defineCustomElement$t } from './question-configs-renderer2.js';
-import { d as defineCustomElement$r } from './section-configs-renderer2.js';
-import { d as defineCustomElement$q } from './signature-renderer2.js';
-import { d as defineCustomElement$p } from './stencil-chip2.js';
-import { d as defineCustomElement$o } from './stencil-icon-button2.js';
-import { d as defineCustomElement$n } from './stencil-toggle2.js';
-import { d as defineCustomElement$m } from './text-area2.js';
-import { d as defineCustomElement$l } from './text-field2.js';
-import { d as defineCustomElement$k } from './text-input-renderer2.js';
-import { d as defineCustomElement$j } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$i } from './udp-avatar2.js';
-import { d as defineCustomElement$h } from './udp-badge2.js';
-import { d as defineCustomElement$g } from './udp-button2.js';
-import { d as defineCustomElement$f } from './udp-container2.js';
-import { d as defineCustomElement$e } from './udp-date-selector2.js';
-import { d as defineCustomElement$d } from './udp-datetime-selector2.js';
-import { d as defineCustomElement$c } from './udp-divider2.js';
-import { d as defineCustomElement$b } from './udp-forms-builder-menu2.js';
-import { d as defineCustomElement$a } from './udp-forms-builder-question-item2.js';
-import { d as defineCustomElement$9 } from './udp-forms-builder-style-override2.js';
-import { d as defineCustomElement$7 } from './udp-linear-loader2.js';
+import { d as defineCustomElement$C } from './custom-button2.js';
+import { d as defineCustomElement$B } from './date-time-renderer2.js';
+import { d as defineCustomElement$A } from './file-upload-renderer2.js';
+import { d as defineCustomElement$z } from './fluent-dialog2.js';
+import { d as defineCustomElement$y } from './list-options-renderer2.js';
+import { d as defineCustomElement$x } from './numeric-field2.js';
+import { d as defineCustomElement$w } from './primary-action-header2.js';
+import { d as defineCustomElement$v } from './question-configs-renderer2.js';
+import { d as defineCustomElement$t } from './section-configs-renderer2.js';
+import { d as defineCustomElement$s } from './signature-renderer2.js';
+import { d as defineCustomElement$r } from './stencil-chip2.js';
+import { d as defineCustomElement$q } from './stencil-icon-button2.js';
+import { d as defineCustomElement$p } from './stencil-toggle2.js';
+import { d as defineCustomElement$o } from './text-area2.js';
+import { d as defineCustomElement$n } from './text-field2.js';
+import { d as defineCustomElement$m } from './text-input-renderer2.js';
+import { d as defineCustomElement$l } from './udp-ambient-tool-tip2.js';
+import { d as defineCustomElement$k } from './udp-avatar2.js';
+import { d as defineCustomElement$j } from './udp-badge2.js';
+import { d as defineCustomElement$i } from './udp-button2.js';
+import { d as defineCustomElement$h } from './udp-container2.js';
+import { d as defineCustomElement$g } from './udp-date-selector2.js';
+import { d as defineCustomElement$f } from './udp-datetime-selector2.js';
+import { d as defineCustomElement$e } from './udp-divider2.js';
+import { d as defineCustomElement$d } from './udp-forms-builder-menu2.js';
+import { d as defineCustomElement$c } from './udp-forms-builder-question-item2.js';
+import { d as defineCustomElement$b } from './udp-forms-builder-style-override2.js';
+import { d as defineCustomElement$9 } from './udp-linear-loader2.js';
+import { d as defineCustomElement$8 } from './udp-menu-item2.js';
+import { d as defineCustomElement$7 } from './udp-pop-over2.js';
 import { d as defineCustomElement$6 } from './udp-selector2.js';
 import { d as defineCustomElement$5 } from './udp-side-sheet2.js';
 import { d as defineCustomElement$4 } from './udp-tabs2.js';
@@ -626,7 +628,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["udp-forms-builder", "custom-button", "date-time-renderer", "file-upload-renderer", "fluent-dialog", "list-options-renderer", "numeric-field", "primary-action-header", "question-configs-renderer", "question-specific-configs-renderer", "section-configs-renderer", "signature-renderer", "stencil-chip", "stencil-icon-button", "stencil-toggle", "text-area", "text-field", "text-input-renderer", "udp-ambient-tool-tip", "udp-avatar", "udp-badge", "udp-button", "udp-container", "udp-date-selector", "udp-datetime-selector", "udp-divider", "udp-forms-builder-menu", "udp-forms-builder-question-item", "udp-forms-builder-style-override", "udp-icon", "udp-linear-loader", "udp-selector", "udp-side-sheet", "udp-tabs", "udp-time-selector", "unity-typography"];
+    const components = ["udp-forms-builder", "custom-button", "date-time-renderer", "file-upload-renderer", "fluent-dialog", "list-options-renderer", "numeric-field", "primary-action-header", "question-configs-renderer", "question-specific-configs-renderer", "section-configs-renderer", "signature-renderer", "stencil-chip", "stencil-icon-button", "stencil-toggle", "text-area", "text-field", "text-input-renderer", "udp-ambient-tool-tip", "udp-avatar", "udp-badge", "udp-button", "udp-container", "udp-date-selector", "udp-datetime-selector", "udp-divider", "udp-forms-builder-menu", "udp-forms-builder-question-item", "udp-forms-builder-style-override", "udp-icon", "udp-linear-loader", "udp-menu-item", "udp-pop-over", "udp-selector", "udp-side-sheet", "udp-tabs", "udp-time-selector", "unity-typography"];
     components.forEach(tagName => { switch (tagName) {
         case "udp-forms-builder":
             if (!customElements.get(tagName)) {
@@ -635,150 +637,160 @@ function defineCustomElement$1() {
             break;
         case "custom-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$A();
+                defineCustomElement$C();
             }
             break;
         case "date-time-renderer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$z();
+                defineCustomElement$B();
             }
             break;
         case "file-upload-renderer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$y();
+                defineCustomElement$A();
             }
             break;
         case "fluent-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$x();
+                defineCustomElement$z();
             }
             break;
         case "list-options-renderer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$w();
+                defineCustomElement$y();
             }
             break;
         case "numeric-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$x();
             }
             break;
         case "primary-action-header":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$w();
             }
             break;
         case "question-configs-renderer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$v();
             }
             break;
         case "question-specific-configs-renderer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$u();
             }
             break;
         case "section-configs-renderer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$t();
             }
             break;
         case "signature-renderer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$s();
             }
             break;
         case "stencil-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$r();
             }
             break;
         case "stencil-icon-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$q();
             }
             break;
         case "stencil-toggle":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$p();
             }
             break;
         case "text-area":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$o();
             }
             break;
         case "text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$n();
             }
             break;
         case "text-input-renderer":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$m();
             }
             break;
         case "udp-ambient-tool-tip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$l();
             }
             break;
         case "udp-avatar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$k();
             }
             break;
         case "udp-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$j();
             }
             break;
         case "udp-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$i();
             }
             break;
         case "udp-container":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$h();
             }
             break;
         case "udp-date-selector":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$g();
             }
             break;
         case "udp-datetime-selector":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$f();
             }
             break;
         case "udp-divider":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$e();
             }
             break;
         case "udp-forms-builder-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$d();
             }
             break;
         case "udp-forms-builder-question-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$c();
             }
             break;
         case "udp-forms-builder-style-override":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$b();
             }
             break;
         case "udp-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$a();
             }
             break;
         case "udp-linear-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "udp-menu-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "udp-pop-over":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }