udp-stencil-component-library 25.18.1-beta.8 → 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: '4a43b492419de8a498a35250b0443b2a46ae6eb0' }, h("style", { key: '0dad6229ffd2cf70ce1243a067359b20f9aa7546' }, this.getSpanStyles()), h("slot", { key: 'c38f26865fb93d881668d2e7f0611c965861a7d3' })));
+        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: '268622f20b2a6d5054ae0546d3274d24085d6c90' }, h("udp-container-query", { key: '43356950e588f8e28e2e63303d7cae6d78b5764a', queries: queries }, h("div", { key: '601122484779af077373533df9195d92d3fef57b', class: "grid-container" }, h("slot", { key: '90a1b1ecf820ba7fe133ac5df60dec24ccb983d0' }))), h("style", { key: '131386f195ab2af8e472fe2d219eace0bbe174d4' }, `
+        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: 'c6b906a0dcd07742578d60bda60e96da480a4d44', class: {
+        return (h(Host, { key: '72e9a3e0372b8e11fe6fe962407d4777771f7312', class: {
                 [this.customClass]: !!this.customClass,
-            } }, h("style", { key: '8c74c32415866b53cd626e07ccf2150bf6613122' }, this.getContainerQueryStyle()), h("slot", { key: '6acce6c5442f8b76d7c8c7f8ad168da0c64f6e68' })));
+            } }, 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: '352e61df5683d1a87d1310efca66329ee5ce9863', 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: 'a1f62a8360a69c67c3653cc48dee226e0207e14b' })));
+            } }, 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: '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 })))))));
+        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: '70baf93e973186a4adaf2ff3637470bafa666939', 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: '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,
+            }, "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: 'a0a58ed508cb607e2e32c42f5b7d3d2bd5b4b6d0', 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: '47e3932d88410bf3518fd7c6e208fb6c38eebe17', 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: '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,
+            }, "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: '8f7b7f221cf7b3f71159814efd482f558b051b89', 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: '01757cb710b4621a69e4ed790374d9b16a139031', onClick: this.handleOverlayClick }, h("div", { key: '669805ff6826420f397e97cf1051022ecf33451a', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, h("div", { key: '6c4ce9f296e970e49f9d582e260f49eb847eb42b', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: 'd5565820bca213943b5406ce63e967e1c9895684', variant: "h3" }, this.title)), h("div", { key: 'af030ddb399c0a9805e13f2025d585fa37f5193c', class: "dialog-content", id: this.descriptionId }, this.message && h("unity-typography", { key: 'ea821f4f8dc91cafd77b49f351b960bc2ea86fcb', variant: "body" }, this.message), h("slot", { key: '10fd10148354b8072bbd247436c649a6625afd4c' })), h("div", { key: 'a4be76d0999841f2ce0a05e52f22930cffacf140', class: "dialog-actions" }, !this.buttonTwoHidden && (h("udp-button", { key: '69fee918e7319ed67e98f6fbc6c568167f839a09', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("udp-button", { key: '91cc57acd1d201f7828c8c34ec399ba25715a054', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (h("udp-button", { key: 'b6672709b4432743f0ac7ba740cea49ccd085dfe', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
+        return (h(Host, { key: '8786fdd18b4a4c84b7fb01d58609ca72d828b859', onClick: this.handleOverlayClick }, h("div", { key: '6d29b7c6ffd91f49303bebd12023f09830dded22', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, h("div", { key: '19175fa1e321b0682bb3c231ba43fa81ddcc4ac7', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: 'dcabd65635e9d5bbd3f34ec8240c3ada9f2b0630', variant: "h3" }, this.title)), h("div", { key: 'cf99872139003b15bb219e538b663131c33cedf7', class: "dialog-content", id: this.descriptionId }, this.message && h("unity-typography", { key: '22d1c10684c6b967530e4ef291ce850c0e2174ad', variant: "body" }, this.message), h("slot", { key: 'bb797f4d8ffc8b20b1f4cfa1a59fef1b5efb9231' })), h("div", { key: 'c92603293cf2cd7d764fc07d7e33f1b23a51d413', class: "dialog-actions" }, !this.buttonTwoHidden && (h("udp-button", { key: '7b676d07d99341bb7c0b90d3ca45e40bd4b98c89', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("udp-button", { key: 'efc9b09f5e05d5343e678386db936776bb0ec0de', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (h("udp-button", { key: '44e133fedfbeb3429039eca7b42dd142e680f1d5', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
     }
     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: '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" }, " "))))))));
+        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: '3ad645e7b28adea7f62b2e9c6e6f99d8cbd4f389', 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: '91bd7abac8268ecd31bb0c6377c1334965b422f4', class: 'menu-header-container' }, h("unity-typography", { key: '7a5b0d71258cf6059e35f19c831f94eeb807074e', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: 'd2eface092851d964046e0b51807a24b92007014', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
-            h("div", { key: '8cba92678740832fe44d691bcb2ebee6d86861a8', class: "menu-options-container" }, this.questionsTemplate.map(q => (h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
+            h("div", { key: '3a9964ec2a919049590a19a15fccbf4fcba5fee4', class: 'menu-header-container' }, h("unity-typography", { key: 'bc98338d91877280d0b61a327650c575623f20f5', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: '2b983260174fd000a1e3269fe7f0db023ab15848', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
+            h("div", { key: 'a0f823d44d5b49d9cb8a4b853e3a519335f438e9', class: "menu-options-container" }, this.questionsTemplate.map(q => (h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
         ];
     }
     static get 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: '30c9571c77dfb799a2788bc7b42c462565d43f20' }, h("div", { key: '54f4165d5108b756296b60c4950f0fa3074d3d00', class: {
+        return (h(Host, { key: '01a49d97bf23239ac9a47a331509434f174be581' }, h("div", { key: 'cce2cb7a9b3ac76fafd3da1a52a7607f9ef9ae56', class: {
                 'list-item': true,
                 'clickable': this.clickable,
-            }, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: 'b4c4072055461b9fc7d1882f9344068bf6e2e1c4', class: "drag-and-drop-container" }, h("slot", { key: 'ee5ce9c3158a075496408b3e8e2a263a82116f6d', name: "drag-and-drop" })), this.iconName && (h("div", { key: '97f5d6f4270868831e59b25b0b3533b085fe58ab', class: "avatar-container" }, h("udp-avatar", { key: 'cbb23fefa1ca00ed0c61c038a5c4df3240d81da1', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'c09e2c27a4f11b4144278cea91c9cfaa073896ed', class: "text-container" }, showPrimaryText && (h("div", { key: 'dc506d5456470467c92c0402f0abec8aae407145', class: "primary-text", title: this.primaryText }, h("slot", { key: '81d62a6e2e8fd6cbad19134edf78f8be86fce126', name: "primary-text" }, h("unity-typography", { key: 'b24ebfe9ec875839526d300908c9be8bba3acde5', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: 'ce97765517dbaf006c951d8af842a1db1bffec54', class: "secondary-text", title: this.secondaryText }, h("slot", { key: 'f4524e32bc2b068fc5cac5343d679181f1333e7d', name: "secondary-text" }, h("unity-typography", { key: 'ca394f40334c3c866b2b7d95c2254868daac5c4f', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: 'b97c70c97425a81edbd0e083a2292201f0f7ba75', class: "status-chip-container" }, h("slot", { key: 'c33a445fb6635c7956f66905769aabb1820b904e', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'fab615558218c7a9c72ec822a70a252dc939b524', class: "actions-container" }, h("slot", { key: '7e2cee521ee90d0508a357f117ed6cdcdc3584e4', name: "actions" }))))));
+            }, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: '161826cbe5db5ba46e4cb71d927074a9b040a0fa', class: "drag-and-drop-container" }, h("slot", { key: '609f7dad36d3f4eae2bb957fff7aca6e76bbde60', name: "drag-and-drop" })), this.iconName && (h("div", { key: 'cae29ceb00b1a4dd75813d87e6376964300e7d2c', class: "avatar-container" }, h("udp-avatar", { key: '93f9bf26fd67fdc2cfc13205c6bfcfdbedbce81d', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'ba509814a73e222505939924ee7b42e7a3913630', class: "text-container" }, showPrimaryText && (h("div", { key: 'b0c0a11a2936ccd0bbf412ad5ea13a9d1996ad0d', class: "primary-text", title: this.primaryText }, h("slot", { key: '9e18015a5f16ba51bf7a491c1d1d7ffc0f1ede4b', name: "primary-text" }, h("unity-typography", { key: '0b3cbfae5f56469be7ac3f6e5801608625533537', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '681d7f09a46bd9d1d5aa81b471ee455f1e0a1be8', class: "secondary-text", title: this.secondaryText }, h("slot", { key: 'f7191ecc2f70be2f607249497bbe8445e19d17f5', name: "secondary-text" }, h("unity-typography", { key: 'a64766c2ed10e079f8f4d4a819a2b6c09c78c27e', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '047cf8fd67091a51b051ef1c1141c81ba71e9060', class: "status-chip-container" }, h("slot", { key: '397d156448caa8975c483097aa37f3ef434a3f85', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'ddee1e7af776a80c697f8642a4ab4299ae9766bb', class: "actions-container" }, h("slot", { key: '8664188903d857e8dab14aed3d94283700d0694a', name: "actions" }))))));
     }
     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: '530014eba0c8be5eb47e5ac23839b3dfafbbd7cb' }, h("unity-typography", { key: '581fca98a42750897820b867f206ea07fd7e3ccb', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '6430f049fe34ff1e45b4427076a5f865bf5d4fcd' }), h("unity-typography", { key: 'bf8568088871733dce103e5bac03eab26710c697', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
+        return (h(Host, { key: '66108cf712503e67be8e1625fb68ccc75a6d51e6' }, h("unity-typography", { key: '82dcc62ce694573818331be46dc42078555a1255', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '684faa92a76e0ad1ddcf2f93b9c05f69cf395318' }), h("unity-typography", { key: '0bacfa6de0d9725c48bc4c3a7dd67f85e91e76da', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
     }
     static get style() { return udpFormsBuilderStyleOverrideCss; }
 }, [257, "udp-forms-builder-style-override", {

package/dist/components/udp-forms-follow-up-list-card.js

@@ -18,8 +18,8 @@ const UdpFormsFollowUpListCard$1 = /*@__PURE__*/ proxyCustomElement(class UdpFor
         this.__attachShadow();
     }
     render() {
-        const contentJsx = (h(Fragment, { key: 'c21d9bc5fed8b062b2a5723525cf35fd75c3393f' }, h("unity-typography", { key: '5379d294f6c30d491119b06c6d4e2ba77823b500', variant: "body1", color: "textSecondary" }, "Version: ", this.listItemData.version), h("unity-typography", { key: '3e8fd9b3656a10a748c15b43ac85accfc74d84b2', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.listItemData.type])));
-        return (h("udp-card", { key: '1c2e41124a42bbb96121d722d4082a77441641e0', cardTitle: this.listItemData.name, subheader: this.listItemData.description, onTitleClick: () => this.handleLaunchFollowUpForm(), disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+        const contentJsx = (h(Fragment, { key: '24b6143f8ed420f4bc7f0f1e93cb5f1437e9447a' }, h("unity-typography", { key: '501ef3a2c05cdb91e98281e8eae243ba17ee244d', variant: "body1", color: "textSecondary" }, "Version: ", this.listItemData.version), h("unity-typography", { key: '9c8953816fc595a342fb7d71f2292c379259733c', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.listItemData.type])));
+        return (h("udp-card", { key: '84efe2ca8e89d3383f113f77d76cf710868fa0c4', cardTitle: this.listItemData.name, subheader: this.listItemData.description, onTitleClick: () => this.handleLaunchFollowUpForm(), disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
     }
 }, [257, "udp-forms-follow-up-list-card", {
         "listItemData": [8, "list-item-data"],

package/dist/components/udp-forms-list-card2.js

@@ -34,19 +34,19 @@ const UdpFormsListCard = /*@__PURE__*/ proxyCustomElement(class UdpFormsListCard
         };
     }
     render() {
-        const contentJsx = (h(Fragment, { key: '65c992b567d2b0e80b93819c760400ea0ee2b813' }, h("unity-typography", { key: '327ad8c6680dedd7fa1c12b50d62b2bd5763428b', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: '78cfdb94dfc0dff690c18e23e0d07263c25c94c3', variant: "body1", color: "textSecondary" }, "Last Modified: ", new Date(this.data.lastModifiedOn).toLocaleDateString())), h("unity-typography", { key: '0b381c323f4910e5727ad848178065b37fc24e83', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString()), h("unity-typography", { key: '62137e05a5c76a334369f839ce589b8bc71a1f9b', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.data.type])));
-        const actionsJsx = (h(Fragment, { key: '11b0965f017d6bcfc290bf81892e8bd3dd18730d' }, h("stencil-icon-button", { key: 'b976c977cbdbce0a843b54845147837dbd553f20', icon: Edit16, tooltip: "Open in Form Builder", onClick: e => {
+        const contentJsx = (h(Fragment, { key: '3027a3136ee25412cb0ff332b89b1d4b52dd3dec' }, h("unity-typography", { key: 'e4e1a4ddc65ced56bcefd49dabb9d18064a04ea9', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: '830bcff9dc1f5966242b5550afa2c6ff0b912ba7', variant: "body1", color: "textSecondary" }, "Last Modified: ", new Date(this.data.lastModifiedOn).toLocaleDateString())), h("unity-typography", { key: '617c8723b3837c7759e3950f5022ce9dd75eac37', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString()), h("unity-typography", { key: 'd548762c5ff3621aaed0af3cd540371bbb386800', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.data.type])));
+        const actionsJsx = (h(Fragment, { key: '67d2872b270ef64f81a3327878bbcac29832e4ef' }, h("stencil-icon-button", { key: '63213e1ced252886183eb73eb2185e59fd60dd5b', icon: Edit16, tooltip: "Open in Form Builder", onClick: e => {
                 e.stopPropagation();
                 this.formBuilderHandler();
-            } }), !this.isSideSheetList && (h("stencil-icon-button", { key: 'da6b8f48a2004f82765561b34cfd6f2c5b99dc9e', icon: View16, tooltip: "View in Form Renderer", onClick: e => {
+            } }), !this.isSideSheetList && (h("stencil-icon-button", { key: 'b63671c37e16cd2bfada6259d0c4aff0cb53dec5', icon: View16, tooltip: "View in Form Renderer", onClick: e => {
                 e.stopPropagation();
                 this.formRendererHandler();
-            } })), !this.isSideSheetList && (h("stencil-icon-button", { key: '081db624c49cd5cbc5888c349a601c177f96b8ef', icon: ChevronRight24, tooltip: "See Version History", onClick: e => {
+            } })), !this.isSideSheetList && (h("stencil-icon-button", { key: 'dda0dfa30fb36843ffd3d202c8ef79a20d4bb056', icon: ChevronRight24, tooltip: "See Version History", onClick: e => {
                 var _a;
                 e.stopPropagation();
                 (_a = this.openSideSheet) === null || _a === void 0 ? void 0 : _a.call(this);
             } }))));
-        return (h("udp-card", { key: '6e0572787731e49edb74b9b8d3e9f04e0f09ce57', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
+        return (h("udp-card", { key: 'dc72b306fba3d0d52d2a4b0bcd8c31db305cdd54', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
     }
 }, [257, "udp-forms-list-card", {
         "history": [8],

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

@@ -203,7 +203,7 @@ const UdpFormsList$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsList exten
         return this.errorMessage ? (h("div", { class: "error-banner" }, h("unity-typography", { variant: "body2" }, this.errorMessage))) : null;
     }
     render() {
-        return (h("div", { key: 'e10e187f8b796620e07cbe5de09304b3ff806f9d', class: "udp-forms-list-container" }, h("primary-action-header", { key: 'c07a9deced2ebc01319ac7aa75ff81458e810b7d', title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false }), this.isLoading && h("udp-linear-loader", { key: 'bd0b7aa584dd74d1aa610d276166a7ade78ec39b' }), this.renderSideSheet(), h("udp-container", { key: '9db380a8bc34671684f133f35d2af4634bfe13c4', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '80570f32e8d09872019514651de334327c7797af', itemComponent: "udp-forms-list-card", data: this.mainFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.MAIN_PAGE_SIZE, currentPage: this.mainListPageNumber, totalItems: this.mainTotalItems, onPageChange: e => this.handleMainPageChange(e.detail), componentDataMap: this.componentMap, spacing: 'md' })), h("udp-forms-list-card", { key: '83c6afb79ecbd9154229bb4ee571290af0ce43cc', style: { display: 'none' } }), h("div", { key: '5f8ee58dc8cdd79db5cf8f4c8e487ddb3b005e9d', style: { height: '60px' } })));
+        return (h("div", { key: 'd38171a18524cb8866d03bae0b09ad066089464d', class: "udp-forms-list-container" }, h("primary-action-header", { key: 'fd7634173fcf5961b1dbc05f12dd10ce16e3b365', title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false }), this.isLoading && h("udp-linear-loader", { key: '7fc11673f18658b741fdbb0ff460b532148bb0a9' }), this.renderSideSheet(), h("udp-container", { key: '33a13c00bb4c0708138bef2f8f47f97a892101aa', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '21ba5fb7f808231340873d067cb10ed3e52ce7c9', itemComponent: "udp-forms-list-card", data: this.mainFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.MAIN_PAGE_SIZE, currentPage: this.mainListPageNumber, totalItems: this.mainTotalItems, onPageChange: e => this.handleMainPageChange(e.detail), componentDataMap: this.componentMap, spacing: 'md' })), h("udp-forms-list-card", { key: 'dfe4d4601085a334055dd76a9d6051889ebc56ed', style: { display: 'none' } }), h("div", { key: '9c04dc80b49a2e3fbb5d5bd5ad76ff78a5329102', style: { height: '60px' } })));
     }
     get el() { return this; }
     static get watchers() { return {

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

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

package/dist/components/udp-function-button2.js

@@ -64,7 +64,7 @@ const UdpFunctionButton = /*@__PURE__*/ proxyCustomElement(class UdpFunctionButt
     }
     render() {
         const btnClass = this.noBackground ? 'udp-btn no-bg' : 'udp-btn';
-        return (h("button", { key: '52ac9af7f328b8b45a649a52298ebfc7b4c9ad4d', class: btnClass }, h("span", { key: '4f2196fd6cf6aa678386acdfddd3e1bc020478c7', class: "btn-content" }, this.renderIcon())));
+        return (h("button", { key: 'f4cddbfd414b241e7ca9e99facecd74b44c46538', class: btnClass }, h("span", { key: 'dcdefcc90f99e66fafd64993f07ae8e6d9c870c2', class: "btn-content" }, this.renderIcon())));
     }
     static get style() { return udpFunctionButtonCss; }
 }, [257, "udp-function-button", {

package/dist/components/udp-grid-loader2.js

@@ -16,10 +16,10 @@ const UdpGridLoader = /*@__PURE__*/ proxyCustomElement(class UdpGridLoader exten
     }
     render() {
         // Header bar (fatter, divided into columns)
-        const headerBar = (h("div", { key: '45f44170dff0e08a68d1d53f32a3961d86712b58', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        const headerBar = (h("div", { key: '7f480caf43f6b7d29bf72f8b4434377ea1126803', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
         // Row bars (each divided into columns)
         const rowBars = Array.from({ length: this.numRows }).map(() => (h("div", { class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "30px" }))))));
-        return (h("div", { key: '9c9be92fa74d1a27aba15e811c863b07ba672c05', style: { width: this.width } }, headerBar, rowBars));
+        return (h("div", { key: '2dc5f213f0da7e7ff61cc1bd177769f3e6d58cef', style: { width: this.width } }, headerBar, rowBars));
     }
     static get style() { return udpGridLoaderCss; }
 }, [257, "udp-grid-loader", {

package/dist/components/udp-hotlist-form2.js

@@ -39,7 +39,7 @@ const UdpHotlistForm = /*@__PURE__*/ proxyCustomElement(class UdpHotlistForm ext
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (h("div", { key: 'fed1159fa6172e2ef425fda713135e3cdac5b998', class: "wrapper" }, h("form", { key: '4bcf1830addf2e62a4b80bb689760997d53412de', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: '55b95fbe7649a5ff8a3d0a275ad55a2c0a2bcc11', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: '1ff5aa5b5ff37e5870abeb5f15f4254586c2124e', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: '101fd16f08d5aaf1d054dd91f0bd9a0451ac299c', class: "submit-button" }, h("custom-button", { key: '2af466a976f5f9cdebf9cd1054e7bb7bddbb9b32', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: '58b86c74365d86ce22131e6462e83fe5036a15ba', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (h("div", { key: 'dfd1510767f1b15176138dc9bb25f076db131874', class: "wrapper" }, h("form", { key: 'efee156202a1c075d8b1c253930c9df368ce8d38', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: 'ad287c008b12dbdc4783c90b3c3201f727485de8', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: '4cb19e2ea8528c6b2459e2deed1b2ea2733067db', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: '2d60f39c3bd41227ca55fc8e3f8a83e7966fb241', class: "submit-button" }, h("custom-button", { key: 'c2c6c98f245d680326f082fbc0c9724b8f5ebdb5', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: '57d867b6bbfbb0db075fe10a5b3abbc0839c5633', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return this; }
     static get style() { return udpHotlistFormCss; }

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

@@ -40,7 +40,7 @@ const UdpLineChart = /*@__PURE__*/ proxyCustomElement(class UdpLineChart extends
         this.removePadding = false;
     }
     render() {
-        return (h("udp-xy-chart", { key: '92cdbee4bb998251a3c9589dab207ff90b54a051', title: this.title, subheader: this.subheader, data: this.data, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: this.xAxisField, valueField: this.yAxisField, showBullets: this.showBullets, xDataType: this.xDataType, yDataType: this.yDataType, hideLegend: this.hideLegend, xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, chartType: "Line", hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("udp-xy-chart", { key: '0802cdccb8b6c5f4c7f4b8609fa886fc9e18e732', title: this.title, subheader: this.subheader, data: this.data, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: this.xAxisField, valueField: this.yAxisField, showBullets: this.showBullets, xDataType: this.xDataType, yDataType: this.yDataType, hideLegend: this.hideLegend, xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, chartType: "Line", hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return this; }
     static get style() { return udpLineChartCss; }

package/dist/components/udp-linear-loader2.js

@@ -19,7 +19,7 @@ const UdpLinearLoader = /*@__PURE__*/ proxyCustomElement(class UdpLinearLoader e
             loader: true,
             [`loader--color-${this.color}`]: true,
         };
-        return (h(Host, { key: 'e87886877c3dd11c47b1cc2a04f24fac06a6834c' }, h("div", { key: '13fd6426afe4ab10b8f69cf577674a80086388e4', class: loaderClasses }, h("div", { key: '230bb05b4fa3082299aed007ff77588deb4a46d2', class: "indeterminate" }))));
+        return (h(Host, { key: '76ef775cc380682d012413eb55e5b30fccf9bed6' }, h("div", { key: '984db4afaf37f2ad6e8d76438712808a5279312d', class: loaderClasses }, h("div", { key: '9ba710c6d48b0a0965ba1afe9c8846669a693ed3', class: "indeterminate" }))));
     }
     static get style() { return udpLinearLoaderCss; }
 }, [257, "udp-linear-loader", {

package/dist/components/udp-map-toolbar2.js

@@ -229,7 +229,7 @@ const UdpMapToolbar = /*@__PURE__*/ proxyCustomElement(class UdpMapToolbar exten
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-toolbar", { key: 'fe800500ed0c628a824e7e07e5bbfc3cd62a5fb6', map: this.map, mapTitle: this.mapTitle, layerOptions: this.layerOptions, handleSelectLayers: this.handleSelectLayers, visibleLayers: this.selectedLayers, tileOptions: this.tileSelectOptions, handleSelectTile: this.handleSelectTile, selectedTile: this.selectedTile, enableTileSelection: this.enableTileSelection, filterPanel: this.filterPanel, enableDragBox: this.enableDragBox, selectedFeatureByBoxSelection: this.selectedFeatureByBoxSelection, handleUnselectFeatures: this.handleBulkUnselectFeatures, selectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleCancelBoxSelection: this.handleCancelBulkSelectDraw, handleBulkSelectionTypeOnChange: this.bulkSelectDraw, mapProjection: this.mapProjection, refreshEvent: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, enableAddNewFeature: this.enableAddNewFeature, handleStartDrawingMapFeature: this.startDrawingMapFeature, cancelAddNewFeature: this.cancelAddNewFeature, addNewFeature: this.addNewFeature, enableSplit: this.enableSplitFeature, handleStartSplitting: this.handleStartSplitting, handleCancelSplit: this.handleCancelSplit, handleSaveSplit: this.handleSaveSplit, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, addMultipleFeatures: this.addMultipleFeatures, showSplitButton: this.showSplitButton, readOnlyLayers: this.readOnlyLayers, addFeaturePanelConfig: this.addFeaturePanelConfig }));
+        return (h("map-toolbar", { key: '5b7239834a5e7898b2a872aa3b1ccbd4eb556854', map: this.map, mapTitle: this.mapTitle, layerOptions: this.layerOptions, handleSelectLayers: this.handleSelectLayers, visibleLayers: this.selectedLayers, tileOptions: this.tileSelectOptions, handleSelectTile: this.handleSelectTile, selectedTile: this.selectedTile, enableTileSelection: this.enableTileSelection, filterPanel: this.filterPanel, enableDragBox: this.enableDragBox, selectedFeatureByBoxSelection: this.selectedFeatureByBoxSelection, handleUnselectFeatures: this.handleBulkUnselectFeatures, selectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleCancelBoxSelection: this.handleCancelBulkSelectDraw, handleBulkSelectionTypeOnChange: this.bulkSelectDraw, mapProjection: this.mapProjection, refreshEvent: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, enableAddNewFeature: this.enableAddNewFeature, handleStartDrawingMapFeature: this.startDrawingMapFeature, cancelAddNewFeature: this.cancelAddNewFeature, addNewFeature: this.addNewFeature, enableSplit: this.enableSplitFeature, handleStartSplitting: this.handleStartSplitting, handleCancelSplit: this.handleCancelSplit, handleSaveSplit: this.handleSaveSplit, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, addMultipleFeatures: this.addMultipleFeatures, showSplitButton: this.showSplitButton, readOnlyLayers: this.readOnlyLayers, addFeaturePanelConfig: this.addFeaturePanelConfig }));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-map.js

@@ -118,11 +118,11 @@ const UdpMap$1 = /*@__PURE__*/ proxyCustomElement(class UdpMap extends H {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("map-component", { key: 'dbea383c45161505aff8965d3bfbd925ccce570b', handleSetMapComponent: this.handleSetMapComponent, data: this.data, isGeoJsonFormat: this.isGeoJsonFormat, geoJsonMappingConfig: this.geoJsonMappingConfig, enableZoom: this.enableZoom, mapZoom: this.mapZoom, mapCenter: this.mapCenter, mapHeight: this.mapHeight, crs: this.crs, mapProjection: this.mapProjection, mapDataProjection: this.mapDataProjection, getFilteredMapData: this.getFilteredMapData, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, filterPanelCallback: this.filterPanelCallback, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, initialSelectedLayers: this.initialSelectedLayers, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleSetSelectedFeatureOnSelect: this.handleSetSelectedFeatureOnSelect, filterLayersByRole: this.filterLayersByRole, layerKeys: this.layerKeys, layerKeySeparator: this.layerKeySeparator, user: this.user, layerRoles: this.layerRoles, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetFilteredLayerOptionsByRole: this.handleSetFilteredLayerOptionsByRole, readOnlyMap: this.readOnlyMap, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, bulkSelectionActive: this.bulkSelectionActive, splitActive: this.splitActive, enableDragBox: this.enableDragBox, selectFeatureInteraction: this.selectFeatureInteraction, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, selectedFeatureCoordinates: this.selectedFeatureCoordinates, selectedFeatureProperties: this.selectedFeatureProperties, enableAddNewFeature: this.enableAddNewFeature, handleGetZoomExtent: this.handleGetZoomExtent, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
+        return (h("map-component", { key: 'b5c8898180bce21de249f7d80b471d0b93e60af7', handleSetMapComponent: this.handleSetMapComponent, data: this.data, isGeoJsonFormat: this.isGeoJsonFormat, geoJsonMappingConfig: this.geoJsonMappingConfig, enableZoom: this.enableZoom, mapZoom: this.mapZoom, mapCenter: this.mapCenter, mapHeight: this.mapHeight, crs: this.crs, mapProjection: this.mapProjection, mapDataProjection: this.mapDataProjection, getFilteredMapData: this.getFilteredMapData, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, filterPanelCallback: this.filterPanelCallback, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, initialSelectedLayers: this.initialSelectedLayers, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleSetSelectedFeatureOnSelect: this.handleSetSelectedFeatureOnSelect, filterLayersByRole: this.filterLayersByRole, layerKeys: this.layerKeys, layerKeySeparator: this.layerKeySeparator, user: this.user, layerRoles: this.layerRoles, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetFilteredLayerOptionsByRole: this.handleSetFilteredLayerOptionsByRole, readOnlyMap: this.readOnlyMap, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, bulkSelectionActive: this.bulkSelectionActive, splitActive: this.splitActive, enableDragBox: this.enableDragBox, selectFeatureInteraction: this.selectFeatureInteraction, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, selectedFeatureCoordinates: this.selectedFeatureCoordinates, selectedFeatureProperties: this.selectedFeatureProperties, enableAddNewFeature: this.enableAddNewFeature, handleGetZoomExtent: this.handleGetZoomExtent, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
                 this.updateSelectedLayers(val);
-            }, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: 'd62be8bc2f358155b349688ac9ddd27c4ee95594', map: this.map, mapTitle: this.mapTitle, mapProjection: this.mapProjection, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleRefresh: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, handleAddNewFeatures: this.handleAddNewFeatures, addMultipleFeatures: this.addMultipleFeatures, enableSplitFeature: this.enableSplitFeature, handleSplitFeature: this.handleSplitFeature, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetBulkSelectionActive: this.handleSetBulkSelectionActive, enableDragBox: this.enableDragBox, handleSetEnableDragBox: this.handleSetEnableDragBox, splitActive: this.splitActive, handleSetSplitActive: this.handleSetSplitActive, selectFeatureInteraction: this.selectFeatureInteraction, enableAddNewFeature: this.enableAddNewFeature, handleEnableAddNewFeature: this.handleEnableAddNewFeature, handleSelectLayersCallback: this.handleSelectLayersCallback, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
+            }, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: 'ec72126eedd1bd3a2ed8c800c121c71d46f30b6f', map: this.map, mapTitle: this.mapTitle, mapProjection: this.mapProjection, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleRefresh: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, handleAddNewFeatures: this.handleAddNewFeatures, addMultipleFeatures: this.addMultipleFeatures, enableSplitFeature: this.enableSplitFeature, handleSplitFeature: this.handleSplitFeature, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetBulkSelectionActive: this.handleSetBulkSelectionActive, enableDragBox: this.enableDragBox, handleSetEnableDragBox: this.handleSetEnableDragBox, splitActive: this.splitActive, handleSetSplitActive: this.handleSetSplitActive, selectFeatureInteraction: this.selectFeatureInteraction, enableAddNewFeature: this.enableAddNewFeature, handleEnableAddNewFeature: this.handleEnableAddNewFeature, handleSelectLayersCallback: this.handleSelectLayersCallback, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
                 this.updateSelectedLayers(val);
-            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: 'f2753f5f595726febc44235dbc1e728c1763da64' })));
+            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: '95151f91ba7d6d9483a94b050694a45fccbd9e8c' })));
     }
     static get watchers() { return {
         "enableDragBox": ["watchDragBoxandSelectedFeatureInteraction"],

package/dist/components/udp-menu-item2.js

@@ -22,7 +22,7 @@ const UdpMenuItem = /*@__PURE__*/ proxyCustomElement(class UdpMenuItem extends H
         };
     }
     render() {
-        return (h("button", { key: 'fb7827a4ddd3ec09634dde5e392b82ee2bc2aa56', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '7cb749410ab0d3db5ed37a80014a2db733b7611f', iconName: this.iconName, class: "menu-icon" }), h("span", { key: 'd123d5a3d5bce228283bd829e25a0c187d791274', class: "menu-item-label" }, h("unity-typography", { key: '1c139bca8c0b84d41246bbf17e793301a9c79235', variant: 'body1' }, this.label))));
+        return (h("button", { key: 'dc3f3366bf93d6dabda01cb1ee67e80345c99a55', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: 'dd6e4549f441f4b94d18d91e8e760e9411069fd3', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '76f1a1a63078c2936e05571b0ea57ccc3924c00d', class: "menu-item-label" }, h("unity-typography", { key: 'b419c1ae15058a168659f47c6ac4e65cc5e81b1b', variant: 'body1' }, this.label))));
     }
     static get style() { return udpMenuItemCss; }
 }, [257, "udp-menu-item", {

package/dist/components/udp-menu2.js

@@ -98,7 +98,7 @@ const UdpMenu = /*@__PURE__*/ proxyCustomElement(class UdpMenu extends H {
         }
     }
     render() {
-        return (h(Host, { key: '442d88639387239daf36ef71be1a197b098f7d15' }, h("div", { key: 'e42568ca41f4454b7b90791da690fd44c107a63f', class: "menu-panel", role: "menu" }, h("slot", { key: 'b124207c63660c4d51be5818816030e2c64b272a' }))));
+        return (h(Host, { key: '1ca45bf77a84383c47d65e1d996b9e1fc7201e08' }, h("div", { key: '4d8d23254d38521d6b5405c16a0ad3cbb3daca88', class: "menu-panel", role: "menu" }, h("slot", { key: '029615ab266eff3dd70f75da9db21b2e93c7bb85' }))));
     }
     get hostEl() { return this; }
     static get watchers() { return {

package/dist/components/udp-notification2.js

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