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

package/dist/components/udp-card2.js

@@ -41,11 +41,11 @@ const UdpCard = /*@__PURE__*/ proxyCustomElement(class UdpCard extends H {
         const renderHeader = !this.hasSlottedContent('header') && (this.cardTitle || this.subheader || this.avatar || this.headerAction);
         const renderMedia = !this.hasSlottedContent('media') && this.mediaImage;
         // const hasDefaultContent = !!this.el.querySelector(':not([slot])');
-        const mainContent = (h(Fragment, { key: 'b7fc40fddaccf8e1f7b065a1f10759a2f4395d84' }, renderMedia ? h("udp-card-media", { image: this.mediaImage, title: this.mediaTitle }) : h("slot", { name: "media" }), renderHeader ? (h("udp-card-header", { cardTitle: this.cardTitle, subheader: this.subheader, avatar: this.avatar, action: this.headerAction, disableTypography: this.disableHeaderTypography, onTitleClick: this.onTitleClick })) : (h("slot", { name: "header" })), h("udp-card-content", { key: 'a7380ff44692ad0123dc52def8b9b49e7b8c4617', disableGutter: this.disableContentGutter, disablePadding: this.disableContentPadding }, h("slot", { key: '156cfbd696987a827f44a6cd5e5be838592c242f' }))));
-        return (h(Host, { key: 'b2fcc1723f6cd77e67bd5280fef6ae935626afb5', class: {
+        const mainContent = (h(Fragment, { key: '0689b37dae535348d37509e208962ba3a756ff4b' }, renderMedia ? h("udp-card-media", { image: this.mediaImage, title: this.mediaTitle }) : h("slot", { name: "media" }), renderHeader ? (h("udp-card-header", { cardTitle: this.cardTitle, subheader: this.subheader, avatar: this.avatar, action: this.headerAction, disableTypography: this.disableHeaderTypography, onTitleClick: this.onTitleClick })) : (h("slot", { name: "header" })), h("udp-card-content", { key: 'deb9102b93d97b2fede9ee01b51a08bfd32f1bf9', disableGutter: this.disableContentGutter, disablePadding: this.disableContentPadding }, h("slot", { key: '7984b6e50173266018aaeb081632eb2e70d88ed1' }))));
+        return (h(Host, { key: '282b9a389d4e7344574ee533fdcedbae79260e08', class: {
                 [this.variant]: true, // This adds 'elevated' or 'outlined'
                 'elevation-1': this.variant === 'elevated', // This adds a default shadow
-            } }, this.adornmentStatus && h("udp-adornment", { key: '6355f98f462f2b8a7a300d52cc1d002834b00dae', status: this.adornmentStatus }), mainContent, this.actions && h("udp-card-actions", { key: '9843f998eae158c58e1c2fe04e6f0049f3034ff3' }, this.actions)));
+            } }, this.adornmentStatus && h("udp-adornment", { key: '12b5f6fcbe682e2819c2739484f8308aa4578742', status: this.adornmentStatus }), mainContent, this.actions && h("udp-card-actions", { key: 'd4c0eda2e0b5c78cafb9e6a704e9b4b40e43eaf5' }, this.actions)));
     }
     get el() { return this; }
     static get style() { return udpCardCss; }

package/dist/components/udp-charts-example.js

@@ -21,7 +21,7 @@ const UdpChartsExample$1 = /*@__PURE__*/ proxyCustomElement(class UdpChartsExamp
         }
     }
     render() {
-        return (h(Host, { key: '473a1f06ef8849e12d8eae9416e9855c7ed4fa19', style: { display: 'flex', flexWrap: 'wrap' } }, h("udp-donut-chart", { key: '011c5b108b019f84e277a6c7e8df5b4e73fa8a1f', kpisPosition: 'top' }), h("udp-distribution-chart", { key: 'd364f7496d903291aa5820a440ff0cbe2e5e450e' }), h("udp-bar-chart", { key: '76773e0e26477f3c82e8c00134e85301770e7649' }), h("udp-line-chart", { key: '6251ca89855ef9b87269bf111d70816dcc8780ea' })));
+        return (h(Host, { key: '3d363f23bd976ae0389800768b40e1b9e7b8fd9e', style: { display: 'flex', flexWrap: 'wrap' } }, h("udp-donut-chart", { key: '1e5fd2d0df2de43e1c41cfe7340689bfa7b2cd0d', kpisPosition: 'top' }), h("udp-distribution-chart", { key: 'a693dd0f31f7ff8029b39d5178deef02bae27082' }), h("udp-bar-chart", { key: '2f6d0d1b242f6a15342eb2dd35c45bd137ee0928' }), h("udp-line-chart", { key: '7172d5804f8c503b78a639a22c0746cf2944a111' })));
     }
 }, [256, "udp-charts-example"]);
 function defineCustomElement$1() {

package/dist/components/udp-chip2.js

@@ -50,7 +50,7 @@ const UdpChip = /*@__PURE__*/ proxyCustomElement(class UdpChip extends H {
             [`chip--size-${this.size}`]: true,
             'chip--clickable': this.clickable,
         };
-        return (h("div", { key: '0a9f91093fe426b5a622065b42cf9b865f05a705', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (h("span", { key: 'ae44337da8673cc252199698a01d381655c48fab', class: "chip__icon chip__icon--start" }, h("udp-icon", { key: 'a9d8c5e669a3f16f51d57b3b0e00fa5473632335', iconName: this.startIcon, color: 'inherit' }))), h("span", { key: 'a3f5f070a87e3e72f09cc220e4aa6839824ab591', class: "chip__label" }, this.label), this.deleteButton && (h("span", { key: '716eb909412d0c4f52300ca2469d599779be70fb', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, h("svg", { key: 'c17224698e39b42ac28e652bf8bc70f596ed2c3f', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, h("path", { key: 'eb9b4ac119c42cb708dec8cff10e0d28b1e4acae', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
+        return (h("div", { key: '0c7f3bb13ac1b9ec1b256248fff7ba276bb3afb2', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (h("span", { key: 'be7b9c9e009357599e154c309862aef2b0f5d2b0', class: "chip__icon chip__icon--start" }, h("udp-icon", { key: '11cc8be3ca1b611a0af7a48bf3e5c0ebcc213fc3', iconName: this.startIcon, color: 'inherit' }))), h("span", { key: 'cae85378ee2f032dcede8fbbb0ac722064449140', class: "chip__label" }, this.label), this.deleteButton && (h("span", { key: 'b832acc73c73bcdc5ea776593ef8fbd82ee760d2', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, h("svg", { key: '6accffd9bfb775ffdaf0505eb82a3807588c86f6', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, h("path", { key: '22d2ff711b2cc0184b13890159c526000fd3341d', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
     }
     static get style() { return udpChipCss; }
 }, [257, "udp-chip", {

package/dist/components/udp-column-header2.js

@@ -12,7 +12,7 @@ const UdpColumnHeader = /*@__PURE__*/ proxyCustomElement(class UdpColumnHeader e
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '8a986f8807eda88ee87e6706f73f508f369c35ae', class: "header-container" }, h("div", { key: '85f52752689c8e1a2b6f338e7545fbcd42e9f106', class: "column" }, " ", h("unity-typography", { key: '78a694c2ec7b418c04f33a5b73f6689497676221', variant: "button" }, "Column  "), "   "), h("div", { key: '72064c8d024c424eee13f637643e5391626f8a45', class: "operator" }, h("unity-typography", { key: '98a3bf982de817c9dae8d90f9d7bbe6b40d66b8a', variant: "button" }, "Operator "), " "), h("div", { key: 'c541a43892cbf6efb6a98cb3e6a14c3a13b1945f', class: "criteria" }, h("unity-typography", { key: 'f33a97a9a2eb4d4d7e34abfdb27375921826a7ca', variant: "button" }, "Criteria  "), "  ")));
+        return (h("div", { key: 'f73026207814446ad4c6e3f5aa77587bc69a4a32', class: "header-container" }, h("div", { key: 'f64319195ee85adf92549535ff1b5a435e41295b', class: "column" }, " ", h("unity-typography", { key: 'f4ab97e52690c14fe0660a191384b443b2a7fd04', variant: "button" }, "Column  "), "   "), h("div", { key: 'fae9e7e517b7c6f572dc15e314bce871d132a240', class: "operator" }, h("unity-typography", { key: '9e726d348bb6cb54a604c622c8b538adc3a07b3f', variant: "button" }, "Operator "), " "), h("div", { key: 'a557a3c302d32883be12640b02085f49a222dfde', class: "criteria" }, h("unity-typography", { key: '28c4a1a9b9d08c6027444c8647273cfa9cb76371', variant: "button" }, "Criteria  "), "  ")));
     }
     static get style() { return udpColumnHeaderCss; }
 }, [257, "udp-column-header"]);

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: '5cd829b1eb901463fa20d3404e983b9bf11bb73d' }, h("style", { key: 'b8c747b6d85192d2558cf13b0ad6041a4291a7df' }, this.getSpanStyles()), h("slot", { key: 'ed3f8d34467707013555671a9467dcd005168db8' })));
     }
     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: 'c798a9c94242a4f389736c197e99db6cd2d06f4d' }, h("udp-container-query", { key: 'ab3eef71029dc4cfb8dc0b84f1046914cff2c5b6', queries: queries }, h("div", { key: '2ead4cf6b66817d42c2639963dd335b1dab7497d', class: "grid-container" }, h("slot", { key: '3c622012f0e11a40d3f3ce5533a913acc26a57c1' }))), h("style", { key: '624229105bda2bd3557654196a4464ba9577e8fe' }, `
           .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: '72e9a3e0372b8e11fe6fe962407d4777771f7312', class: {
                 [this.customClass]: !!this.customClass,
-            } }, h("style", { key: '5db19a4f8ec8f0e96d3b0b0106415005193b097b' }, this.getContainerQueryStyle()), h("slot", { key: '6ee739731deffcead5c7334f64ddd3f063370cac' })));
+            } }, h("style", { key: '87319acfcb16ec36e4c968fc0df957abd2b168bd' }, this.getContainerQueryStyle()), h("slot", { key: '8f617fcb093fe0650fc3007a0a36d9bbd40db7c4' })));
     }
     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: 'd13a542b574d26ebbf5257ee3bb2c59e5323ab26', 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: '0e33316718e26f8840997c19e1a54a8bad1981c6' })));
     }
     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: '05954e515800a73e77afdea576cd2b3f6c0e888a', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: 'c0ab6f626d2c2f72c70ea732db4cb6c4a4cda7dc', 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: '68b20aae91c9892a7b1ed781f3cccfd5d7e1ef8a', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: '06ee7c8148a73d8626fa1530f7bfd6deae66d53f', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: '30ef370103f2e2682d985bef97d236a7650ca51d', 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: 'df131915a312c330d25c5035b01d18ee3b4ea63e', 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: 'a3e2eb4c50e44c736a5befce55ba72256cabe1ae', class: "bx--form-item" }, h("unity-typography", { key: '8bb60bfd628eac9cf17e080593a8c7d82606a810', variant: "caption-text" }, h("label", { key: '19f5129d2572eb294f9f867a898db92eaa83ed1f', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '5a9252db435eab346fab060b3fdd05f4758cf6b5', 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: 'f20ca4cf58b0089bfed51539966fda3a248cda6c', 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: '46df2e77c2bbb1831feefb69aa3159fb6537e82a', 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: '50c17f732e6f569fa73c88910d49bc1ac2896a66', class: "bx--form-item" }, h("unity-typography", { key: '3b9297dec4b2a127a4b2ea6ebc7c8150d023e547', variant: "caption-text" }, h("label", { key: 'fc73ebacf962456dc03cc800e06ca463604c0b8f', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '42d508bee965bb55d83bac7e08a0f1e3d0604767', 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: '4db75c928a78d4a1dc5ef64faf4b18b639d13c93', 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: '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))))));
     }
     get hostEl() { return this; }
     static get watchers() { return {

package/dist/components/udp-distribution-chart2.js

@@ -86,7 +86,7 @@ const UdpDistributionChart = /*@__PURE__*/ proxyCustomElement(class UdpDistribut
         this.transformData();
     }
     render() {
-        return (h("udp-xy-chart", { key: '51750b7fb6eba95b8987e9f2a67078ab32b52132', chartId: this.chartId, title: this.title, subheader: this.subheader, data: this.transformedData, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: "from", valueField: "count", showBullets: false, xDataType: "string", yDataType: "number", hideLegend: this.hideLegend, chartType: 'Column', xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, distBetweenGridLines: 30, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("udp-xy-chart", { key: '87692b9ed89a77c2cb9e1b5fa6aec121a288ec91', chartId: this.chartId, title: this.title, subheader: this.subheader, data: this.transformedData, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: "from", valueField: "count", showBullets: false, xDataType: "string", yDataType: "number", hideLegend: this.hideLegend, chartType: 'Column', xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, distBetweenGridLines: 30, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-divider2.js

@@ -15,7 +15,7 @@ const UdpDivider = /*@__PURE__*/ proxyCustomElement(class UdpDivider extends H {
         const style = this.variant === 'vertical'
             ? { height: this.size }
             : { width: this.size };
-        return (h(Host, { key: 'd2f94b8b1ef1e1ace1364b26a36bbf42f01bdd3e', style: style }, h("div", { key: '952a49fa90d5b9779264f021082246de634f66db', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
+        return (h(Host, { key: '573a0114d6791cf695e4dfc2194faff54e072d9b', style: style }, h("div", { key: '96bdd1f8b13c7b67206effcb507b4f55fc4bfab4', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
     }
     static get style() { return udpDividerCss; }
 }, [257, "udp-divider", {

package/dist/components/udp-donut-chart2.js

@@ -75,7 +75,7 @@ const UdpDonutChart = /*@__PURE__*/ proxyCustomElement(class UdpDonutChart exten
         }
     }
     render() {
-        return (h("chart-container", { key: '7cac31b737c79839283dc3ae8489e79487d0db41', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'ede0fa20539da6d2471676157559fb9f2317a19a', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { 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: '99a3ae39a56314eacb1cad4a8088f98acc52ef9d', class: "container" }, h("div", { key: 'cf6c29cc6fc435cadcc12f22b61246d03a3fa85b', 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: '6f06947570a2f227909060d9cbb0c282ed219eda', class: "overflow" }, h("udp-pop-over", { key: '11cf2f25c44d69075d24f622c03bdd7418f037af', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: 'c69c2e7eadedaaa70e63da5b7e636050660dd889', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
+        return (h("div", { key: '1632aff437066d2819c8ae5990a6cfc22b14266b', class: "container" }, h("div", { key: 'b535aec5391b607008f6bcb2aca7e16ac5d1092a', 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: '7cf506e0827cda70776ba9a72445019db7e7452c', class: "overflow" }, h("udp-pop-over", { key: 'ced356d4fa9d4f60b866d57b4d665377ce7d4ce6', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: 'd81d2fcc3f9bd2ea3dce48eb8398469df8cd4eb9', 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: 'aa1d1ad6ee247fa411a71068468d252a3ac63eab', class: "form-root" }, this.renderFormFields());
     }
     get el() { return this; }
     static get style() { return udpDynamicFormCss; }

package/dist/components/udp-empty-state-display.js

@@ -20,7 +20,7 @@ const UdpEmptyStateDisplay$1 = /*@__PURE__*/ proxyCustomElement(class UdpEmptySt
         this.imageWidth = '100px';
     }
     render() {
-        return (h("div", { key: '4ae3884d006e384171e40152b750c3bd4f2a6aed', class: "container" }, this.imageSrc ? (h("img", { src: this.imageSrc, alt: "empty state", class: "image", style: { width: this.imageWidth } })) : (h("udp-icon", { iconName: this.iconName })), this.primaryText && (h("div", { key: '4b9501f13a337b2fc882366545f31c44d9f6584d', class: "text-wrapper" }, h("unity-typography", { key: 'fb6e310d7b0bd796c5b949077de3c5125e9a87d7', variant: 'h6' }, this.primaryText))), this.secondaryText && (h("div", { key: '32850a0c5b69aa5f2c1a92d9b5024af98a336693', class: "text-wrapper" }, h("unity-typography", { key: '44885a71d6b498ef1d545561ee8fdf18bee5f816', variant: "body", class: "secondary-text" }, this.secondaryText))), this.actionLabel && (h("div", { key: 'c0ddf7d1a61984b4e0ae32d3a1959a956d5e81cf', class: "action-wrapper" }, h("udp-button", { key: '240d357c3b5907893621ea41e40fef83dd5fdb1f', onClick: this.actionClick, variant: "outlined", color: "secondary" }, this.actionLabel)))));
+        return (h("div", { key: 'be90a1bcee9b8efc37ef3dc0298a4c2872dcff3a', class: "container" }, this.imageSrc ? (h("img", { src: this.imageSrc, alt: "empty state", class: "image", style: { width: this.imageWidth } })) : (h("udp-icon", { iconName: this.iconName })), this.primaryText && (h("div", { key: '88d355f3b42e3ac369a84fc277565cdde53ef438', class: "text-wrapper" }, h("unity-typography", { key: '798b25f9ce4e46438c270da9fe37b3b8170d7b97', variant: 'h6' }, this.primaryText))), this.secondaryText && (h("div", { key: '0782274b56eabee91f1a29d93a0f529441e552d7', class: "text-wrapper" }, h("unity-typography", { key: '9a457155d36839e2608dcc06ceb19cc8038ac975', variant: "body", class: "secondary-text" }, this.secondaryText))), this.actionLabel && (h("div", { key: '2e0a479ea9a35c5b8f55ba661c40484ad3675e54', class: "action-wrapper" }, h("udp-button", { key: '39c53a2c4c42281b473c514b633c672e73fc08d5', onClick: this.actionClick, variant: "outlined", color: "secondary" }, this.actionLabel)))));
     }
     static get style() { return udpEmptyStateDisplayCss; }
 }, [257, "udp-empty-state-display", {

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: '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 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: '01a49d97bf23239ac9a47a331509434f174be581' }, h("div", { key: 'cce2cb7a9b3ac76fafd3da1a52a7607f9ef9ae56', class: {
                 'list-item': true,
                 'clickable': this.clickable,
-            }, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: '4dd31a6e5acbebf3a7ea095399a769d830455e7f', class: "drag-and-drop-container" }, h("slot", { key: 'cda2dc7374e7836c203cc06b1a24853173b6fb00', name: "drag-and-drop" })), this.iconName && (h("div", { key: '6a3212c41e0e0be98d74290aaefc7f2a5b8a40e3', class: "avatar-container" }, h("udp-avatar", { key: '20f327eb2ff27833dae0c3b192f03190b479244b', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: '80835382c28cc23177ab59c295c638d18ebdeaea', class: "text-container" }, showPrimaryText && (h("div", { key: 'a8b0ff606f8b76eb8ba5d84803b2618c877b4d56', class: "primary-text", title: this.primaryText }, h("slot", { key: '63912e8ff2edd943c049f9c172cb80eb0d0e1afb', name: "primary-text" }, h("unity-typography", { key: '68fec2e44ad8b5fcd51395e048b8868a220b3c60', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '7d10a2ba568ecd2fcf4829a24bec58bb09ec75dc', class: "secondary-text", title: this.secondaryText }, h("slot", { key: '4a9850c47ac34bf762f2b6290d51f0f0300097b8', name: "secondary-text" }, h("unity-typography", { key: 'e74d0fb86ea0f1784bd306aed5f6ed6c060ce3e6', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: 'fa92aa7a0c7919a67362cb99e9b7336d188271c5', class: "status-chip-container" }, h("slot", { key: 'effac3462cf3a49ffe201cba4c22d0a3666046ba', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'd96aa7ff8381d5d51f19b525523c38f691322431', class: "actions-container" }, h("slot", { key: '16af4b406bc64808891ffbd3c0c367fdfadf1107', name: "actions" }))))));
+            }, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: '161826cbe5db5ba46e4cb71d927074a9b040a0fa', class: "drag-and-drop-container" }, h("slot", { key: '609f7dad36d3f4eae2bb957fff7aca6e76bbde60', name: "drag-and-drop" })), this.iconName && (h("div", { key: 'cae29ceb00b1a4dd75813d87e6376964300e7d2c', class: "avatar-container" }, h("udp-avatar", { key: '93f9bf26fd67fdc2cfc13205c6bfcfdbedbce81d', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'ba509814a73e222505939924ee7b42e7a3913630', class: "text-container" }, showPrimaryText && (h("div", { key: 'b0c0a11a2936ccd0bbf412ad5ea13a9d1996ad0d', class: "primary-text", title: this.primaryText }, h("slot", { key: '9e18015a5f16ba51bf7a491c1d1d7ffc0f1ede4b', name: "primary-text" }, h("unity-typography", { key: '0b3cbfae5f56469be7ac3f6e5801608625533537', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '681d7f09a46bd9d1d5aa81b471ee455f1e0a1be8', class: "secondary-text", title: this.secondaryText }, h("slot", { key: 'f7191ecc2f70be2f607249497bbe8445e19d17f5', name: "secondary-text" }, h("unity-typography", { key: 'a64766c2ed10e079f8f4d4a819a2b6c09c78c27e', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '047cf8fd67091a51b051ef1c1141c81ba71e9060', class: "status-chip-container" }, h("slot", { key: '397d156448caa8975c483097aa37f3ef434a3f85', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'ddee1e7af776a80c697f8642a4ab4299ae9766bb', class: "actions-container" }, h("slot", { key: '8664188903d857e8dab14aed3d94283700d0694a', name: "actions" }))))));
     }
     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: '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 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();
             }