udp-stencil-component-library 25.18.2-beta.5 → 25.18.2-beta.6

package/dist/components/stencil-toggle2.js

@@ -127,16 +127,16 @@ const StencilToggle = /*@__PURE__*/ proxyCustomElement(class StencilToggle exten
         const buttonId = `${baseId}-button`;
         const labelId = `${baseId}-label`;
         const isError = !!this.errorMessage;
-        const labelElement = this.label && (h("label", { key: 'bbe6bed0b972214a8d59b8979b847045cf113b66', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, h("unity-typography", { key: 'd49d6b5d4d9baebf0449a6f2d45ab2f0b3e0ae10', variant: "caption-text" }, this.label)));
-        const toggleElement = (h("div", { key: '4472a976ee842d2d9714ebac915a3259d61239c7', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, h("button", { key: '90b4e2c6223afd47e4ad2a59deb42f0e85d78821', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, h("span", { key: 'c0e65e44c7617cfedd98a73d074011702603408d', class: "toggle-knob" }))));
-        return (h(Host, { key: '3936977e6b7850d6216d15750969b510ce3b07f3', class: {
+        const labelElement = this.label && (h("label", { key: '55e962489dd53543d2ea5fcfef12206aa2329c7a', id: labelId, class: `toggle-label label-${this.labelPosition}`, htmlFor: !this.disabled ? buttonId : undefined }, h("unity-typography", { key: 'dbe15f302ea1d4051d132b94a7e564464eff7504', variant: "caption-text" }, this.label)));
+        const toggleElement = (h("div", { key: '7bd180a464c93b89a8c5f5ae1bf05fbb532e41a3', class: `toggle-container ${this.toggled ? 'toggled' : ''}` }, h("button", { key: 'eabf472bae5524465d85d0359964cd5c7a5e81ef', id: buttonId, onClick: () => this.toggleButton(), disabled: this.disabled, "aria-checked": this.toggled.toString(), "aria-labelledby": labelId, role: "switch" }, h("span", { key: '46e4c0a9d266aaf32dd9511dc541f6ba686959df', class: "toggle-knob" }))));
+        return (h(Host, { key: '95dd089f9b8255ed0948914cb6f90a4243253570', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--checked': this.toggled,
                 [`udp-input--margin-${this.margin}`]: true,
                 [`udp-input--size-${this.size}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false' }, h("div", { key: '3255c83dee021ddba79467c4942e070c1de95080', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && h("div", { key: 'ed0652ae89fa25eec34ce563713c11f4b37df40d', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false' }, h("div", { key: '9d0cf04cce79f20ca7aaa0d1a4f1cb43104ea1eb', class: `toggle-wrapper position-${this.labelPosition}` }, this.labelPosition === 'left' && labelElement, toggleElement, this.labelPosition === 'right' && labelElement, this.labelPosition === 'bottom' && labelElement, this.errorMessage && h("div", { key: 'e351a5bd21d7790396501ff9a7e92ef8b9c6cee0', class: "error-message" }, this.errorMessage))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/tally.js

@@ -51,14 +51,14 @@ const TallyDisplay = /*@__PURE__*/ proxyCustomElement(class TallyDisplay extends
         const isError = !!this.error;
         const answeredCount = this.yesCount + this.noCount + this.naCount;
         const unansweredCount = this.totalFields - answeredCount;
-        return (h(Host, { key: '9de3aacae1f977ca6f71842e6cf110226623020d', class: {
+        return (h(Host, { key: '99c0201e31ee706bd89b1b72ed5e7b8799c9d870', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '3d90baeaa376621f7befdd0d2aaf5162b640a92d', class: "tally-container" }, this.label && (h("unity-typography", { key: 'dbc30e26ace3de5a9c971b57a25f49a5f25a4d37', variant: "caption-text" }, h("label", { key: '3c17434ee48556b3e7c05a15ba17682801a4ee79', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: 'eda4e1acb3866a4af9129088eff7bf378582c3c0', class: "tally-content", id: this.id }, h("div", { key: '7169cd7335a3cc923a407f6bac36487e3c51e3a6', class: "tally-stats" }, h("div", { key: '4ae7daed9b4ef5e9e658868b993225b2d6d230bc', class: "tally-item tally-yes" }, h("unity-typography", { key: 'fb2e662654f07041157b3111fd6493c7abf956fe', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: 'a9f2628e63a4fd7e0e78ed692e812c8be7df162d', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: '9a469360bdc4d019b8b9dfdd70e54e60ae44ea00', class: "tally-item tally-no" }, h("unity-typography", { key: 'c52e2e33623f50fd6ad777a82d193828cd9a8a68', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: '9936996f607fcb5016ef32917cdd04228e9fb78b', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '6f6abc8c33d6ca4b516caa4a63b458e449806f71', class: "tally-item tally-na" }, h("unity-typography", { key: '7ae33f8cfa8fe27c0c5d9a1a32b61ec55c237eab', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: 'bfd96fc54a803756484cd3e5c965f28e6e97fa0e', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: 'f56329ad0c4396846711955dc539413d453d3341', class: "tally-item tally-unanswered" }, h("unity-typography", { key: 'f81c44a5d86a43a5389d864783627130ebb41409', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: 'f51b115cbb8d6cd11050e861f10696e406c8ae95', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: 'bd121ac3682f79b9b06c65d5af4a34b247d8b724', class: "tally-summary" }, h("unity-typography", { key: '279e7a4eca040c52b83b4c6d15119034db44ff37', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: '9853c7c215eeee120c3e09ab83a01c24d48fba44', class: "error-message" }, h("unity-typography", { key: '3f25998a2b9f9901bce9fa5baad3b7de65fed0e2', variant: "caption-text", color: "error" }, this.error))))));
+            } }, h("div", { key: '09016ed6e21cb455ffc99e7595fd815d2388dc20', class: "tally-container" }, this.label && (h("unity-typography", { key: '94421b97279dabf2419964ffcfcb46f070644e0a', variant: "caption-text" }, h("label", { key: '23492badf01e8a3b7cd19d7eeb39356188fdf09e', htmlFor: this.id, class: "tally-label" }, this.label))), h("div", { key: '6efe4476e11856c3f0c6f3db52b05988a9c76d99', class: "tally-content", id: this.id }, h("div", { key: 'b93c8910cda35f7dcaf6b1ccdf85e675fd375fc5', class: "tally-stats" }, h("div", { key: '140c03ec091df58d0d592843968784c87dfe455b', class: "tally-item tally-yes" }, h("unity-typography", { key: '03993713b6dbb200b66e2872cdb3f387d7ad6399', variant: "h4", class: "tally-count" }, this.yesCount), h("unity-typography", { key: 'f259283a9c6904f3e84ee273acccb019762bb278', variant: "caption-text", class: "tally-label" }, "Yes")), h("div", { key: '41bdd7f359f5805ec89f22082f89296642e5b0c3', class: "tally-item tally-no" }, h("unity-typography", { key: 'a580d8afd15ca787d5558907de6ce5b6a26721bb', variant: "h4", class: "tally-count" }, this.noCount), h("unity-typography", { key: '05a9b6ce25b76d2224bdcb745c828fddbd11967a', variant: "caption-text", class: "tally-label" }, "No")), h("div", { key: '5ac39a2987d52fb7d0df0e56827241f3e1079378', class: "tally-item tally-na" }, h("unity-typography", { key: 'c73d716f25601637fbe3aa20a680ed768d367f09', variant: "h4", class: "tally-count" }, this.naCount), h("unity-typography", { key: '75ad0e4b7681431e52f755ed73e770473c6f0545', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (h("div", { key: '46b9b8cd21f3dfa993a53ef5ca6ed1cfe91c5e49', class: "tally-item tally-unanswered" }, h("unity-typography", { key: '3b894ff08c4b636a2a13746e530ce03841d6b28d', variant: "h4", class: "tally-count" }, unansweredCount), h("unity-typography", { key: 'bbdf08a9cb4acfd3769b8e1efe1475aeb8fbcab7', variant: "caption-text", class: "tally-label" }, "Unanswered")))), h("div", { key: 'f9bbb5a94beec0c536ac384b8fe3b112f750cfa1', class: "tally-summary" }, h("unity-typography", { key: 'be96bfd28f3dd6077ac54aece439116d93d5b1d2', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (h("div", { key: '984d524255fe657fbeacba147b4823ca54e00ffb', class: "error-message" }, h("unity-typography", { key: '148a1b807fe5386097380df6b99e717c130c188a', variant: "caption-text", color: "error" }, this.error))))));
     }
     static get style() { return tallyCss; }
 }, [257, "tally-display", {

package/dist/components/text-area2.js

@@ -214,7 +214,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
     }
     render() {
         const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;
-        return (h(Host, { key: '8030ffc085d6b53b0ae1a35f81d4da4c9e155c0e', class: {
+        return (h(Host, { key: 'ca17436a4c7b653937f145bb5ad1d6b72d4288f1', class: {
                 'udp-input': true,
                 'udp-input--error': !!errorMessage,
                 'udp-input--disabled': disabled,
@@ -223,11 +223,11 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
                 'udp-input--required': required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '21806e67cd632ef1c0d141d57c356eaaeb68f098', class: "bx--form-item" }, h("unity-typography", { key: '4094220f657f8cd5fcee94cf60a7d7cd62108ca9', variant: "caption-text" }, h("label", { key: 'fcda510639bd39ad292d9fb4721acac7cc35e456', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: 'd53d49eed9d2e7a7b342a59ee71215eab199206b', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, h("div", { key: 'a60d4d2d0be6e9185b69f1817e8b12b0fe6d00a3', class: "bx--form-item" }, h("unity-typography", { key: '3d98ead9011fe5591f2e375896dd49ec702fbafc', variant: "caption-text" }, h("label", { key: '6fe1af1670c3c9eca732b6c6a1acf561a18e970e', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), h("textarea", { key: 'a3993402edfc75d4bb6a7656bac2f4fffef0f154', ref: el => (this.textareaEl = el), id: id, class: {
                 'bx--text-input': true,
                 'bx--text-input--error': !!errorMessage,
                 'text-area--disabled': disabled,
-            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (h("div", { key: 'faf6cd4d6bb621416dc36b660581b9a6dc94c057', class: "error-message" }, h("unity-typography", { key: '8433e5d11d1b43358baa1d2a961c4bfa3d7c95a7', variant: "caption-text", color: "error" }, errorMessage))))));
+            }, placeholder: placeholder, value: internalValue, required: required, disabled: disabled, readonly: readonly, maxLength: this.maxCharacter, rows: internalRows, onInput: this.onInput, onChange: this.onChange }, internalValue), errorMessage && (h("div", { key: '0d3e3a857df2cf8eac691db282cf42a97d25fe61', class: "error-message" }, h("unity-typography", { key: '1473a99c0176bc969a782e87f8a19e393b66ddfa', variant: "caption-text", color: "error" }, errorMessage))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/text-field2.js

@@ -174,7 +174,7 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends H {
             'bx--text-input:user-invalid': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: '388dbeafb0b5a726b437ff4898735ec4a11d1e7d', class: {
+        return (h(Host, { key: 'cd443e0566c2064503c9a16332c175cbab66b564', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -182,9 +182,9 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends H {
                 '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: '9d66a1d7ec9d2ccd74efa320ed8faebae66afc67', class: "bx--form-item" }, h("unity-typography", { key: '9743d1324aeabdf63e34d66b84391a163127ca68', variant: "caption-text" }, h("label", { key: '33d613ec484961c27197d0a38e6b3be09df11739', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'f9c1c085ae39f49c966ce3b68785f6e6b25e3011', class: "bx--form-item" }, h("unity-typography", { key: 'c5a8973711298673e2240a805e5c31f7e4eb960a', variant: "caption-text" }, h("label", { key: '2d4533dbd0a57fe86167c153ddd4bc11ce468626', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
             //@ts-ignore
-            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: '4f695e2ea3d0d83b0a8b64616458aff67ebaf009', class: "error-message" }, h("unity-typography", { key: '9399d49f19ccd3419f910497c01379e4b3d0d6a7', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: 'bd6594ada0613e1bf5973b3ab85947ebfcaa143d', class: "error-message" }, h("unity-typography", { key: '98b6b2fb24d5c53f7db1bb7ee736d0178b59f325', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     get el() { return this; }
     static get watchers() { return {

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: 'a12c7a9e3567019bfa3129cf0b45b9e5f9454044' }, h("style", { key: 'c41e5e648f8a78f965ff1044479ca1e7c785b598' }, this.getSpanStyles()), h("slot", { key: 'a6ac351a5a3ec74ce36667cdef91c88c1459482a' })));
+        return (h(Host, { key: '9e1c6d6c0f8011400b6271af8bcdbf5574d725dc' }, h("style", { key: '6243776119bad211fe96af76fdc18d8fe4b8aa1e' }, this.getSpanStyles()), h("slot", { key: '57c8cab142be8b9fcd66509c70bd0e01a08b08d8' })));
     }
     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: '63e6f7902336ffc08bd3bb251907877325cf0d12' }, h("udp-container-query", { key: 'c8206e4612990b72e81105673e2c72e3e63410bb', queries: queries }, h("div", { key: 'cc01e88216ba2dd069ad1cd194ceb8c5026b4a37', class: "grid-container" }, h("slot", { key: '37b9a99849d97ef8e8c33d1e401f90b919115a51' }))), h("style", { key: '4ec725b30fc8e830798e4816ae1bc0c5a9b38fd4' }, `
+        return (h(Host, { key: '8fcf614cb145b65faa50f9cd77f2196931e5ac3e' }, h("udp-container-query", { key: '7f9e61025ff57faae311f536f479e36360334b44', queries: queries }, h("div", { key: 'c810de4cea74a5278556751f9148123e91ad7f21', class: "grid-container" }, h("slot", { key: '71a1ab5854110ebfaaab31bc76751d8925881801' }))), h("style", { key: '39d63f3510f1bf7abc892c3131480c71b969cb5d' }, `
           .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: '9bc9f62ca83c3c794e909ee966947675fb9870da', class: {
+        return (h(Host, { key: 'abba69fdcf35ed43f74dea1cfa19a6e7e9ae80d2', class: {
                 [this.customClass]: !!this.customClass,
-            } }, h("style", { key: '43ba2fd574da0e60066064c06413a84004e57d83' }, this.getContainerQueryStyle()), h("slot", { key: '17633bfe61d8993a986de0263a4a68399d0f9262' })));
+            } }, h("style", { key: 'dc349f2310a763938cd017553a49296e397cf645' }, this.getContainerQueryStyle()), h("slot", { key: '481e4dfe1f0f7a7fcf153461d5f3a0cfae6ecfee' })));
     }
     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: '96b20d0a841faf192bb5c0d407701e6f95ed14ef', class: {
+        return (h("div", { key: 'fb6ff14c09a223d0181b361acc1243f070e062e3', class: {
                 'udp-container': true,
                 'udp-container--fluid': this.fluid,
                 'udp-container--padded': this.padding,
                 [`udp-container--${this.maxWidth}`]: true,
-            } }, h("slot", { key: '09c87f19b0f7031dec7a41f9636bbc071db021f5' })));
+            } }, h("slot", { key: '00a20124101fcbed8deef25139de5598b44f178a' })));
     }
     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: '98fb48f793658c67a5ae8e84daa712295a9e3080', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: '03bd3adc716431fcfc7da2ab6bc40ccb804e9113', 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: '7f8a4aa9e0ecebdc6e806c3d20fe9fb55559e0ab', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: 'ab0efbca0d3bd404c2e9fe43864eac1f156a73d0', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: 'aadb14be39e4ef95630514ae378aa254bcfb2d53', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))));
+        return (h(Host, { key: '872a0ac12d8ba50108eb2c996f5c68d853fe538b', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: 'e1348c050e9b49f4a5826bd5f6b07be7e6e2ed2b', 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: 'eaf925e2c0ad13010adc17825dd012377e736a69', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: '1bc7f790f4b310fd80ed48824b63acef742ef196', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: 'df184ba087089ce5e53ea80d1cda01e6428e36f3', 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: '6508c42efac96e7db1d320ec4faed15fd849540c', class: {
+        return (h(Host, { key: '059b2399e917f7ebb88d764e25c79853e4e3f01f', 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: 'ecd12c48810b985d702ce70ab89e0670f387c257', class: "bx--form-item" }, h("unity-typography", { key: '51a542e4f6c238965fc82312a10beb21386d4ead', variant: "caption-text" }, h("label", { key: 'af6d330c10eb905ee01e53e50d43038d10a0714f', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '183af2eb4d561a24098dee7c8eebb2b3436606d2', 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: 'd32d5ca325b9eec57923dee615fccac31e2a2d3d', class: "bx--form-item" }, h("unity-typography", { key: 'bd4d8d5a65f6db822172d726acf4f901aa173d6b', variant: "caption-text" }, h("label", { key: '980e5f485074b96e7d5893d99cf96cf58181177f', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '099b7ff32e63380fca4d46c9ab2c42727d11c250', 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: '3233342e07981927427787adbc0dc0cad28d302c', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: '48bdb76b087160ee1904f708b9908c1b625b7995', 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: '510b2b323027de453c53f54c4f2e07852e704559', class: {
+        return (h(Host, { key: '0eddaf6bead525751f2cbbfbdc6f1e8c9ee2ad60', 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: 'fc3b80d9a0613e7c85831183c7e73ee0ea6f5fa8', class: "bx--form-item" }, h("unity-typography", { key: '96d28577fb180ffbd021ff475028c93cd1c10262', variant: "caption-text" }, h("label", { key: '3f7eb4054fd21b7b684e6d0012fe249c5b164b3a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'e8d1d3f9228b9a49bb3a2a5cd860660d2ed1f6c4', 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: '6e19a9481e654fde525031375c99013dc48c9a98', class: "bx--form-item" }, h("unity-typography", { key: 'f6c2b1855a412810762d485ec33adffa116f5a9a', variant: "caption-text" }, h("label", { key: 'c2660d82ad87c0cecc1cd46cefcb4f5ad37e28f7', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'c6f0a8d49ae387a193bb47d4de1748d8fe1d41a7', 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: '6a3b75c91e17283f5e36a782735d5b09eb927aee', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), h("unity-typography", { key: 'ebefdc4a695d374c63dd6e62ba1602bf7389e9c2', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": ["updateError"],

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: '7aa41191a2fd7b8852f465ac8a1957fb57a9791d', class: "container" }, h("div", { key: 'd62603a8717a3b95f6d4552c6ba44ad58885da3c', 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: '584c495f74c2f53a0c6b53e3b23fe1dbbba481f4', class: "overflow" }, h("udp-pop-over", { key: '8ee9fb7ca327b54f6bf120d1e57fed80eb7211b4', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: '84ed96340e2c4eb20ee83dafb868301eea36b939', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
+        return (h("div", { key: 'f09bf517019dc24f5a721b4c8be5856eb0b457ac', class: "container" }, h("div", { key: '6881c4b03240b798a2377957131d824a6086f2a0', 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: '039f9472b7beb854f632859ba4c4718bea5a05c8', class: "overflow" }, h("udp-pop-over", { key: '358e339b4e83af974cd5470a593638becac83754', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: 'ec28e9f5ad344f13d319da7576188200044c60f5', 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-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: '843dcfba1ee5ed449b0fd29f92729998386a9454', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        const headerBar = (h("div", { key: '64cf4530f23ad06fa4731f87278c49bfef25b8fb', 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: 'f1d49e1b19c96d1c16b6ee0ebada42333ac93c6f', style: { width: this.width } }, headerBar, rowBars));
+        return (h("div", { key: '07ab190e4ed741443d650a539455817c5d584f2e', style: { width: this.width } }, headerBar, rowBars));
     }
     static get style() { return udpGridLoaderCss; }
 }, [257, "udp-grid-loader", {

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: '02559056a6c92d30881094938be83c93fb2d8714' }, h("div", { key: '03a65dcd2340edd7c7225a0e64886e0b6ad267c2', class: loaderClasses }, h("div", { key: '65b9c402dd81dc6bdc3640ecf80d720fa9f89ab4', class: "indeterminate" }))));
+        return (h(Host, { key: '9a117a437dfa0fb96e428aa052de8a5d04f8fd15' }, h("div", { key: '369d4f034b7d962bcc7eb621a078db1f107a0f8a', class: loaderClasses }, h("div", { key: 'ed2a6774666c41ba5e67147ffedce6af63aeb1e1', 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: 'a89aa9acb1c9c01c31f6e730e17dd595bc6da472', 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: '6e671f25d3e390ef73a799bf7bf8519822e085ec', 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: 'cf730fe0040dac4733618efa7f1b5912273a4014', 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: '69efae07b0c9f45f2f66d59fd5bb9092557d7d75', 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: '49d244cc30139684e35f2f3d62a19fb994438882', 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: '3af4c7dd6451b1a16146eb0161ebcb13f12040f6', 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: '88fad9362a1e7d28a537eb2dfcdcb9735f491542' })));
+            }, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: '00102aa5f21cb5fa6382f9e0785486cd956d714f' })));
     }
     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: '1ede58027c46bb2256944a857da57f400cb639cf', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '627147e2ded1b8c56a14bf325b6e84bda899b28b', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '779499e48b307bd11da339060f98412f5bf08865', class: "menu-item-label" }, h("unity-typography", { key: 'c5043d2ba242a1b70e014fd90da839e7c2ce9a6a', variant: 'body1' }, this.label))));
+        return (h("button", { key: '4a43cdb229edec0f13ceda8672bfd3c48c545dc6', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '499c217a79efe99f11e289f9792eb1f9307264bb', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '8c414f47700d8b3802d81579fb1374aa81c8691b', class: "menu-item-label" }, h("unity-typography", { key: '5c95b5ab659abe6c7baa2a1b7a287077afd4af92', 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: 'c5e8ea4f22f2071292099477f1ff8d605a02bbd3' }, h("div", { key: 'cafe00243d33febff310b602fa00eb8952a879d9', class: "menu-panel", role: "menu" }, h("slot", { key: '2c65e091649eeaffdbe1b453daff6bd8bb82179e' }))));
+        return (h(Host, { key: '589a03f2d0fdfc4761d533c4943552664d12e851' }, h("div", { key: '6186d0a942c46b4c32d6cb695ea563e27e4d0dde', class: "menu-panel", role: "menu" }, h("slot", { key: 'f9c0ba9d29aaf48bf58a31096092935e793bf7eb' }))));
     }
     get hostEl() { return this; }
     static get watchers() { return {

package/dist/components/udp-page.js

@@ -24,7 +24,7 @@ const UdpPage$1 = /*@__PURE__*/ proxyCustomElement(class UdpPage extends H {
             padding: this.padding,
             margin: '0 auto', // Centers the content if max-width is set
         };
-        return (h("div", { key: 'cd340c347257f5eb66d73ed93ce4164ba0d6c94c', style: style }, h("slot", { key: '68e33d37810a56cf7fc6f7290a6d44c10c4ef781' }), " "));
+        return (h("div", { key: '87960916a8c702c88f3a7dd7a9ef90227d76f605', style: style }, h("slot", { key: '1915453eae25182b42e004450ca04ee20c17cbff' }), " "));
     }
     static get style() { return udpPageCss; }
 }, [257, "udp-page", {

package/dist/components/udp-selector2.js

@@ -328,7 +328,7 @@ const UdpSelector = /*@__PURE__*/ proxyCustomElement(class UdpSelector extends H
             'focused': this.isOpen,
         };
         const hasSelection = this.multiSelect ? this.selectedOptions.length > 0 : !!this.selectedOption;
-        return (h(Host, { key: 'db8d5a2fb7a711cf6ecf2c2a317cd36b9ef29500', class: {
+        return (h(Host, { key: '742c9350f4c6e7388e0b279be4e3368e7195c6a2', class: {
                 'udp-input': true,
                 'udp-selector': true,
                 'udp-input--error': isError,
@@ -338,9 +338,9 @@ const UdpSelector = /*@__PURE__*/ proxyCustomElement(class UdpSelector extends H
                 'udp-input--large': this.large,
                 [`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: '4cb64ce38200b154d8e1f82dbc56c13849f8d655', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'b237f6f3c9e2091d96fba27389aaa365e73d1caf', variant: "caption-text" }, h("label", { key: '0dc5303a649a83a2c13f7d872db6767d1ebc786a', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '4a54ebca6d891176778b083967475c9a31bba369', class: "udp-selector__container" }, h("div", { key: 'e5509c7dcfcdd1e64d9b33f5247fdd1ae87893c6', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), tabindex: this.disabled || this.readonly ? '-1' : '0', role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen.toString(), id: 'udpRecord-udp-selector-' + this.id,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '7a1142a256ee849864add36c5ebe21df64c06e4b', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '91a70d41326d650420d647ef1444d08656a048c3', variant: "caption-text" }, h("label", { key: '05a3628391efbcd5f4f5164fa5b83c4edcda5099', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '71a6dfd4a3673aa9e94e38bcc356a911c5e7b077', class: "udp-selector__container" }, h("div", { key: 'a58c7df64a41a9c14e79827aad9c76acacda47cc', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), tabindex: this.disabled || this.readonly ? '-1' : '0', role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen.toString(), id: 'udpRecord-udp-selector-' + this.id,
             // @ts-ignore
-            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: '72803fb7f4add66ff314cbc18b9f72fc6dfc67f3', class: {
+            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: 'ac15ee94572170fd0c907f969754d750b7638b12', class: {
                 'selected-option-label': true,
                 'placeholder': !hasSelection,
             } }, this.multiSelect
@@ -349,7 +349,7 @@ const UdpSelector = /*@__PURE__*/ proxyCustomElement(class UdpSelector extends H
                 : 'Select option(s)'
             : this.selectedOption
                 ? this.selectedOption.label
-                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: '431d7127377c465f93412d739a345aecea7706c5', class: "checkmark" }), h("div", { key: '67cd1a08e9fb127264635fc58422ec51a1dc0eca', class: "arrow" })), this.isOpen && (h("ul", { key: '7c6e7d2afeb95dabe428a42dd9c681f3868bab3d', class: "options-list" }, this.options.map(option => (h("unity-typography", { variant: "button" }, h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && h("span", { class: "checkmark" })))))))), this.errorMessage && (h("div", { key: 'b49aeab27f25ea8cb5e8de0f6ee7a4a9eb9bf91f', class: "error-message" }, h("unity-typography", { key: '9dde88c0624b5f28fd2b32c8bda364555f3fe0cd', variant: "caption-text", color: "error" }, this.errorMessage))))));
+                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: '59b861eb9d862cab4250960b4966f499199a5621', class: "checkmark" }), h("div", { key: 'ac310d6628aabcc83955352b45f2c836bf99d6ee', class: "arrow" })), this.isOpen && (h("ul", { key: 'c7c5b261265436d907a3dedd1d8064134e286374', class: "options-list" }, this.options.map(option => (h("unity-typography", { variant: "button" }, h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && h("span", { class: "checkmark" })))))))), this.errorMessage && (h("div", { key: '34520538dfe40aee42c885f212814d29f8227fc8', class: "error-message" }, h("unity-typography", { key: '31f91b038a4736e78268997b0b7e2434fea66020', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     /**
      * Checks if a given option is currently selected.

package/dist/components/udp-skeleton-loading2.js

@@ -15,7 +15,7 @@ const UdpSkeletonLoading = /*@__PURE__*/ proxyCustomElement(class UdpSkeletonLoa
         this.borderRadius = '4px';
     }
     render() {
-        return (h("div", { key: 'c4d09711b610d9d0219f5964d1572ef7af46b738', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+        return (h("div", { key: '2801b43f47755995952a8ebda27acd6557b340f8', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
     }
     static get style() { return udpSkeletonLoadingCss; }
 }, [257, "udp-skeleton-loading", {

package/dist/components/udp-split-screen.js

@@ -59,7 +59,7 @@ const UdpSplitScreen$1 = /*@__PURE__*/ proxyCustomElement(class UdpSplitScreen e
         }
     }
     render() {
-        return (h("div", { key: '45482d8017aa9e124177dcdf2d4173361b05fac8', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'c50057f1966e96ed6c6e01e025f30167ca34eda2', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '47bd54df69170935664bac84157d563ca9f7db34', name: "first-panel" })), h("div", { key: 'ba66ae724133870c289a9b5eafc19a1ca220c0ef', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '6b40d3ca3df57595ef9dd206b37b1932bf033809', class: "drag-handle" })), h("div", { key: 'fc515cb4a0c2eec22d45ba818a5b271f3a861039', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '103aac71fb969095ab17605be85e57053f596d71', name: "second-panel" }, this.panelContent))));
+        return (h("div", { key: 'c1a7e0eba3ac1fcc5fd02ebcfd24ad866ddd5a43', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'ba41dc15748286b532e98574db37413ec8428110', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: 'a5789cb6914ad71421a23bbedff897ab3af03356', name: "first-panel" })), h("div", { key: 'bc81bfcfe169236f7102ad340b5e87b169cbb368', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: 'eb72ee3c6aeed6c26d07d72f0818bcce3d1b0dc6', class: "drag-handle" })), h("div", { key: '606d564838ffaad254738b761d9d4e1f382888f6', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '682ce28bd7d62692855eb5254da515119dab9214', name: "second-panel" }, this.panelContent))));
     }
     static get style() { return udpSplitScreenCss; }
 }, [257, "udp-split-screen", {

package/dist/components/udp-stepper-demo.js

@@ -99,7 +99,7 @@ const UdpStepperDemo$1 = /*@__PURE__*/ proxyCustomElement(class UdpStepperDemo e
         };
     }
     render() {
-        return (h("div", { key: 'eebc9bb4f1d245a9da41ba14cd8519ea5012e074', style: { padding: '2rem' } }, h("unity-typography", { key: '0f9a1a7e068cb8a87c24bc6abf2d3c016b36cbfd', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '99467398bbd932a99f4064cdce04058347f50671', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: 'ceae432518d605a5279287d3f7dec89d05747022', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: '91451a92179c6b87d18578cd0947832084b348ef', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '55fc4f975f03af338db74402aa5473701acc947d', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'f5f862c22a85b774c018946cfb42a2e495992ef7', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '136379efff85d15e5b2b1fc9a403a9c5c7e24a71', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: 'b592b5256dff97067080079474e1f97ed8566e62', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (h("div", { key: '2319255e5746720f12f3e09b1218c2165ef8d817', style: { padding: '2rem' } }, h("unity-typography", { key: '656c99db41764cbb769d8082e5a45c042c669976', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '16e00a0cab21bdf462a8750b19f18e6168fc90ac', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: '27a78441510baf5aa6dfc80d8919a34529617ad3', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: '1d1a41d4454e7b73c87ebd4b336ebdc64aa9522b', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '43b1a72c4a8a97aef8158b28cdd9b21def43763a', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: '5d5fe67789189f33101e8bfb936d4cfe15bbd7c7', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '89680789dc23b5c0d995d6064278e9f634a62bec', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: '3df6a59fb672ff752d8f03626651a37388773646', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
     }
 }, [257, "udp-stepper-demo", {
         "activeStep": [32],

package/dist/components/udp-tab-panel.js

@@ -12,10 +12,10 @@ const UdpTabPanel$1 = /*@__PURE__*/ proxyCustomElement(class UdpTabPanel extends
     }
     render() {
         const isActive = this.value === this.index;
-        return (h("div", { key: '3d2383c0b993bcb66a13c14048a13450aa5fd6b4', class: {
+        return (h("div", { key: '189ebf853b69a4f543aaafc450003f4a046c823d', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: 'fde6d4bef1fa5ded55d61ca54349cd9e85c2d265' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '7b9a7830280bf62f9bce753f6ab83b68e198a5df' })));
     }
     static get style() { return udpTabPanelCss; }
 }, [257, "udp-tab-panel", {

package/dist/components/udp-tab.js

@@ -30,7 +30,7 @@ const UdpTab$1 = /*@__PURE__*/ proxyCustomElement(class UdpTab extends H {
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: '6792f3e4f90e3e99a844e111783fe9f027501117', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '865d65568d4c0c2651a76eb9f7a19a0f4eff2c65' })));
+        return (h("div", { key: 'f11315932e2e200997d557729b171223fa98f4b0', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '73b9ef3b7dfeda69ae130fdefb39e8179d891818' })));
     }
     static get style() { return udpTabCss; }
 }, [260, "udp-tab", {

package/dist/components/udp-tabs2.js

@@ -214,7 +214,7 @@ const UdpTabs = /*@__PURE__*/ proxyCustomElement(class UdpTabs extends H {
     }
     render() {
         const currentActiveTab = this.activeTab; // Use getter
-        return (h("div", { key: '5300dbcdc9fff54d87fe64e3bbcc3b6a1f04c331', class: "tab-container" }, h("div", { key: '83041e378183364889aa8d14114c9315ead1028c', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: '87d95478e27c13440e15e3d6b8cf4047d3e97e53', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: 'a81987c97a0459533f17b68103788af401f06378', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'a52b3b7fba6022c4864f0cb89d24e34ade18a969', class: "scroll-fade left" }), h("div", { key: '0dc7ce8d4269539cfcd011736df876e6a64feebe', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
+        return (h("div", { key: '39658d24754621f8b22e718d126894451a4919d8', class: "tab-container" }, h("div", { key: '49afc82bdbfafb7292c450bdd76c3e6fd5b9e9aa', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: 'ade7254e3b26254f12e3aedfc6e6656904b188e6', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: '095dcdf5234ef669ea45bc28d0fb9f025eba5326', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: '79c3ebfd7e482c60596fe92d42757d93dfb4e2b6', class: "scroll-fade left" }), h("div", { key: '7bac2bd5f30bb120284814b05ea4da8150c4cc40', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
             if (tab.hidden) {
                 return null;
             }
@@ -228,7 +228,7 @@ const UdpTabs = /*@__PURE__*/ proxyCustomElement(class UdpTabs extends H {
                     [`icon-${tab.iconPlacement}`]: !!tab.icon,
                     'disabled': tab.disabled,
                 }, disabled: tab.disabled, onClick: () => this.tabClicked(index), role: "tab", "aria-selected": index === currentActiveTab ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', ref: el => (this.buttonRefs[index] = el) }, iconEl, labelEl));
-        }), h("div", { key: '0892dff1735729462a927e9f7d0127b402a43918', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: 'edf6fc21360de9fd919e4d71aefec6e3c7ed9fdd', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: '88adff5cab4b8baff5a1e4c6ed5f2fe44064f05e', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: '7704e98608f492cb4f599b706b302e003d84bb46', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: 'fd61baeb3e79a387c1367813fbaa99f496ae4d62' }, h("slot", { key: '872c0a2ead48abea1c946b7389c307a53d560705' })))));
+        }), h("div", { key: 'f2c322a5bc7fe5c5e0aaace452727ddb287a17da', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: '08399f60df57432e46b7365c0d5f653f512edc46', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: '9be19443a7c996472714beb53d9e3534b000c62e', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: 'e4c5baf6a8e0ae67adb82c0b8be48ca277b25ce4', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '4b33abce9f558a0d0fb22533d81f11fc1dc18849' }, h("slot", { key: '1ebca6515b93f563f063c5832e31e2d17a8dbcd8' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -229,7 +229,7 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: 'd2249c774eaa3b6e0e9423581083d59b1bfc4336', class: {
+        return (h(Host, { key: 'b926488bd2c3d8bc4223cf3583dcb88ecdd39395', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -238,9 +238,9 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector 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: 'fe18b74861a9f5d1739317bbd357cce48ac81176', class: "bx--form-item" }, h("unity-typography", { key: '5afab9726865da75b9b4f228ecd0ad553825a40a', variant: "caption-text" }, h("label", { key: '46ff7f80e88357c25d86ac11a8835733bf19853e', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'e74de46ca5f386f91320f16af6f5b5fa9d61a9cf', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'ba157e23a87f0a3cdf29b4f0e6dc4c3182d9dfee', class: "bx--form-item" }, h("unity-typography", { key: '92bbe45ec95441bc92699cdc4b08d7bd3599d645', variant: "caption-text" }, h("label", { key: 'ff966556d6d5d6cd7bf501d527bc78e4c4e631eb', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'ea13d4b4853f7338ce576aaba30b74d834ab77ca', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: 'd1ec82959fd633a6a297a1cd3523432454afec52', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: 'b3124e90f0b568f668c4a49afa4b1d4afe70bccc', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/udp-timeline-connector.js

@@ -11,7 +11,7 @@ const UdpTimelineConnector$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimelin
         this.__attachShadow();
     }
     render() {
-        return h("div", { key: 'ac7162f423f990b85fc98a011c4a48bd4ba6ffdc', class: "connector" });
+        return h("div", { key: '6e29be72d441d6c377d008621019db08f9633da9', class: "connector" });
     }
     static get style() { return udpTimelineConnectorCss; }
 }, [257, "udp-timeline-connector"]);

package/dist/components/udp-timeline-dot.js

@@ -40,7 +40,7 @@ const UdpTimelineDot$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimelineDot e
             '--udp-timeline-dot-bg': this.color,
             '--udp-timeline-dot-outline-color': this.color,
         } : {};
-        return (h("div", { key: '1e05486cbf143dc476a32baea254820030f1f7f1', class: classes, style: styles }, h("slot", { key: 'c667f97a9fe7c03b243fb42a9b59e53411258a37' })));
+        return (h("div", { key: '2c5bd3f827dfe8f2720ca8aa46ce96d34cdfc7fa', class: classes, style: styles }, h("slot", { key: '97e649e977722c782c969cc3d93352e0c92c68aa' })));
     }
     static get style() { return udpTimelineDotCss; }
 }, [257, "udp-timeline-dot", {

package/dist/components/udp-timeline-item.js

@@ -69,12 +69,12 @@ const UdpTimelineItem$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimelineItem
         var _a;
         const visibleActions = this.actions.slice(0, 4);
         const menuActions = this.actions.slice(4);
-        return (h(Host, { key: 'e0c202b3da3613d5bd3391c823f4717b00a8c963', class: {
+        return (h(Host, { key: '8326b3df0cc9cc0028c3bfc933bc459db35094bc', class: {
                 'has-title': this.hasTitle,
                 'has-caption': this.hasCaption,
                 [`dot-shape-${this.dotShape}`]: true,
                 'clickable': this.clickable,
-            }, onClick: this.handleClick }, h("div", { key: '091ebbfbc1b9efb37404b200ade26eeedd859247', class: "udp-timeline-item" }, h("div", { key: '9f463e19de021d0abaab732158415f9a65c6450c', class: "separator-column" }, h("slot", { key: '6d144c613e5c1905eac606dee59c7a94a3332fa0', name: "separator" })), h("div", { key: '1a2748b27929a7c06176046c85b93f6a1afe4fc5', class: "content-column" }, h("div", { key: 'd57471f235edbf455a70f56940f8879f8a6b5100', class: "first-row" }, h("div", { key: '68ef26531dae5f3150f82a143b1b6aa2dcd5c7ae', class: "title-slot" }, h("slot", { key: 'd2d11a82ee5d7a5b665e0dbe2afd517f02df4d81', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (h("udp-chip", { key: '3c6fe171c3dcb2b60523e01f0d893694143d998b', label: this.statusLabel, color: this.statusColor, size: "small" }))), h("div", { key: '10f19128bc549bac7e53eb1260986c1f230dd3b8', class: "content-slot" }, h("slot", { key: 'e283db48e73b9614bd1ee33c4aafcf585560e111', name: "content" })), h("div", { key: '8fe114f2d6ff8bd9af2f1e044f2f73288595ae92', class: "caption-slot" }, h("slot", { key: 'f1f1b35200e5c9cfcdbaeb7943a75f2f97501874', name: "caption" })), this.actions.length > 0 && (h("div", { key: 'c4a6f1f85cc02761a1ef8aff3ae27081a19c28ac', class: "actions-container" }, visibleActions.map(action => (h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && h("button", { key: 'ea8b1d8f7a77a56b1385bceabc0db2e310ffe492' }, "...")))))));
+            }, onClick: this.handleClick }, h("div", { key: 'a2fae7aacf20d01c7af29054e8c706f758ece4c9', class: "udp-timeline-item" }, h("div", { key: '281563af2707ddc073b3414a78f2ec264ac54238', class: "separator-column" }, h("slot", { key: 'db75bbc336f12262d6de2079e57c32190a739e91', name: "separator" })), h("div", { key: '1759cffe898de2b80712d5253d006e8aad7acf77', class: "content-column" }, h("div", { key: '3d8d768714a546b6d1b93e63c2ac7b9ffbd4cc33', class: "first-row" }, h("div", { key: '59498dc18fc522deec1edb08be8144021dc23fdb', class: "title-slot" }, h("slot", { key: '4de60c7bb739794e3b4f46b9d6bda1a842bcb255', name: "title" })), ((_a = this.statusLabel) === null || _a === void 0 ? void 0 : _a.trim()) != '' && (h("udp-chip", { key: 'b3cce52eb5f3022085eae08ab01e38ffde583245', label: this.statusLabel, color: this.statusColor, size: "small" }))), h("div", { key: '6877b1e05c45c70ff8260f08fbf13fa5d9f428dc', class: "content-slot" }, h("slot", { key: '4ee558c73d0694676ca014e936f83c4b34c3a86f', name: "content" })), h("div", { key: 'bca70084d830b5988b1192328a817b57082593aa', class: "caption-slot" }, h("slot", { key: '5cf4a947ca3cfa3e01b4f415d9bd408478bbfe32', name: "caption" })), this.actions.length > 0 && (h("div", { key: 'c18da0ac1c20e4b2354cb5b21f473e938f7edbb8', class: "actions-container" }, visibleActions.map(action => (h("button", { onClick: action.onClick }, action.label))), menuActions.length > 0 && h("button", { key: 'c0327b7dbb152db4c5229e2517c0061d5981cdb9' }, "...")))))));
     }
     get host() { return this; }
     static get style() { return udpTimelineItemCss; }

package/dist/components/udp-timeline-separator.js

@@ -11,7 +11,7 @@ const UdpTimelineSeparator$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimelin
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'fd906306d70d88d53be6436fbf36e2d6a36fdd90', class: "udp-timeline-separator" }, h("slot", { key: '427efd7e20154bddef6653dc1d0efa693766a46f' })));
+        return (h("div", { key: 'ffc3bdd998905aa0254b7610824996ddc5263547', class: "udp-timeline-separator" }, h("slot", { key: '92dc66209cffed11e4c04bb0f3f309c9f27cdda2' })));
     }
     static get style() { return udpTimelineSeparatorCss; }
 }, [257, "udp-timeline-separator"]);

package/dist/components/udp-timeline.js

@@ -13,7 +13,7 @@ const UdpTimeline$1 = /*@__PURE__*/ proxyCustomElement(class UdpTimeline extends
         this.align = 'left';
     }
     render() {
-        return (h(Host, { key: 'b8f6549bc279987a93954ee693a5c2fe54c41184', class: { [`align-${this.align}`]: true } }, h("div", { key: 'f0a00ac185b51a7666bf6617f4f3c6e846da131a', class: "udp-timeline-root" }, h("slot", { key: '69ba86a6fd1c7a418cbd87c25d4aed591751089b' }))));
+        return (h(Host, { key: '555eec82e04f639c2ea3c7e6f02305406a601790', class: { [`align-${this.align}`]: true } }, h("div", { key: 'a717e8b6d0a12902927eda125d07a4fada686903', class: "udp-timeline-root" }, h("slot", { key: '2ae6134c049190100dc7fccc9b7ff768b85fc438' }))));
     }
     static get style() { return udpTimelineCss; }
 }, [257, "udp-timeline", {