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

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

@@ -28,7 +28,7 @@ export class UdpDateRangeSelector {
             : 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 is() { return "udp-date-range-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/date-selector/udp-date-selector.js

@@ -160,7 +160,7 @@ export class UdpDateSelector {
             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,
@@ -169,9 +169,9 @@ export class UdpDateSelector {
                 '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 is() { return "udp-date-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/date-time-selector/udp-datetime-selector.js

@@ -189,7 +189,7 @@ export class UdpDateTimeSelector {
             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,
@@ -198,9 +198,9 @@ export class UdpDateTimeSelector {
                 '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 is() { return "udp-datetime-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/form metadata display/form-metadata-display.js

@@ -52,7 +52,7 @@ export class FormMetadataDisplay {
     render() {
         return (
         // role/aria-label provide a lightweight accessible grouping for screen readers
-        h("div", { key: '021592a0d62e034a1ff09871021fe86988bfa49d', class: "container", role: "group", "aria-label": "Form metadata" }, this.displayOwnerFullName && this.userDisplayName && this.renderRow('Name', this.userDisplayName), this.displayOwnerEmail && this.userEmail && this.renderRow('Email', this.userEmail), this.displaySubmissionDate && this.submittedOn && this.renderRow('Submitted on', dateFormatter(this.submittedOn, 'long'))));
+        h("div", { key: 'eec0b6d84cba30720f86b4f4cbd3781b1fa8d76f', class: "container", role: "group", "aria-label": "Form metadata" }, this.displayOwnerFullName && this.userDisplayName && this.renderRow('Name', this.userDisplayName), this.displayOwnerEmail && this.userEmail && this.renderRow('Email', this.userEmail), this.displaySubmissionDate && this.submittedOn && this.renderRow('Submitted on', dateFormatter(this.submittedOn, 'long'))));
     }
     static get is() { return "form-metadata-display"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/image-upload/image-upload.js

@@ -65,7 +65,7 @@ export class ImageUpload {
         };
     }
     render() {
-        return (h(Host, { key: '8b95c4bb3a085aeeb0aab3a352c4bedd5d723f20' }, h("file-upload", { key: '2fae3ef81fd7b5a2ea7c875954629deac44f53af', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
+        return (h(Host, { key: 'd99ff15d410e2fbc1e4679694ed0615ea72d83de' }, h("file-upload", { key: '8a25e124d89bb9648fde62108253d68ed8107e89', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
     }
     static get is() { return "image-upload"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/numeric-field/numeric-field.js

@@ -159,7 +159,7 @@ export class NumericField {
             'bx--text-input--error': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: 'efe222e4acc6be9cbb2741e757673f6958e895da', class: {
+        return (h(Host, { key: '5b66f1827ef29b0229c3ae9dddc41f0450ff1bc8', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -168,9 +168,9 @@ export class NumericField {
                 'udp-input--readonly': this.readonly,
                 [`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: '66feb024a13e9c2fb95a386d0e025b15a9fcebb5', class: "bx--form-item" }, h("unity-typography", { key: '65469753637179be15c383bf8f6f819d9b5fdb10', variant: "caption-text" }, h("label", { key: 'cf0f7ddd918efde5aacba18537536bb2dd101e98', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '0f3813d731bfddf9c4bd1e92d1353dcdba8ca8db', class: "bx--form-item" }, h("unity-typography", { key: '8f4efdc44e69a5abbba47c09f6ed2219e8a1f967', variant: "caption-text" }, h("label", { key: '80e97e98b7270dc8c0bc14be4a2c0ec509fdb0fd', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (h("input", { id: this.id, name: this.name, type: "number", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readOnly: this.readonly, onFocus: this.onFocus, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, inputMode: this.inputMode, min: this.min, max: this.max, step: this.step,
             //@ts-ignore
-            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: '679fa05b23a7d3a41fb18f3a77859331f6460011', class: "error-message" }, h("unity-typography", { key: 'ea5f43b1356863a2dfe7b76918ddad8d646030a3', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (h("div", { key: 'fa3c05e26d05edd9effcc140767d443d781b909a', class: "error-message" }, h("unity-typography", { key: '60ee4505e360a162e85097a15859fc2e65969bc0', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get is() { return "numeric-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/signature-input/signature-input.js

@@ -294,7 +294,7 @@ export class SignatureInput {
             'readonly': this.readonly,
             'disabled': this.disabled,
         };
-        return (h(Host, { key: '38f9e14ff8e51efa47278a79c030017f6fec05ec', class: {
+        return (h(Host, { key: 'aff1350eca630e59476dadec14c89809040d0d63', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -302,7 +302,7 @@ export class SignatureInput {
                 'udp-input--readonly': this.readonly,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: '04dadb41b32891d9402e30f26ad09c2b910c220c', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '9b804b1e8f6847763e87e2f14eda16fdcc8b049e', variant: "caption-text" }, h("label", { key: 'a66659a0a9b956dea7dc860682bc53d18ab12e7c', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: '6f53dd25f98d511f7852796ecb9770f6a96acd03', class: containerClasses }, h("canvas", { key: 'f0f30306a7392fc9329ad10988365b3d7d216636', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: 'a5241ba69f28932c41c32c9ad7e0001325cd419a', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: 'cb4d03f2c03942a382aeb6ea4b8728f86e54d66c', class: "error-message" }, h("unity-typography", { key: '2a859511db8da92696a3aede41c14a529c0e2d42', variant: "caption-text", color: "error" }, this.internalError))))));
+            } }, h("div", { key: 'e713a4c37dd5a9f45366b8cf07ea3d530e0b7b50', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'a2ffc9d2169334874ae82969c6b3c24582f45587', variant: "caption-text" }, h("label", { key: 'b7fd938f5b2ac2ccf18eb98c7556eca9e767cbad', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: 'f895f5b8e62883e9c5fa3e583ba83925223d4da9', class: containerClasses }, h("canvas", { key: '5c586ae127f2b05f36ffe42efb558690f6ccf7bb', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: '1f258fe54e4f60a1baca2bc3f777ddcdb99dc6dd', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: '75c443d5ab8c2d77382fb943a909ada0ef799221', class: "error-message" }, h("unity-typography", { key: '2b33a1fa42e7556dd5be3ec1e3dc8c590f5943cc', variant: "caption-text", color: "error" }, this.internalError))))));
     }
     static get is() { return "signature-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/tally/tally.js

@@ -46,14 +46,14 @@ export class TallyDisplay {
         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 is() { return "tally-display"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/text-area/text-area.js

@@ -240,7 +240,7 @@ export class TextArea {
     }
     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,
@@ -249,11 +249,11 @@ export class TextArea {
                 '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))))));
     }
     static get is() { return "text-area"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/text-field/text-field.js

@@ -195,7 +195,7 @@ export class TextField {
             '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,
@@ -203,9 +203,9 @@ export class TextField {
                 '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))))));
     }
     static get is() { return "text-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/time-selector/udp-time-selector.js

@@ -255,7 +255,7 @@ export class UdpTimeSelector {
             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,
@@ -264,9 +264,9 @@ export class UdpTimeSelector {
                 '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))));
     }
     static get is() { return "udp-time-selector"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/toggle/stencil-toggle.js

@@ -158,16 +158,16 @@ export class StencilToggle {
         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))));
     }
     static get is() { return "stencil-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/inputs/udp-selector/udp-selector.js

@@ -357,7 +357,7 @@ export class UdpSelector {
             '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,
@@ -367,9 +367,9 @@ export class UdpSelector {
                 '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
@@ -378,7 +378,7 @@ export class UdpSelector {
                 : '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/collection/components/layout/udp-container/udp-container.js

@@ -15,12 +15,12 @@ export class UdpContainer {
         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 is() { return "udp-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/layout/udp-container-query/udp-container-query.js

@@ -21,9 +21,9 @@ export class UdpContainerQuery {
         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 is() { return "udp-container-query"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,7 +29,7 @@ export class UdpContainerQueryGrid {
                 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/collection/components/layout/udp-container-query-grid-item/udp-container-query-grid-item.js

@@ -15,7 +15,7 @@ export class UdpContainerQueryGridItem {
             .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 is() { return "udp-container-query-grid-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/layout/udp-page/udp-page.js

@@ -16,7 +16,7 @@ export class UdpPage {
             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 is() { return "udp-page"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class UdpSplitScreen {
         }
     }
     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 is() { return "udp-split-screen"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/layout/udp-vertical-spacer.js

@@ -7,7 +7,7 @@ export class UdpVerticalSpacer {
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: '43858dba85be3d9ca579b7277356f6b722a77598', class: spacingClass }));
+        return (h("div", { key: 'e7ce17029af1bb28948d736098913de9b7bd8efe', class: spacingClass }));
     }
     static get is() { return "udp-vertical-spacer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/loaders/udp-grid-loader/udp-grid-loader.js

@@ -7,10 +7,10 @@ export class UdpGridLoader {
     }
     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 is() { return "udp-grid-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/loaders/udp-linear-loader/udp-linear-loader.js

@@ -11,7 +11,7 @@ export class UdpLinearLoader {
             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 is() { return "udp-linear-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/loaders/udp-skeleton-loading.js

@@ -7,7 +7,7 @@ export class UdpSkeletonLoading {
         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 is() { return "udp-skeleton-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map/udp-map/map-component.js

@@ -388,7 +388,7 @@ export class MapComponent {
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("div", { key: '6440b60c5df675d7a69aed4e5e5e6b25330496ef' }, h("div", { key: '497c3f51fe5ea88db661db6c2769b2645f4bb0b2', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: 'fd4d944a1e6b7e45262fe0ec6f3aede2f0e07db9' })), h("div", { key: 'af32abb9573ac1adb672bca7c8ace2897576896b', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '9d294a0a51f7b8b1c61179037809935544c6444e', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (h("div", { key: '1ba9e0b45f86eb8d47187f94e407e335df9905a9' }, h("div", { key: '9d756fc99c3d7c37316ca5143f3bb576b8274e70', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '4046b6d0e58041db6f91975d708fd53be87d720b' })), h("div", { key: '5e571b4c5454f2e33392fbe3d5eba5f3f08c7392', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '1de46400d02cea8b41307b8102df4c99412294df', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     static get is() { return "map-component"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map/udp-map/popups/add-map-feature-popup.js

@@ -71,11 +71,11 @@ export class AddMapFeaturePopUp {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '61aeed66447c5ebd0037a56c06620ce1573a6b45', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'cd58b4763e0bb5326fe0c95de4fcf704ba189375', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (h("div", { key: '86ca0cb6a6e2789efe76c4465662a369158294d1', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: '4f55beaec63cd805650853335ebbf439e6377cfb', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), h("udp-selector", { key: 'f5d099889d1be3b7e0c948bf937df032d590dd76', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), h("udp-selector", { key: 'fc32dff93fb00975eb0b417df8bc22c9b05a741f', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e.detail);
-            }, large: false }), h("div", { key: 'f70d82d791d5a7b0e8f8e8b114be76fa5a7dc199', class: "formButton" }, h("custom-button", { key: '34a23e6d780903ff188abc1762a6d502e2de544d', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
+            }, large: false }), h("div", { key: '023bac071da645515cc86826a48f08b43c6ebb1f', class: "formButton" }, h("custom-button", { key: '284c60557975c76733c0caa17ed907f0cfe2407c', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
                 this.selectedType === null }))));
     }
     static get is() { return "add-map-feature-popup"; }

package/dist/collection/components/map/udp-map/popups/feature-details-card/feature-details-card.js

@@ -97,19 +97,19 @@ export class FeatureDetailsCard {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const currentMessageIcon = (_a = this.messageIcon) !== null && _a !== void 0 ? _a : this.getDefaultMessageIcon();
-        return (h("div", { key: '9e6db8b1a36400927a5114293b5425a6ab241ab9', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '4903e0f4ca6af1f5aa5f0f1ba1520d55aaa856ff', class: "adornment" }, h("udp-adornment", { key: 'd6901aef9bb7e829d054c57ca83fa2918659efc8', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '4cc138f4c74d8112c153336eb0a170747d163b42', class: "content-wrapper" }, h("div", { key: 'ec01c52ed866e8fb0e27d02ded72fc4ed3da70be', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: 'f23fce2d2ae4861c5f9e8547cddba9e4c3ee8a84', class: "title-wrapper" }, h("stencil-icon-button", { key: '49e804177aa57e9cd3bc1ddbb0810d1bb27fa1d6', onClick: this.onClose, icon: CloseIcon24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: 'fae781b27ac9025080b91edb4d23e3f6b6081f5f', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '736cac97bf73947fd346a97cda9adc0fd4b57623' }, h("div", { key: 'acd7344194610f91297ca91e16e6487d1091a4fb', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: 'c95f33331ff196eb43657a03cd3346bb92b592c5', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: 'eb50f4882ddb9a5e4cd9876c54cb912b67543932', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '7acc69dad0ed87091485c60426d9ad619291cda2', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
+        return (h("div", { key: 'a52abc58b76f689d11ff262e52639585a5cebd13', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: 'af8ba7bceed90f48b16f6017705804735dc7746b', class: "adornment" }, h("udp-adornment", { key: 'e74c1c616cdbaddf83e3c774bb1d4c18c34d6abe', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '02a1dc580dc4aa1c2994250eae97d96a5b1f3b63', class: "content-wrapper" }, h("div", { key: '6481b5cdc429fdf478f9b301ed25801335b526dc', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: '5c3633a98640688aa4660ddf874917ede9fcf4c7', class: "title-wrapper" }, h("stencil-icon-button", { key: '908fcd2b5fc0c6d575c94a8611397060c9c32112', onClick: this.onClose, icon: CloseIcon24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: '060af9c6e9c481a16cd2e0f0b0b9e2b0fa35a756', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '3a50706aba2899956a8a8a6258b8e88813e9bfde' }, h("div", { key: 'e77330f0c74b4bbc563a8ffd448aa73fbbc246d1', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: '420c2e5d599157fb1afb9ceb5a338e253e699025', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: '066a2f2208e045ccf912886a0ca8268c6117fa9b', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '26356987b4fd219ae344c7ce04ec6a5f1c89971a', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
             var _a;
             return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);
                 }, disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_a = action === null || action === void 0 ? void 0 : action.disabled) !== null && _a !== void 0 ? _a : false }));
-        }))))))), this.message && (h("div", { key: '821c15ffdece6aac5cc05ac54b68dc4c3406d911', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: '132518846bf77d173067a3ec238c1deaffed4666', class: "icon-message" }, h("udp-icon", { key: '040887555c79045f16b1840caed09fe2f0380ab0', iconName: currentMessageIcon }))), h("div", { key: '3dda67c814990990cbe40ef47946f6ea3967a89e', class: "message" }, h("unity-typography", { key: 'b0630b34ea51c70ea1b0b65c1559783a72f03aae' }, this.message)))), h("div", { key: 'b318afe8bbe498594efc2e228183478acb82dc71', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (h("div", { class: "data-row" }, h("div", { class: "key" }, h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), h("div", { class: "value" }, h("unity-typography", { variant: 'data-display-three' }, value)))))), h("div", { key: 'c3fb7eefb9ad1d81e8e38f1e86b9c1a7ee0754dc', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: '018dde78ddc28b88d31bb541c55f9096c61ace72', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '707d407288086b4785fccdcde67d62f862b65221', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
+        }))))))), this.message && (h("div", { key: 'e762d272d4d1bee1f2f648122acf2ffebe627da0', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: 'a6b72af8689f83ee834851e9830d86632df78d7e', class: "icon-message" }, h("udp-icon", { key: '0d36f76f7b977a60fe4a336844eb1cc78f388688', iconName: currentMessageIcon }))), h("div", { key: '612361cc887193d2338612d7fd0ca95e42dd327e', class: "message" }, h("unity-typography", { key: '7b1b35944167c28fa39fc4ed4bf2baa4f2a211d0' }, this.message)))), h("div", { key: 'c5a2db8bf9b125e7037bb3ae93137053d1e78e8a', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (h("div", { class: "data-row" }, h("div", { class: "key" }, h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), h("div", { class: "value" }, h("unity-typography", { variant: 'data-display-three' }, value)))))), h("div", { key: '29f7d0f07d42c558e211745591510ab9850d012b', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: 'a882406b9fc1f4e63f7ef455380413d8a08af8db', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '42db91a6f471c233ae15e9f937df5d58a3829de3', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
                 selectedFeature: this.data,
                 formattedSelectedFeature: this.listData,
-            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: 'f264d01a720a122842f344ebf1033b08fe6ebe58' }, h("div", { key: '77d6ff0c0d703c77bef3e1b72aeadd19ff775845', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
+            }) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: 'a27824054d60c8493deb6b0d545be7aa9650cc98' }, h("div", { key: '749004bb62036627beea12f66ac2771734a09ffc', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
             _h.map((action, index) => {
                 var _a, _b;
                 return (h("stencil-icon-button", { tooltip: action === null || action === void 0 ? void 0 : action.name, icon: getIconFromName(action === null || action === void 0 ? void 0 : action.iconName), buttonId: (_a = action === null || action === void 0 ? void 0 : action.id) !== null && _a !== void 0 ? _a : `primary-icon-action-${index}`, onClick: () => action.onClick(this.data), disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_b = action === null || action === void 0 ? void 0 : action.disabled) !== null && _b !== void 0 ? _b : false }));
-            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: 'afdb75c1918fa5c4e6b47d54e920484951ef6294', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: 'a6ec3fe65ca24d68fdeef7da6981c3b3fb536bc8', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '1ee902b174ffdbfc476b8340692784a1f209693c', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
+            }), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: '5ac0af611c5d47782f1b4398817bab6462f708d4', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '8655f303bfdd798c7a261ff4d535bf0502956f5b', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '0491fefcebb62b8b5c1ca0b4f767bcecd14f9ca9', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
             var _a;
             return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
                     action.onClick(this.data);

package/dist/collection/components/map/udp-map/popups/feature-details-popup.js

@@ -44,7 +44,7 @@ export class FeatureDetailsPopUp {
         var _a, _b, _c;
         const message = this.getMessage ? this.getMessage(this.data) : null;
         const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;
-        return (h("div", { key: '0e801e520853e5525426513f7f5c88fddb3903ec' }, this.showPopOver && (h("feature-details-card", { key: 'a19b6ba28e747e46aaf9d73bf31d50e5f4800450', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
+        return (h("div", { key: 'de1628f2231ed242921bfc08ba878d3dc21262c0' }, this.showPopOver && (h("feature-details-card", { key: '88d11c7ace1ab2817b2c88722baac4b928f2419c', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
     }
     static get is() { return "feature-details-popup"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map/udp-map/popups/select-layer-popup.js

@@ -8,9 +8,9 @@ export class SelectLayerPopUp {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '8007a443867f20bd1d852611af963eb8ccd12d35', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: '3161c824076e00cd55987d36eaabe588b30c800e', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
+        return (h("div", { key: 'a421adfcb15118a0b3b6dc5f4cb1d25d5e219f4a', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: 'a738ad4665195159d09b38815187ef68acb329b6', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
                 this.handleMapTypeInputChange(e.detail);
-            }, large: false })), h("div", { key: '583be16877eeb2a0d5cf93063e7196a17627e558', style: { height: '12px' } }), h("div", { key: '3970abe8db81c224510d78109b10b2dc3ddd7010' }, h("text-field", { key: 'd6215c3376d746940bffc4096a434fb9865b3fc5', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+            }, large: false })), h("div", { key: '5ea170104bcda609d6252ff105f3dbde57ce4284', style: { height: '12px' } }), h("div", { key: 'ebec7ee3c1c467cae2cbc0d56ed287afa38518a1' }, h("text-field", { key: 'be4d66358d6bd16572e4d2e6e68fd82f33b2b7c5', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
             ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.map(item => (h("check-box-group", { title: item === null || item === void 0 ? void 0 : item.title, options: item === null || item === void 0 ? void 0 : item.options, values: this.visibleLayers, handleChange: this.updateSelectedLayers }))))));
     }
     static get is() { return "select-layer-popup"; }

package/dist/collection/components/map/udp-map/popups/split-line-popup.js

@@ -6,7 +6,7 @@ export class SplitLinePopup {
     }
     render() {
         var _a;
-        return (h("div", { key: 'c7c9c9ac542f5d5d877ddfe3bdd94ae79fc0a297', class: "popoverContent" }, h("udp-selector", { key: 'c0fde2302909cbc8a16c61c4cf14d0ce95c9b9c6', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
+        return (h("div", { key: 'ce86398b51365a3637968d8a9f30c5eb6b0bf83a', class: "popoverContent" }, h("udp-selector", { key: '23b9668c84d57700c103e2ffe83af2b10534ee18', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
                 return {
                     label: layer,
                     value: layer,