udp-stencil-component-library 26.5.0-beta.2 → 26.5.0-beta.3

package/dist/cjs/address-search_6.cjs.entry.js

@@ -187,15 +187,15 @@ const AddressSearch = class {
                 borderBottom: '1px solid var(--gray-02, #f0f0f0)',
             }
             : undefined;
-        return (index.h(index.Host, { key: '2d2a5c43b37d05f183f1fa354c2eae8e2b2acb20', class: {
+        return (index.h(index.Host, { key: '3452af432e84f38b19f3fef43fa538ca4de0ae4c', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--readonly': this.readonly,
                 'address-search--suggestions-open': isSuggestionsOpen,
-            } }, index.h("div", { key: '57add676d310f9d2bc399463570ad2cb6d04820f', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: '69027dcc6c792611ec93cf157d1e94bdf2f02da9', variant: "caption-text" }, index.h("label", { key: '259762c0c219c2da11f4beab91c9eaaeb9215d85', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '269b112224681609bdb2afb7a61a9d1df72e53c2', class: "search-container" }, index.h("div", { key: '5ce4264c3720aafd9b1da9961be45ed10acb1b7f', class: "search-wrapper" }, index.h("input", { key: "map-search-input", type: "text", id: this.inputId + '-search', class: "search-input bx--text-input", placeholder: this.placeholder, value: this.searchQuery, onInput: this.handleSearchInput, onFocus: this.handleFocus, disabled: this.disabled, readOnly: this.readonly,
+            } }, index.h("div", { key: 'a5e5262a54644dff7a0dc5400821723cbbbf1881', class: "bx--form-item map-input-search-field" }, index.h("unity-typography", { key: 'a1f76c0962cb7319efd9f3a298ebd75b2385f3b2', variant: "caption-text" }, index.h("label", { key: '51d3c2fc635044c7760c2d88159f1895925b914b', htmlFor: this.inputId + '-search', class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("div", { key: '56f88c3fa63ad3eeb3faf60ca1270afe189bdecb', class: "search-container" }, index.h("div", { key: '05ca5181ca1e946c065fd0db5b0954e478659a8d', class: "search-wrapper" }, index.h("input", { key: "map-search-input", type: "text", id: this.inputId + '-search', class: "search-input bx--text-input", placeholder: this.placeholder, value: this.searchQuery, onInput: this.handleSearchInput, onFocus: this.handleFocus, disabled: this.disabled, readOnly: this.readonly,
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
-            ref: el => (this.searchInputEl = el) }), index.h("div", { key: 'b4033717d640e1e4b9eaef4f4a337074dc0def23', class: "search-actions" }, index.h("button", { key: 'fe79cdbbd99b436a5673b166da6fdacb22f6e7c6', type: "button", class: { 'clear-button': true, 'hidden': !this.searchQuery }, onClick: this.clearSearch, "aria-label": "Clear search", disabled: this.disabled || this.readonly }, "\u2715"), index.h("div", { key: '7e01216dad2411b64fa001530b892aec146aec06', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: '578b1e51362cc705fc90f26a85333d0416466c00', class: "spinner" }))), index.h("udp-pop-over", { key: 'a4f82c8f423aa209967843a561e9cc30d9ba1412', anchorElement: this.searchInputEl, isOpen: isSuggestionsOpen, appendToBody: this.appendSuggestionsToBody, popoverPlacement: "bottom-start", popoverWidth: popoverWidth, popoverMaxHeight: "var(--address-search-suggestions-max-height)", overflow: "auto", handleOnClose: () => (this.showSuggestions = false) }, index.h("ul", { key: '4496dd51a01fa2fefa4e15511b4a811638e677a2', class: "suggestions-list", style: suggestionsListStyle }, this.suggestions.map(suggestion => (index.h("li", { key: suggestion.id, class: "suggestion-item", style: suggestionItemStyle, onClick: () => this.selectAddress(suggestion) }, index.h("unity-typography", { variant: "body" }, index.h("div", { class: "suggestion-content" }, index.h("span", { class: "suggestion-address" }, suggestion.address.freeformAddress)))))))))), errorMessage ? (index.h("div", { class: "error-message" }, index.h("unity-typography", { variant: "caption-text", color: "error" }, errorMessage))) : null)));
+            ref: el => (this.searchInputEl = el) }), index.h("div", { key: 'eb9c436c2a3f9842fd33800e6caac53e831d7e16', class: "search-actions" }, index.h("button", { key: '50a7937f6191688230c0b31e367767e8ecacbfe5', type: "button", class: { 'clear-button': true, 'hidden': !this.searchQuery }, onClick: this.clearSearch, "aria-label": "Clear search", disabled: this.disabled || this.readonly }, "\u2715"), index.h("div", { key: 'd8ae0799a789b49b9cd10be6d9ffe174739a05ca', class: { 'loading-indicator': true, 'hidden': !isBusy } }, index.h("div", { key: 'd1cd9b6d56371b07aaad7fcfdc68369cf73395f2', class: "spinner" }))), index.h("udp-pop-over", { key: '25d2acc85fb74c69a8edc30181b46c7a858523a3', anchorElement: this.searchInputEl, isOpen: isSuggestionsOpen, appendToBody: this.appendSuggestionsToBody, popoverPlacement: "bottom-start", popoverWidth: popoverWidth, popoverMaxHeight: "var(--address-search-suggestions-max-height)", overflow: "auto", handleOnClose: () => (this.showSuggestions = false) }, index.h("ul", { key: '7ff954b5b2c5d16cf3471d3c5004c940e16fc070', class: "suggestions-list", style: suggestionsListStyle }, this.suggestions.map(suggestion => (index.h("li", { key: suggestion.id, class: "suggestion-item", style: suggestionItemStyle, onClick: () => this.selectAddress(suggestion) }, index.h("unity-typography", { variant: "body" }, index.h("div", { class: "suggestion-content" }, index.h("span", { class: "suggestion-address" }, suggestion.address.freeformAddress)))))))))), errorMessage ? (index.h("div", { class: "error-message" }, index.h("unity-typography", { variant: "caption-text", color: "error" }, errorMessage))) : null)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -328,7 +328,7 @@ const NumericField = class {
             'bx--text-input--error': isError,
             'text-field--disabled': this.disabled,
         };
-        return (index.h(index.Host, { key: '41883447e1e79762f1362a71ed288e0a21d43837', class: {
+        return (index.h(index.Host, { key: '9ee4b5bbd27214495433342ae7760353ec52efa4', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -337,9 +337,9 @@ const NumericField = class {
                 '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' }, index.h("div", { key: 'dfe72661e6cbc1508f801f86e6cde9939a9e97a3', class: "bx--form-item" }, index.h("unity-typography", { key: '43430d68cb032de6111a5b4cf41e3568cdb78465', variant: "caption-text" }, index.h("label", { key: '241c5c1a3f7df55e8f1adc8ed4304638bc125650', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (index.h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (index.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' }, index.h("div", { key: 'b1f7eff28e68ebdd1ace4b555a938fc110998661', class: "bx--form-item" }, index.h("unity-typography", { key: '94a9ed1650854fd7bb3715263ec02d86d2889fbd', variant: "caption-text" }, index.h("label", { key: '6a25d5657f3a678adbcf044068e1b8e4ecf232d1', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (index.h("input", { id: this.id, type: "hidden", value: this.internalValue, name: this.name })) : (index.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 && (index.h("div", { key: 'a4f6f96366a8adfc88ed08e0012c8bb75c67e6e0', class: "error-message" }, index.h("unity-typography", { key: '24b67f0d6e02605498f86bd47051e6f9f48b6648', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-number-field-' + this.id })), isError && (index.h("div", { key: '727ae9b05db5c388f2daa33935cc2dfb52e04196', class: "error-message" }, index.h("unity-typography", { key: '22aefb14604f6d6f3afdde8feaeb6771b3a38fe9', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     static get watchers() { return {
         "error": [{
@@ -564,7 +564,7 @@ const TextArea = class {
     }
     render() {
         const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;
-        return (index.h(index.Host, { key: 'cbbc0c8eb375d815e9f16a14a161dd733186fd4f', class: {
+        return (index.h(index.Host, { key: '32aee362fe7850a759b1e8fe81dde53b844961e2', class: {
                 'udp-input': true,
                 'udp-input--error': !!errorMessage,
                 'udp-input--disabled': disabled,
@@ -573,11 +573,11 @@ const TextArea = class {
                 'udp-input--required': required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            } }, index.h("div", { key: 'e414df1796e55de3feee135efcd02a9c3e9a08c3', class: "bx--form-item" }, index.h("unity-typography", { key: 'c361498b907a7e16c01f50a3081b182be5865ff8', variant: "caption-text" }, index.h("label", { key: '84315c4c4e2a6afb67835e3bf1ae953ee1733429', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: 'a00598b3a6badaa43be62c88eff4a780f1bcb6d1', ref: el => (this.textareaEl = el), id: id, class: {
+            } }, index.h("div", { key: 'b5de9b2a96fa2d9e0ca592f9928f9f4f074c6e52', class: "bx--form-item" }, index.h("unity-typography", { key: '79561a5ecbad990320938951704a42737c9bc971', variant: "caption-text" }, index.h("label", { key: 'af3666bdf2b3236056807d5ce4f97b29fa68ebfc', htmlFor: id, class: "bx--label" }, label, required ? '*' : '')), index.h("textarea", { key: '021614dbf0d637c5fa5ca626050e4f60932ddf69', 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 && (index.h("div", { key: 'd677d6411f6b0071fd4a2650a1ed9c2009a2aef0', class: "error-message" }, index.h("unity-typography", { key: 'b155a317f225a23e214995d7b847e5d9c204b5be', 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 && (index.h("div", { key: 'df47f6d3d42f309518d83281c83cea3e2e771a03', class: "error-message" }, index.h("unity-typography", { key: 'dad92c9481e7ac27e13803c7d3b56c402fcd67ae', variant: "caption-text", color: "error" }, errorMessage))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -718,7 +718,7 @@ const UdpDateSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (index.h(index.Host, { key: '99267498d2a79b5dbdce9509d598d3da4931211e', class: {
+        return (index.h(index.Host, { key: '8aee285e447f0c76af10fdd0031607266a118a0e', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -727,9 +727,9 @@ const UdpDateSelector = class {
                 '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' }, index.h("div", { key: '85187c9a5da9b7097b0eecd4b4badb84f240cd00', class: "bx--form-item" }, index.h("unity-typography", { key: '0142f96a60f47c2852d45dab68aa357cca55ce76', variant: "caption-text" }, index.h("label", { key: '49ffcda516918fb7e59873ed72a36eef61e53edc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '1283636fad6c5ad0cb86b7d2843a1b2076594349', 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' }, index.h("div", { key: 'e60d4dbcd9fc42f11f99ec09606115bf530677e8', class: "bx--form-item" }, index.h("unity-typography", { key: '319782c0e087ad4809e5b14c35c8099b8d9b611d', variant: "caption-text" }, index.h("label", { key: 'c18e8b25c74c4fb33903201c34606611f2f97358', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '89b8e0f68dd881817659a70250e523c2d6fb2acb', 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 }), index.h("unity-typography", { key: 'aefa2de5fddc0652f2b1ed255b08b3541ffdbb3d', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), index.h("unity-typography", { key: 'c1c97b65e39907d8d44f9b2eee9b2e112750de36', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": [{
@@ -898,7 +898,7 @@ const UdpDateTimeSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (index.h(index.Host, { key: '2a0ba33a4d6923a1b128705b0c3ebfff8aaec225', class: {
+        return (index.h(index.Host, { key: 'dab8a93931286e019c9793bf366ba867e1e8f08e', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -907,9 +907,9 @@ const UdpDateTimeSelector = class {
                 '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' }, index.h("div", { key: '11ccfa51ec54ea5f524e605bc88129f1b4c4a187', class: "bx--form-item" }, index.h("unity-typography", { key: 'f357b325bc1e933f393045707567f3da2da084a1', variant: "caption-text" }, index.h("label", { key: '0a35b94ca3d3e3c555263c1cf457ef7067bc160b', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '0aa284fa3bdf7de519d591efd908a79511618419', 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' }, index.h("div", { key: 'b886734eb657fd8752aee79b44e2bb1e7ee356c1', class: "bx--form-item" }, index.h("unity-typography", { key: '3459d9f6568efa53c0e1b63b028049744500487a', variant: "caption-text" }, index.h("label", { key: '550a2d52d14c6b4a8aedc8c4779cde24a74181f8', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'c1c9bd9b7961721a12b852b4dcfdf319e8820304', 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 }), index.h("unity-typography", { key: '8c5c2162db2b2cb6c3bb270d769f80c4837e4322', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-datetime-selector-' + this.id }), index.h("unity-typography", { key: '35e8daff4f28c51e55216c6b982b949dc1ac5eb5', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": [{
@@ -1149,7 +1149,7 @@ const UdpTimeSelector = class {
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (index.h(index.Host, { key: '57db8d450156755a8f59d42b97fc6667e7c8a4a9', class: {
+        return (index.h(index.Host, { key: '1d0ebba4d44f4d1fa29b849abe6ab2d5033d4834', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -1158,9 +1158,9 @@ const UdpTimeSelector = class {
                 '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' }, index.h("div", { key: '13eee0b739c6504799225f0f6a73cc7d888a20c2', class: "bx--form-item" }, index.h("unity-typography", { key: '1d61005d35aa2fcfd6df13899b85822f79b18084', variant: "caption-text" }, index.h("label", { key: '49b5b9391d2f619d2cd95d52e4920986cd168881', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: '76937b4d6010eb756a319a9e90820190b9e5be1a', 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' }, index.h("div", { key: 'e149883d3ef614b426116d43e53ad72dd53563a9', class: "bx--form-item" }, index.h("unity-typography", { key: 'a72d5455a2250471a6e9b8a948eb79b23f1f9802', variant: "caption-text" }, index.h("label", { key: '3c71e10710af472160211ce7029116b769676af4', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), index.h("input", { key: 'd935a2bb78e6f7834d5299f02ca2a047e6d82492', 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 }), index.h("unity-typography", { key: '6893ca8e93b5ae092b7120c89f31f1fe6332c83f', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), index.h("unity-typography", { key: 'd6dd5bf0b4cb34156f6265916835573d3bb93ca7', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/advanced-search_12.cjs.entry.js

@@ -410,7 +410,7 @@ const AgTable = class {
         this.height = 'calc(100vh - 200px)';
     }
     render() {
-        return (index.h("div", { key: '8cb836f14cc06070b8d18471f0050dd7e4bdb102', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
+        return (index.h("div", { key: '4b1d023e4c1094d726d80a5703cb124848ebb12d', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
     }
     get el() { return index.getElement(this); }
 };
@@ -616,7 +616,7 @@ const GridPrimaryBar = class {
         this.updateHideBar();
     }
     render() {
-        return (index.h("div", { key: '6feeb5208e1ce988c9c0b20c6e4b5bd96a685168', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '289541b664d97660b56c70f3ce3308d33fdc48b7', class: "title-section" }, index.h("div", { key: '5aa999249c2de350b4b5d9487c1e1c1101549ec9' }, index.h("unity-typography", { key: 'ce56f65c00841a693f127d75f818574e6a89a993', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'd4c7a1abab35f542d07b99b15757ebb160478891', class: "button-section" }, index.h("div", { key: '2704691a3127c75f7d11a43f2af51b014ee60c1b' }, index.h("slot", { key: 'fe36dd725bc9465042323d948719116096dc150c' })), this.defaultActionButtons.map(btn => {
+        return (index.h("div", { key: '0d9d52f49fc215ba6ff32d8a921dbb64688f08b2', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: '086939a1b297fc4b42c41dd9e53bb44fbd0a919d', class: "title-section" }, index.h("div", { key: '9f6066615aee84ac61c7820f6fb15e5e16b9a0a3' }, index.h("unity-typography", { key: '4b0c1c460042f00b0760830f9b1cb73deafa0ac4', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: 'dd288a648947ba282f4a1da3239cb55e9baedd57', class: "button-section" }, index.h("div", { key: 'f75e712f8d1fad0f9da290ff323676ef4d1300fb' }, index.h("slot", { key: '87aea6e16e47591e918507d488293cbb8bb547c4' })), this.defaultActionButtons.map(btn => {
             const clickHandler = (event) => {
                 if (btn.clickHandler) {
                     btn.clickHandler(event);
@@ -629,7 +629,7 @@ const GridPrimaryBar = class {
                 return (index.h("stencil-icon-button-grid-action-header", { showLabel: this.showLabels, secondary: btn.secondary, icon: btn.icon, onClick: clickHandler, tooltip: btn.tooltip, iconClassName: btn.iconClassName }, btn.icon && index.h("i", { class: btn.icon }), btn.label.toLowerCase() === 'save' || (!this.hiddenLabels.includes(btn.label) && btn.showLabel) ? index.h("span", null, btn.label) : null));
             }
             return null;
-        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '6981164b6e1ef849310435c72200dd627d7baa78', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '0473f999cf55d1c1e718dacb5a8383868d4e43b7', iconName: this.primaryActionIcon, darkIcon: false }))))));
+        }), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '6c29dbb9c09e5950b6bddf3efde24d06b38c6085', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '6717a426f0e354c20c042d064cb49467ccef1778', iconName: this.primaryActionIcon, darkIcon: false }))))));
     }
     static get watchers() { return {
         "window:resize": [{
@@ -778,7 +778,7 @@ const UdpHotlistForm = class {
     //     console.log('Cancel button clicked');
     //   }
     render() {
-        return (index.h("div", { key: '6a7cb4fbccbce6be474f6a9ea1c680c07617e1d2', class: "wrapper" }, index.h("form", { key: 'a1a8d17b88884e82c1c9f8e8dd92a8e61409181c', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '997c893d5191171edb25373a9ab24a43de9c3512', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: '943c44ff33c8a5d1fd37db42d5390353534ea61b', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '8d5deb6624931473fc1b38aceda23d79b3662b68', class: "submit-button" }, index.h("custom-button", { key: 'f33753fac5d16d2f1775de321d7e3e7bf2e6d63e', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '1398e485208da731a671036daba38b63c61e6fe8', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
+        return (index.h("div", { key: '2dbf3759f57fef64040c135911441b9ea68e8623', class: "wrapper" }, index.h("form", { key: 'f4764ff2514b9753438cc8e894df98f1228f79a2', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '876d1456160d78312ccfb556a402623dda574344', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'bdfe187e63be7ce68595e565dd29446cdab57156', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: 'c4592a0a09a08b41abd6ba2806de17209032cc45', class: "submit-button" }, index.h("custom-button", { key: '86a5418dd2be8ce424d81864b878d885684ca3fe', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '74afc0e1de006a37897496d323e56320fc7ce3f8', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
     }
     get el() { return index.getElement(this); }
 };
@@ -800,11 +800,11 @@ const UdpNotification = class {
     }
     render() {
         const statusClass = `status-${this.status}`;
-        return (index.h("div", { key: '1bc5079c46946546e900ae4cb25fb867381c238f', class: {
+        return (index.h("div", { key: 'a88c0ab63ef9db85bf0278b2933992b6d1d818ae', class: {
                 'udp-notification': true,
                 'visible': this.active,
                 [statusClass]: true // This will apply the correct class based on the status
-            } }, this.userCancel && (index.h("button", { key: '12f5c6c15ad41fe1ddb67bcd5e762e0dea0a3dce', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: '7e58e5c282210c4ae2d0db48bb26d76f30f3b147', class: "message" }, " ", index.h("unity-typography", { key: '96c8b2e12714df74a437e3ecb65c930a50288e92', variant: 'body' }, " ", this.message, " "))));
+            } }, this.userCancel && (index.h("button", { key: 'a33d85198024a1af29440ef204720c44374ae4ac', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: '8b407eaefa28642caab9646a97dc1b564838e472', class: "message" }, " ", index.h("unity-typography", { key: '6f13f102375badb61a8ce0e8bd6e47c995065577', variant: 'body' }, " ", this.message, " "))));
     }
     static get watchers() { return {
         "active": [{
@@ -853,7 +853,7 @@ const UdpPopOver = class {
             style['top'] = `${rect.bottom}px`;
             style['left'] = `${rect.left}px`;
         }
-        return (index.h("div", { key: 'efb9119cb76cebce3c3c9f49d18595cb0ecfe523', class: "popover", style: style }, index.h("unity-typography", { key: 'f0c58c3913fdf67ba2588ec43e6f3620c53b1334', variant: "caption-text" }, index.h("slot", { key: '2b3a4142508d6d4cdc76e9eea49a95f585173aa2' }))));
+        return (index.h("div", { key: '02ed42a65850f878cae716c98c7417cd52ec4acf', class: "popover", style: style }, index.h("unity-typography", { key: '99e2a5d19453f383b8bb202e349c70a7746b034b', variant: "caption-text" }, index.h("slot", { key: 'a887f03bc96926b386498ae79ae939a407c2eac5' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -874,7 +874,7 @@ const UpdAlertBanner = class {
         this.message = '';
     }
     render() {
-        return (index.h("div", { key: '7bfdcedca0425b0081feba9fa6598b0368d4006d', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: '9b72a0a52b54986a7187f7e81867a748dc149871', variant: "data-display-three" }, "   ", this.message, " ")));
+        return (index.h("div", { key: '97a6cb154b31988977db03ae5f8098c77892f9cc', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: '973380e1a13cf4cd064e56fae17c921f8d052631', variant: "data-display-three" }, "   ", this.message, " ")));
     }
 };
 UpdAlertBanner.style = updAlertBannerCss();

package/dist/cjs/ag-grid-base_65.cjs.entry.js

@@ -3287,7 +3287,7 @@ const HintPanel = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'ddc532446d82bf01d6bdbca13bcd4ccded942f00', class: "hint-container" }, this.showHint && (index.h("div", { key: '193beca238e210b5d6a102b2efc39c9ce4ef44a0', class: "hint-content" }, index.h("div", { key: '6e874188bed8d41c865fe3bc5f94335ab2576b09' }, index.h("unity-typography", { key: '8b358dbe791b3f588586fe9e5c898bc84804a9d1', variant: "body" }, " ", this.hint, " ")), this.hideHintText && (index.h("div", { key: 'af351ef2e320c3ca8e0aac0aaec25e9f7076a581', class: "hide-help" }, index.h("udp-button", { key: '84ff381d2f34f611e116ec201a47f38511a2b18b', size: "small", color: "info", onClick: this.handleHideHint }, this.hideHintText)))))));
+        return (index.h("div", { key: '144af424fe48480fd016497771952ebda04c63bf', class: "hint-container" }, this.showHint && (index.h("div", { key: '9c2d40bb9ee93dd8ee92c785d7fe64680027b75d', class: "hint-content" }, index.h("div", { key: 'd3821907e2fbd0786f25a351f923f28bf153706a' }, index.h("unity-typography", { key: '8e82e5171faa1fea8f4b28282e303b5b49d1b947', variant: "body" }, " ", this.hint, " ")), this.hideHintText && (index.h("div", { key: '0eff4845b0f57130ee312f91966339fd28427f47', class: "hide-help" }, index.h("udp-button", { key: '73001531b0c7dc7355b1fdd575a36096541adfc2', size: "small", color: "info", onClick: this.handleHideHint }, this.hideHintText)))))));
     }
 };
 HintPanel.style = hintPanelCss();
@@ -4163,9 +4163,9 @@ const UdpAmbientToolTip = class {
     render() {
         // Check if content is provided before rendering the tooltip content.
         const shouldDisplayTooltip = !!this.isVisible && !!this.content && this.content.trim() !== '';
-        return (index.h("div", { key: '49317bbd9f7712a0068e6e61dd0fcdbda68d9b10', class: "tooltip-wrapper", ref: el => (this.wrapperEl = el), onMouseOver: this.showTooltip, onMouseOut: this.hideTooltip }, index.h("slot", { key: 'c50bed2ca50126b78f250a9c7d691a5a95dac035' }), shouldDisplayTooltip && (
+        return (index.h("div", { key: '2bf6c7e0e65259233babeca3ed6b7ce51d06d2ff', class: "tooltip-wrapper", ref: el => (this.wrapperEl = el), onMouseOver: this.showTooltip, onMouseOut: this.hideTooltip }, index.h("slot", { key: '9ac255ba46923337a1374ddfb285cccce494d37b' }), shouldDisplayTooltip && (
         // STEP 4: Use the global class name we defined in our style string.
-        index.h("div", { key: '3d4eec2466ef0b18d7b1097ac2ae665c841ac3a6', class: "udp-tooltip-portal", role: "tooltip", ref: el => (this.tooltipContentEl = el) }, index.h("unity-typography", { key: '41da5cd61ef057c6b5bc77ecd7c27a310970e27a', variant: "caption-text" }, this.content)))));
+        index.h("div", { key: '5742dddcc6d75f0f50e628b4ffec3e54e2437483', class: "udp-tooltip-portal", role: "tooltip", ref: el => (this.tooltipContentEl = el) }, index.h("unity-typography", { key: 'a8c967bbaf64d0e318548a98571f850970f02a53', variant: "caption-text" }, this.content)))));
     }
 };
 UdpAmbientToolTip.style = udpAmbientToolTipCss();
@@ -4973,7 +4973,7 @@ const UdpAvatar = class {
         else {
             style['background-color'] = this.getColorForUsername();
         }
-        return (index.h("div", { key: '35fb37e1c18498aa68bf1838b6c0a480e3fe5420', class: classes.join(' '), style: style }, this.iconName ? index.h("udp-icon", { iconName: this.iconName, darkIcon: false }) : index.h("unity-typography", { variant: "data-display-two" }, " ", this.getInitial())));
+        return (index.h("div", { key: '4b0dff80d54e257f4b57361b750c513a8209fed6', class: classes.join(' '), style: style }, this.iconName ? index.h("udp-icon", { iconName: this.iconName, darkIcon: false }) : index.h("unity-typography", { variant: "data-display-two" }, " ", this.getInitial())));
     }
 };
 UdpAvatar.style = udpAvatarCss();
@@ -4988,7 +4988,7 @@ const UdpBadge = class {
     }
     render() {
         const displayContent = this.content > this.max ? `${this.max}+` : this.content;
-        return (index.h("div", { key: '36726de60aebadce6aeeecaaf61d24c4b3513999', class: "badge-wrapper" }, index.h("slot", { key: 'bcc6db34e5ae24edd2a9e3d67e8f434957d91a57' }), index.h("span", { key: 'ee51eb09ed51f706f9b8b305d13a71d04183c1fe', class: "badge-content" }, index.h("unity-typography", { key: '12199e2016f009bb494357a0c5c5d06c83b865a0', variant: 'caption-text' }, " ", displayContent, " "))));
+        return (index.h("div", { key: '00460e89c28f310589e4f81c782e9b73d9a29ec7', class: "badge-wrapper" }, index.h("slot", { key: '7479d54d69ca49d5cd80d53c775e3f608463ac71' }), index.h("span", { key: '75957700b94a7f36fa0c58b41de96ee9a5476b59', class: "badge-content" }, index.h("unity-typography", { key: '4591e5a0091a26f1a6b088ffd599bb5d4093d70a', variant: 'caption-text' }, " ", displayContent, " "))));
     }
 };
 UdpBadge.style = udpBadgeCss();
@@ -5094,7 +5094,7 @@ const UdpButton = class {
         else {
             attributes.type = this.type;
         }
-        return (index.h(TagType, Object.assign({ key: '44557419c6b8bea13ac4b02dd50302f6d4e7c0ba' }, attributes), index.h("div", { key: 'f26d2977d0bb6d7fb8bf4df317a395a8915ee68a', class: "udp-button__spinner" }), index.h("span", { key: 'eafcc2bed3899309a85a9298c6591f038c5f706d', class: "udp-button__content-wrapper" }, this.startIcon && (index.h("span", { key: 'c98220d759d91e4485278975c30bac78e1615fa5', class: "udp-button__icon udp-button__icon--start", "aria-hidden": "true" }, this.startIcon)), index.h("span", { key: '9421005d26dc30d5da1c6c16462c854fff3f3333', class: "udp-button__text-content" }, index.h("slot", { key: 'e37cd338e1abcc915f3d43401dba79c69f15dc0d' })), this.endIcon && (index.h("span", { key: 'a4b8a475fe934a2a067ee9d6cb213a4fec49046e', class: "udp-button__icon udp-button__icon--end", "aria-hidden": "true" }, this.endIcon)))));
+        return (index.h(TagType, Object.assign({ key: '2b7c1d83478763f4562106ce703e34da0ef7fbc1' }, attributes), index.h("div", { key: '2aac740b8e5dd070319691fbadc0041cbd23fe66', class: "udp-button__spinner" }), index.h("span", { key: 'fa45b7ac2a51469855f0997105b103be32689de9', class: "udp-button__content-wrapper" }, this.startIcon && (index.h("span", { key: 'a323a4b4d415e74c8939ae6d3b082567a82e834a', class: "udp-button__icon udp-button__icon--start", "aria-hidden": "true" }, this.startIcon)), index.h("span", { key: '7eb0525cd55d397e25bd5f1210b2d45fb1a2df76', class: "udp-button__text-content" }, index.h("slot", { key: 'df40cc4787c5845b3446fbca80e86668b87d8fe6' })), this.endIcon && (index.h("span", { key: 'f997b0c6b02129ae082e1e55b38aa30d9e0e399b', class: "udp-button__icon udp-button__icon--end", "aria-hidden": "true" }, this.endIcon)))));
     }
     get el() { return index.getElement(this); }
 };
@@ -5145,7 +5145,7 @@ const UdpChip = class {
             [`chip--size-${this.size}`]: true,
             'chip--clickable': this.clickable,
         };
-        return (index.h("div", { key: '6f7be967a2f7fd7b77de34f986b670c12357b07d', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (index.h("span", { key: '3af7aec42e15512710905f9706662beb2ccb96f8', class: "chip__icon chip__icon--start" }, index.h("udp-icon", { key: 'f36c7a7c1aaf280c7a54d6a3cc9b904a5a30a89b', iconName: this.startIcon, color: 'inherit' }))), index.h("span", { key: 'c3179398ad0acdf3f3ea890d32b12a852241fc99', class: "chip__label" }, this.label), this.deleteButton && (index.h("span", { key: '033152be23aaefb2d36464dbdf5011cad56de294', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, index.h("svg", { key: 'fcb015d39f58da00fabc43362ab02ad23152ce0a', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, index.h("path", { key: 'ebc5422d810b4c8d629b565ec0d1627618e9f449', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
+        return (index.h("div", { key: '3f2232931dd2ab8790a84e1913c52434360f0160', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (index.h("span", { key: '16f9725b8ac5691fcf534f750b4c05d404389c64', class: "chip__icon chip__icon--start" }, index.h("udp-icon", { key: '0258ffc52b337fe2711b1f70b5b0b6dd91f10845', iconName: this.startIcon, color: 'inherit' }))), index.h("span", { key: '14d8f5f2fc42fce71ab914183671efaea74431f1', class: "chip__label" }, this.label), this.deleteButton && (index.h("span", { key: '029949bd88442e03779330d395d21a403683c221', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, index.h("svg", { key: '06e448d4858b20340cd97672dc4811fda62bb0b8', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, index.h("path", { key: '780442fe57aa7cd4d0e238f09436a6d8df27a962', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
     }
 };
 UdpChip.style = udpChipCss();
@@ -6295,10 +6295,10 @@ const UdpDateRangeSelector = class {
                 : 'calendar-range';
         const containerWidth = this.getContainerWidth();
         const monthWidth = this.getMonthWidth();
-        return (index.h(index.Host, { key: 'a8ae214f84638149614c86582114281a7a3d2865', style: {
+        return (index.h(index.Host, { key: '941fec382fe07943f9324234f1e14c0115364f78', style: {
                 '--calendar-width': monthWidth,
                 '--container-width': containerWidth,
-            }, class: `size-${this.size}`, onClick: e => e.stopPropagation() }, index.h("div", { key: 'bd7d3d009c72b4018f625a5367f5b4e705afebd2', class: "calendar-header" }, index.h("udp-fluent-icon-button", { key: '0a27ae7eefe1e0c44e912f30c8b3c871c3f85073', iconName: "chevron-left", onClick: this.handlePrevious, disabled: this.isPrevDisabled(), appearance: "transparent", ariaLabel: "Previous" }), index.h("udp-fluent-button", { key: '3a3ee8f825c2b81d60db8f9aa2c8a10977e8f08f', appearance: "transparent", onClick: this.handleHeaderClick, ariaLabel: this.viewMode === 'year' ? undefined : 'Change view', disabled: this.viewMode === 'year' }, this.getHeaderText()), index.h("udp-fluent-icon-button", { key: '48bd551c0b4fd216529eec99bf962f4918600f7d', iconName: "chevron-right", onClick: this.handleNext, disabled: this.isNextDisabled(), appearance: "transparent", ariaLabel: "Next" })), this.viewMode === 'day' && (index.h(CalendarTag, { key: '8702ac18d3bfc0188ad10630158658c45a43c9bf', ref: el => (this.calendarRef = el), 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, onFocusday: this.handleFocusChange }, index.h("span", { key: '30a102bb1f5c9cf43d3c475cf984c948f04dae6e', slot: "previous", style: { display: 'none' } }), index.h("span", { key: 'acd87984703be40c08d3465c24dc4e23f66312e1', slot: "next", style: { display: 'none' } }), index.h("div", { key: 'eb2a0e46f26fa3d22220b5b891980c15e0b02d88', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index$1) => (index.h("calendar-month", { offset: index$1 })))))), this.viewMode === 'month' && this.renderMonthGrid(), this.viewMode === 'year' && this.renderYearGrid()));
+            }, class: `size-${this.size}`, onClick: e => e.stopPropagation() }, index.h("div", { key: '295aa89d0ffc43ff92fc58d2c9fb2d0dcf441269', class: "calendar-header" }, index.h("udp-fluent-icon-button", { key: '505dc8e0089bed877fa813335967cdd88e8ad3f0', iconName: "chevron-left", onClick: this.handlePrevious, disabled: this.isPrevDisabled(), appearance: "transparent", ariaLabel: "Previous" }), index.h("udp-fluent-button", { key: '48d3120e82637599d9385969c0370b5e363a6b23', appearance: "transparent", onClick: this.handleHeaderClick, ariaLabel: this.viewMode === 'year' ? undefined : 'Change view', disabled: this.viewMode === 'year' }, this.getHeaderText()), index.h("udp-fluent-icon-button", { key: 'fff4615937e5d4839113c6e336e126119a27dd97', iconName: "chevron-right", onClick: this.handleNext, disabled: this.isNextDisabled(), appearance: "transparent", ariaLabel: "Next" })), this.viewMode === 'day' && (index.h(CalendarTag, { key: '08ef9aab9e3afe2ab7c56bd01c6718a203501176', ref: el => (this.calendarRef = el), 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, onFocusday: this.handleFocusChange }, index.h("span", { key: 'ba796b215b3e65ab8ede91d70ca1e25f7bf4ac6f', slot: "previous", style: { display: 'none' } }), index.h("span", { key: '15d0157c1d33e55a2edf728f9e9ad68a9499ede5', slot: "next", style: { display: 'none' } }), index.h("div", { key: 'dca1a479881e3bb570a2773874ef9a6be8a53954', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index$1) => (index.h("calendar-month", { offset: index$1 })))))), this.viewMode === 'month' && this.renderMonthGrid(), this.viewMode === 'year' && this.renderYearGrid()));
     }
     static get delegatesFocus() { return true; }
     static get watchers() { return {
@@ -6467,7 +6467,7 @@ const UdpDialog = class {
         document.removeEventListener('keydown', this.handleKeyDown);
     }
     render() {
-        return (index.h(index.Host, { key: '2546786ed716a5bc8b6a8fef2656a093d5235a64', onClick: this.handleOverlayClick }, index.h("div", { key: '3d1ee70b83f144ffa3b3b60a8b9210864b70148f', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, index.h("div", { key: '096a926f6b2379766ae3ff7baef856bdfe238050', class: "dialog-title", id: this.titleId }, index.h("unity-typography", { key: 'b413ed62a0844b16297905cf8048796f7ca1875b', variant: "h3" }, this.title)), index.h("div", { key: '7a43f1717414e68704721b9a61225bbbb2d35d8c', class: "dialog-content", id: this.descriptionId }, this.message && index.h("unity-typography", { key: '477f344493caac3aea8fbf2aa504a3d739dec9b2', variant: "body" }, this.message), index.h("slot", { key: '992116be06ef409c6c0a08178bb592cb979294b7' })), index.h("div", { key: 'fb6cdfb64e775e1c30bfa0a80cd10e0adc2ac4cd', class: "dialog-actions" }, !this.buttonTwoHidden && (index.h("udp-button", { key: 'b1b84c147751c65e2be33838d0b1db3932c699b0', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (index.h("udp-button", { key: 'd8687080205a003c716f397cd55732f8f754a320', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (index.h("udp-button", { key: '4d6af682d17af4957bb3cfe4d4edbaef10bc2f22', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
+        return (index.h(index.Host, { key: '35895e2a5ed5bd0a44c824d76b05024d3cfc31d8', onClick: this.handleOverlayClick }, index.h("div", { key: 'caf5ef10be39064313700a7df2f8edc329c71c6b', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, index.h("div", { key: '91a7ea141f8a9019b0b8a710da3f621fefa395c6', class: "dialog-title", id: this.titleId }, index.h("unity-typography", { key: '9b9ea8783dc242ee2e2c31d0c9a51c2846d3972b', variant: "h3" }, this.title)), index.h("div", { key: 'e68383c17188e912100184d6f81225d46049b48e', class: "dialog-content", id: this.descriptionId }, this.message && index.h("unity-typography", { key: '91ebfa15b195f7b8ecd21bf38941312ab3a967bd', variant: "body" }, this.message), index.h("slot", { key: 'c1fb5cfa16d76722ac84358824cee612c5a5cb45' })), index.h("div", { key: '42108f7ab52c8875e3b44a186d8cb444fc968779', class: "dialog-actions" }, !this.buttonTwoHidden && (index.h("udp-button", { key: '0f7ef14df79d54a613bce950539db82f2c443315', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (index.h("udp-button", { key: 'e424de53c798704b47b6992658c7c482298eb742', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (index.h("udp-button", { key: 'abaf41ed04b40d3e9a2efaae0286f9b892fdbde6', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
     }
     get hostEl() { return index.getElement(this); }
     static get watchers() { return {
@@ -9659,7 +9659,7 @@ const UdpLinearLoader = class {
             loader: true,
             [`loader--color-${this.color}`]: true,
         };
-        return (index.h(index.Host, { key: '16be9abb52d220c3efb80fcc6d14a00971a960e1' }, index.h("div", { key: '90dd2b9a4ba68b4be346aa165e449d1445629b47', class: loaderClasses }, index.h("div", { key: '03a6f3205a096ad7e7536aae49ebccc14ecb30fc', class: "indeterminate" }))));
+        return (index.h(index.Host, { key: '56765516a101911c324fb75304c3d56b3949759c' }, index.h("div", { key: 'd3afd5823bc10de598ad570626705fbefb0d2955', class: loaderClasses }, index.h("div", { key: '19538b57e3ca4f5dc8ceda3fcebb3c1f2162ba9f', class: "indeterminate" }))));
     }
 };
 UdpLinearLoader.style = udpLinearLoaderCss();
@@ -9894,7 +9894,7 @@ const UdpPopOver = class {
             maxHeight: this.popoverMaxHeight,
             overflow: this.overflow
         };
-        return (index.h(index.Host, { key: '43112ccc31e6efaa8b34eb91ed5c2ea8b6d6fab2' }, index.h("div", { key: '386fbf8289a49094820ce999fc630e6639e24601', class: "popover", style: style }, index.h("slot", { key: '200b7b48753905f8a6dfa5ffa92c5054e1a38d05' }))));
+        return (index.h(index.Host, { key: '867b479bc26899c3c8b89e55221a0dba945b7bef' }, index.h("div", { key: 'dbdc2279458a4e0dd06e2f60201ce39ac1944a0b', class: "popover", style: style }, index.h("slot", { key: 'ed425d79a84efd29ef220153a1165f64e0cb26f8' }))));
     }
     get hostEl() { return index.getElement(this); }
     static get watchers() { return {
@@ -10853,27 +10853,27 @@ const UdpSideSheet = class {
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
         const headerStartIcon = Boolean(this.headerActionButtonIcon) ? (index.h("udp-icon", { iconName: this.headerActionButtonIcon, color: "inherit" })) : undefined;
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        const overflowIcon = index.h("udp-icon", { key: 'adf954f5aa1e92b211ace05d17db3d1c0ad86d88', iconName: "overflowMenuVertical", color: "inherit" });
-        return (index.h("div", { key: '22d1fdfcb8b854c088f65550e52f46931c654477', class: "backdrop", onClick: this.onCloseBackdrop }, index.h("div", { key: '97e8aa89547048b7df7017325125468e5ec3a686', class: { sheet: true, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '53c4857ae4d6b4a606585bce123976da1c5a1030', class: "title-container" }, index.h("div", { key: 'eb986269945724c4dd92fdbf737d617221456918', class: "close-button" }, index.h("stencil-icon-button", { key: '91be00c8bf9f4b1c274b480f4cec0191734fe8ff',
+        const overflowIcon = index.h("udp-icon", { key: '9d06d4303671e39e56a4ceeef66d32934a73f20d', iconName: "overflowMenuVertical", color: "inherit" });
+        return (index.h("div", { key: 'f5ad6514824344fae1aff2de9afadba87b64519e', class: "backdrop", onClick: this.onCloseBackdrop }, index.h("div", { key: '27cecfe7cd0d5f127e9111207ec9c6c114bed52b', class: { sheet: true, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: '0d4ad2cb45f12eeec05b1553b78d666d4cca8a14', class: "title-container" }, index.h("div", { key: '36fb4f2e8390bb8b4ac41732b8550bef5e7587ef', class: "close-button" }, index.h("stencil-icon-button", { key: '059d3a51c2168b0890fa86051c02b058ec477a47',
             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            icon: Close24__default.default, onClick: this.onClose, secondary: true })), index.h("div", { key: '6a6a6fa9702ec95474b404565c01a57a82cb8e15', class: "title-text" }, index.h("unity-typography", { key: '5c23cb6871d9f93589199c0808963bd039f88060', variant: "h6" }, this.title)), (this.headerActionButtonLabel || ((_a = this.headerSecondaryButtons) === null || _a === void 0 ? void 0 : _a.length) > 0) && (index.h("div", { key: '7889facee173108d93a27ba4d8f1238d22d854e6', class: "header-action-button" }, (_b = this.headerSecondaryButtons) === null || _b === void 0 ? void 0 :
-            _b.map((item) => (index.h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label))), this.headerActionButtonLabel && (index.h("udp-button", { key: 'ca6fabdf1924f770686574e0d9ab1784a01508aa', disabled: this.headerActionButtonDisabled, onClick: this.onHeaderActionButtonClick,
+            icon: Close24__default.default, onClick: this.onClose, secondary: true })), index.h("div", { key: '62d6a37a63c22a13733c9f105856770d25b49350', class: "title-text" }, index.h("unity-typography", { key: '2bdfc5f3f8731382118b9fa86335efe78eb7ba94', variant: "h6" }, this.title)), (this.headerActionButtonLabel || ((_a = this.headerSecondaryButtons) === null || _a === void 0 ? void 0 : _a.length) > 0) && (index.h("div", { key: '1450cb7ce25ab5305382fd06d6b0a7886c2b4256', class: "header-action-button" }, (_b = this.headerSecondaryButtons) === null || _b === void 0 ? void 0 :
+            _b.map((item) => (index.h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label))), this.headerActionButtonLabel && (index.h("udp-button", { key: 'e924bc5708a326803000add38edfa1cbde68cbc2', disabled: this.headerActionButtonDisabled, onClick: this.onHeaderActionButtonClick,
             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            startIcon: headerStartIcon, variant: "contained" }, this.headerActionButtonLabel))))), index.h("div", { key: '1faf19fb4f315548de554a8fe9c2d07cf8963e7e', class: "loader-container" }, index.h("udp-linear-loader", { key: '7aa673e888a8de784895441cd9301fd181889044', class: { 'is-loading': this.loading }, color: "primary" })), index.h("div", { key: '3d58e75b7e2bc6411112498c3e25ddec76933976', class: { content: true, padding: this.padding } }, index.h("slot", { key: 'f5fc445b58712fa7ec7fbd19514bbb1a2d0cbac6' })), (this.primaryButtonLabel || ((_c = this.footerSecondaryButtons) === null || _c === void 0 ? void 0 : _c.length) > 0) && (index.h("div", { key: 'b9d96c4c9ce80d4c38d670db213ab816ea135e53' }, index.h("div", { key: '7a25131a83ce0a75718dae0f98bf06d31c378171', class: "loader-container" }), index.h("div", { key: '904641976ddcfdac76d213b6735d573146c3efef', class: {
+            startIcon: headerStartIcon, variant: "contained" }, this.headerActionButtonLabel))))), index.h("div", { key: '5dd790efe32ff0097f8d3f0329ac4761cac41b5b', class: "loader-container" }, index.h("udp-linear-loader", { key: 'a8be6a2443808967fd1576c208a849045bb0daa8', class: { 'is-loading': this.loading }, color: "primary" })), index.h("div", { key: '5de53b15bc33d7186868e0479a844d6cff9e7342', class: { content: true, padding: this.padding } }, index.h("slot", { key: 'c43ac22ad9c5e5dd40c6499d092f317b6a6267e4' })), (this.primaryButtonLabel || ((_c = this.footerSecondaryButtons) === null || _c === void 0 ? void 0 : _c.length) > 0) && (index.h("div", { key: '4999e119e670c8a7400e229a781e8dbbadfb6faf' }, index.h("div", { key: '9a3acac78a1e45e2cb171c22a0365e9a0c09f6ef', class: "loader-container" }), index.h("div", { key: '2c1dc7463a1850537953e04ef3bf616427feebbb', class: {
                 footer: true,
-            }, ref: el => (this.footerRef = el) }, !this.showOverflowButton && ((_d = this.footerSecondaryButtons) === null || _d === void 0 ? void 0 : _d.length) > 0 && (index.h("div", { key: 'de709f71facef6a251999c1279bc91e960d0f8d6', class: "footer-secondary-buttons-container" }, index.h("div", { key: 'd963c3bfe3dc914a26ff6c6b933fee301c0d2e46', class: "footer-secondary-buttons" }, (_e = this.footerSecondaryButtons) === null || _e === void 0 ? void 0 : _e.map((item) => (index.h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label)))))), this.showOverflowButton && (index.h("udp-button", { key: '71fa507ef7f601ffc751b24154ef0049ef309ca2', variant: "outlined", onClick: this.onMoreActionButtonClick, color: "secondary",
+            }, ref: el => (this.footerRef = el) }, !this.showOverflowButton && ((_d = this.footerSecondaryButtons) === null || _d === void 0 ? void 0 : _d.length) > 0 && (index.h("div", { key: 'db47b884a7291929f6411e47daf5b763553320c1', class: "footer-secondary-buttons-container" }, index.h("div", { key: 'e30a34f9f955b52879bfb3726a5d16bcfdf81221', class: "footer-secondary-buttons" }, (_e = this.footerSecondaryButtons) === null || _e === void 0 ? void 0 : _e.map((item) => (index.h("udp-button", { variant: "outlined", disabled: item.disabled, onClick: item.onClick, endIcon: item.icon }, item.label)))))), this.showOverflowButton && (index.h("udp-button", { key: '4ce5a63bf570b2a0f928a4406d0a65ecfc2fb831', variant: "outlined", onClick: this.onMoreActionButtonClick, color: "secondary",
             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            endIcon: overflowIcon }, "More")), this.primaryButtonLabel && (index.h("udp-button", { key: '1332b8210ef0c96d249155460f056958d64d827d', variant: "contained", disabled: this.primaryButtonDisabled, onClick: this.onPrimaryButtonClick, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)), this.showOverflowButton && (index.h("udp-pop-over", { key: '4136309a335f605591638be378a2416824bb116a', anchorElement: this.overflowMenuAnchor, isOpen: this.openOverflowMenu, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleCloseOverflowMenu }, index.h("div", { key: '13a80893e26f3044444707fcb280f1c163c17ebe', class: "menu" }, (_f = this.footerSecondaryButtons) === null || _f === void 0 ? void 0 : _f.map(item => (index.h("udp-menu-item", { label: item === null || item === void 0 ? void 0 : item.label, iconName: item === null || item === void 0 ? void 0 : item.icon, onItemClick: () => {
+            endIcon: overflowIcon }, "More")), this.primaryButtonLabel && (index.h("udp-button", { key: 'fb239389e7f294d0d0149d73e7acf803c86fd526', variant: "contained", disabled: this.primaryButtonDisabled, onClick: this.onPrimaryButtonClick, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)), this.showOverflowButton && (index.h("udp-pop-over", { key: 'aad81e5cb0eb98414eee8e6816647c6647c197ec', anchorElement: this.overflowMenuAnchor, isOpen: this.openOverflowMenu, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleCloseOverflowMenu }, index.h("div", { key: '626a733308946d9415a91e79942e1215e8c7be4d', class: "menu" }, (_f = this.footerSecondaryButtons) === null || _f === void 0 ? void 0 : _f.map(item => (index.h("udp-menu-item", { label: item === null || item === void 0 ? void 0 : item.label, iconName: item === null || item === void 0 ? void 0 : item.icon, onItemClick: () => {
                 item === null || item === void 0 ? void 0 : item.onClick();
                 this.handleCloseOverflowMenu();
-            }, disabled: item === null || item === void 0 ? void 0 : item.disabled })))))), index.h("div", { key: 'f4595635dd8be798ab8e23e508caaf29b38b0395', ref: el => (this.measurementContainerRef = el), style: {
+            }, disabled: item === null || item === void 0 ? void 0 : item.disabled })))))), index.h("div", { key: 'b78e9fab040c9a57b5fb8f638abe92f904cb9295', ref: el => (this.measurementContainerRef = el), style: {
                 position: 'absolute',
                 visibility: 'hidden',
                 pointerEvents: 'none',
                 display: 'flex',
                 gap: 'var(--spacing-02, 4px)',
             }, "aria-hidden": "true" }, (_g = this.footerSecondaryButtons) === null || _g === void 0 ? void 0 :
-            _g.map((item) => (index.h("udp-button", { variant: "text", size: "medium", disabled: item.disabled, endIcon: item.icon }, item.label))), this.primaryButtonLabel && (index.h("udp-button", { key: '3bd08216608c6dffda178ec4ee0d26e694f2bcb5', variant: "contained", size: "medium", disabled: this.primaryButtonDisabled, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)))))))));
+            _g.map((item) => (index.h("udp-button", { variant: "text", size: "medium", disabled: item.disabled, endIcon: item.icon }, item.label))), this.primaryButtonLabel && (index.h("udp-button", { key: '92cb64c8717a742a669b8c3fb1c1b890505b3211', variant: "contained", size: "medium", disabled: this.primaryButtonDisabled, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)))))))));
     }
     get hostEl() { return index.getElement(this); }
     static get watchers() { return {
@@ -11200,7 +11200,7 @@ const UdpTabPanel = class {
     }
     render() {
         const isActive = this.activeTabId === this.id;
-        return (index.h(index.Host, { key: '3538f2b223fe1827b2a10d7b19f37f517c847ae7', role: "tabpanel", "aria-labelledby": this.id, "aria-hidden": !isActive ? 'true' : 'false', hidden: !isActive }, index.h("slot", { key: 'f0f0e4ef3d119fa5b9946d7f7ebd60a23341f18f' })));
+        return (index.h(index.Host, { key: 'cd8adba4e3a2779cfbc8009f73cb01ae9eeb1cdc', role: "tabpanel", "aria-labelledby": this.id, "aria-hidden": !isActive ? 'true' : 'false', hidden: !isActive }, index.h("slot", { key: 'e2f07c1958e266f1aa713cdf2494bdf17043709e' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/app-bar.cjs.entry.js

@@ -14,7 +14,7 @@ const AppBar = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '2a91dbc5b95f072a8e96b53bf64ffa95ac0b982d', class: "header" }, index.h("stencil-icon-button", { key: 'd3b3f1144ba2d6c2a19ff0f487f49804fab8f318', noBackground: true, darkIcon: false, icon: Menu24__default.default }), index.h("unity-typography", { key: '795ea7d12796e3617b285c1f96f99870c0f86334', variant: 'data-display-one' }, " ", index.h("slot", { key: 'b8f519e724beb12502bb36ed122cd1f5538c2305' }), "   "), index.h("a", { key: 'f1d0b9c1d9044097aafcc9e337ce709c799a5751', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), index.h("div", { key: '22eed5cfd23e3fbd7bbe950a64ebca3bf0a2b0bc', class: "header__logo" }), index.h("div", { key: 'bbf89084e6be61de0edf7091d9bd31b4d64ff8f7', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), index.h("div", { key: '6e7354e63f3e703428ed83b871d367ec39d4c4c2', class: "header__global" }, index.h("udp-avatar", { key: '03dcf27b1219b8ee9bdc4a1f3297212dd72389fd', username: this.username }))));
+        return (index.h("div", { key: 'f2f59125c88ba3d4af74dc5628b0ebf729970a7b', class: "header" }, index.h("stencil-icon-button", { key: 'e898fd2180502687256eaa89b685cf8ca22cce4c', noBackground: true, darkIcon: false, icon: Menu24__default.default }), index.h("unity-typography", { key: 'e3aa73db1936d2d59ea6cedb090efbd706bc44fb', variant: 'data-display-one' }, " ", index.h("slot", { key: '25e5af3cd88d39f0d65b6b505a612658114b4569' }), "   "), index.h("a", { key: '7e658c27890f6f4a1fd1036ea774628a2252316d', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), index.h("div", { key: 'b74112d925ddcf85b30c5e8e68cf1d8549e8c02b', class: "header__logo" }), index.h("div", { key: 'e2a051c6dd5b1f89c2ea517de12329cf29c53af5', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), index.h("div", { key: 'f2842c01e59e124330c59386b03bc64812469526', class: "header__global" }, index.h("udp-avatar", { key: '67b7406e6ac2821f78d9dc5c234d0b60c13cca54', username: this.username }))));
     }
 };
 AppBar.style = appBarCss();

package/dist/cjs/chart-container_3.cjs.entry.js

@@ -90,7 +90,7 @@ const UdpAmbientCard = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'e46b288a217d565706d675398728495b96611360', class: "wrapper", style: { width: this.width } }, !this.hideAdornment && (index.h("div", { key: '5f9aa5d688868795616fe81412ee561fdfc66323', class: "adornment" }, index.h("udp-adornment", { key: 'cc4a0281e693a1dee383ea26d56bc89cc30488f4', status: "info" }))), index.h("div", { key: 'f39872feec960669fec2879bedfd0651d0f112bb', class: { 'card': true, 'card-border': !this.hideBorder, 'no-padding': this.removePadding } }, index.h("div", { key: '41ff3894f75abc06618a4431e7e51021dcdddb7b', class: "card-data" }, index.h("div", { key: '7278b149204cba8a5c96959c2b7cd72602c28480', class: "title" }, index.h("unity-typography", { key: '5ffe5989bb1076d97566d32e90f270128b0061c0', variant: "data-display-four" }, this.title)), index.h("div", { key: 'b93720e1945bbf9e52b3ef08b281e1af202f939b', class: "body" }, index.h("slot", { key: '95a6d07f9511a518d865694707b8baac76810f61' })), index.h("div", { key: '0ed2ccc79abd0ced6817358ba1b77c75fea1d8fd', class: "footer" }, this.overflow && (index.h("div", { key: '81258ac73fc69a88ea5abd9ee9ca52220090c52b', class: "more-button" }, index.h("unity-typography", { key: '31a645affb25de7abdacc007d49c77d8d9064a70', variant: "caption-text" }, this.moreText, " "), index.h("stencil-icon-button", { key: '0a58445df72bd8fcc0350be64ee3fde0c63954fb', onClick: this.toggleExpand, icon: this.isExpanded ? ChevronUp16__default.default : ChevronDown__default.default, showLabel: false })))), index.h("div", { key: 'bdd781e521965015c5badbbbd2432950d627cbf4', class: `expandable ${this.isExpanded ? 'expanded' : ''}` }, index.h("unity-typography", { key: '4a88423be4a8d359de045f1a63b3335e390a1312', variant: "body" }, this.overflow))))));
+        return (index.h("div", { key: 'bb441de23596011cddcbad38e2d2e60af9b69dbe', class: "wrapper", style: { width: this.width } }, !this.hideAdornment && (index.h("div", { key: '40272e3431e81d0e4197d5122be4d88dedd6d6dd', class: "adornment" }, index.h("udp-adornment", { key: 'd5695dc4d43b1ce1f12298951b4da55ef114f79d', status: "info" }))), index.h("div", { key: '21ef94591c519a9c3e390291a79ee8d62ccefc6f', class: { 'card': true, 'card-border': !this.hideBorder, 'no-padding': this.removePadding } }, index.h("div", { key: '7f010d8c3bb242b6c2e4682bc7c29c6710a49a88', class: "card-data" }, index.h("div", { key: '4fed9d6276ca7158b2f3a1863c147640c8dab97c', class: "title" }, index.h("unity-typography", { key: '879a3455be0b2042ace1b6fe938e35b6e111dba4', variant: "data-display-four" }, this.title)), index.h("div", { key: '9f885e51f7db92060c792df9cdb87abf9ec981eb', class: "body" }, index.h("slot", { key: 'cae6519b0e3d4c2c9d0279d26067eee39619a720' })), index.h("div", { key: '21cca5cac8f71e759ed3904d26c512e5df26909c', class: "footer" }, this.overflow && (index.h("div", { key: 'd79991f2e78a96eba0bbe2bcc380565143f55182', class: "more-button" }, index.h("unity-typography", { key: '6d23055246bca77769c0b6dc9cc6ec38dd64b580', variant: "caption-text" }, this.moreText, " "), index.h("stencil-icon-button", { key: 'd539cef3a7a1ff85deeb3345da2a5e40472e0382', onClick: this.toggleExpand, icon: this.isExpanded ? ChevronUp16__default.default : ChevronDown__default.default, showLabel: false })))), index.h("div", { key: 'b4670e63fe8bfa0839dec3c9c1cc7ae4f319488b', class: `expandable ${this.isExpanded ? 'expanded' : ''}` }, index.h("unity-typography", { key: '331e5ff49c3325ad2013044a57b47e1d1df23d26', variant: "body" }, this.overflow))))));
     }
 };
 UdpAmbientCard.style = udpAmbientCardCss();

package/dist/cjs/check-box.cjs.entry.js

@@ -97,13 +97,13 @@ const Checkbox = class {
      */
     render() {
         const isError = !!this.errorMessage;
-        return (index.h(index.Host, { key: 'ae2281ec7e6df484ba19b0c8a617358cb8e31f74', class: {
+        return (index.h(index.Host, { key: 'e1d64229a082a6a78c9604b8e414da9cdcdf8b90', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
                 'udp-input--required': this.required,
                 'udp-input--checked': this.internalChecked
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '1dacb1c6f54ce924d89a1e4ece180b3fc0e4e906', class: "checkbox-container" }, index.h("input", { key: '42c046a44022eb3e1974f9c2df1136a003a32d2e', type: "checkbox", checked: this.internalChecked, onChange: this.handleChange, id: this.id, name: this.name, disabled: this.disabled, required: this.required }), this.label && index.h("label", { key: '1519b08b5332e8be538a684249955e0a2eb39db7', htmlFor: this.id }, this.label), this.errorMessage && index.h("div", { key: '288b2a3278384d82db115d83f24c0659d450d8cb', class: "error-message" }, this.errorMessage))));
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '38d2e74a584bc5b55ad7f73d3ef43aadfb975a18', class: "checkbox-container" }, index.h("input", { key: '81838b31d3a3a47036bcd806f70a23bdbaae05a2', type: "checkbox", checked: this.internalChecked, onChange: this.handleChange, id: this.id, name: this.name, disabled: this.disabled, required: this.required }), this.label && index.h("label", { key: '55d31653fe91896aff514cde34ed67bce742442b', htmlFor: this.id }, this.label), this.errorMessage && index.h("div", { key: '120562b94f113f04b1d0ca8895635ed1ccfba133', class: "error-message" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": [{

package/dist/cjs/file-upload_2.cjs.entry.js

@@ -1355,22 +1355,22 @@ const FileUpload = class {
         const showReadOnlyEmptyState = this.readonly && this.files.length === 0;
         const disableDropArea = hasSingleSelectionLimitReached;
         // Default mode
-        return (index.h(index.Host, { key: '39f058cc63030133333d4b7d37fa31bf6d005be4', class: {
+        return (index.h(index.Host, { key: 'c8746b7b0bf5904f0eb524410fb56cdbc1c02b5e', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--full-width': this.fullWidth,
                 'udp-input--disabled': this.disabled,
                 'udp-input--readonly': this.readonly,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'f0baf4fd581c2933d46d759131ff28cb8294fc45', id: "drop-area", onDragOver: disableDropArea ? undefined : this.handleDragOver, onDrop: disableDropArea ? undefined : this.handleDrop, onDragEnter: disableDropArea ? undefined : this.handleDragEnter, onDragLeave: disableDropArea ? undefined : this.handleDragLeave, class: this.fullWidth ? 'full-width' : 'contained-width' }, showImageGallery && (index.h("div", { key: '9f71bee4f418f176764331b999b49a56e9598dc7', class: "image-gallery", "aria-label": "Uploaded image previews", style: { gridTemplateColumns: `repeat(${Math.min(this.files.length, 3)}, minmax(0, 1fr))` } }, this.files.map((file, index$1) => {
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '6b95abaf8622db3af9a276512fa3d8261612ae4e', id: "drop-area", onDragOver: disableDropArea ? undefined : this.handleDragOver, onDrop: disableDropArea ? undefined : this.handleDrop, onDragEnter: disableDropArea ? undefined : this.handleDragEnter, onDragLeave: disableDropArea ? undefined : this.handleDragLeave, class: this.fullWidth ? 'full-width' : 'contained-width' }, showImageGallery && (index.h("div", { key: '53d477b788fe722e35515bf1de6590f722a395c7', class: "image-gallery", "aria-label": "Uploaded image previews", style: { gridTemplateColumns: `repeat(${Math.min(this.files.length, 3)}, minmax(0, 1fr))` } }, this.files.map((file, index$1) => {
             const previewUrl = this.allowMultiple ? this.imagePreviewUrls[index$1] : this.imagePreviewUrl;
             const isLoading = this.allowMultiple ? this.imagePreviewLoading[index$1] === true : false;
             const uploadTimestamp = this.getUploadTimestampForFile(file);
             return (index.h("div", { class: "image-gallery-card", key: `image-preview-${index$1}` }, index.h("div", { class: "image-gallery-item", onClick: () => previewUrl && this.openImageModal(previewUrl, file.name) }, previewUrl ? (index.h("img", { src: previewUrl, alt: `Uploaded image ${index$1 + 1}`, class: "image-gallery-thumbnail" })) : isLoading ? (index.h("udp-spinner", { size: "small", appearance: "primary" })) : (index.h("unity-typography", { variant: "caption-text" }, "No preview")), !this.readonly && (index.h("div", { class: "image-gallery-item-actions", onClick: (e) => e.stopPropagation() }, index.h("stencil-icon-button", { showLabel: false, icon: iconUtils.getIconFromName('trashCan'), onClick: () => this.handleRemoveFile(index$1), disabled: this.disabled || this.readonly })))), index.h("div", { class: "image-gallery-meta" }, index.h("div", { class: "image-gallery-file-details" }, index.h("button", { type: "button", class: "image-gallery-file-name", onClick: () => this.downloadFile(file), disabled: this.disabled, title: file.name }, index.h("span", { class: "file-name-ellipsis" }, file.name)), this.displayUploadTime && (index.h("unity-typography", { variant: "caption-text" }, this.formatUploadTimestamp(uploadTimestamp)))))));
-        }))), !showImageGallery && this.files.length > 0 && (index.h("div", { key: '75dbf212df51e6e019fcb212da915463d1fb73e8', class: "upload-container" }, index.h("div", { key: '5c0a98664f3f906bfa0ad7388239b84242ffbb62', class: "file-list" }, this.files.map((file, index$1) => {
+        }))), !showImageGallery && this.files.length > 0 && (index.h("div", { key: '7c29ac80aba23266bc04f253dc2257239bfda84d', class: "upload-container" }, index.h("div", { key: 'be201656ad5d24ac45693d9d4b8ff8dc0792ae0d', class: "file-list" }, this.files.map((file, index$1) => {
             const isExistingFile = this.existingFileReferences.has(file.name);
             const uploadTimestamp = this.getUploadTimestampForFile(file);
             return (index.h("div", { class: "file-container", key: index$1 }, index.h("div", { class: `file-details ${this.displayUploadTime ? 'with-timestamp' : 'without-timestamp'}` }, index.h("div", { class: "file-text", onClick: () => this.downloadFile(file) }, index.h("unity-typography", null, index.h("span", { class: "file-name-ellipsis", title: file.name }, file.name, " ", isExistingFile && index.h("span", { style: { fontSize: '0.8em', opacity: '0.7' } }, " (saved)")))), this.displayUploadTime && (index.h("div", { class: "timestamp-text" }, index.h("unity-typography", { variant: "caption-text", color: "inherit" }, this.formatUploadTimestamp(uploadTimestamp))))), !this.readonly && (index.h("div", null, index.h("stencil-icon-button", { showLabel: false, icon: iconUtils.getIconFromName('trashCan'), onClick: () => this.handleRemoveFile(index$1), disabled: this.disabled || this.readonly })))));
-        })))), this.files.length > 0 && !this.readonly && showUploaderPrompt && index.h("udp-divider", { key: '7279299133169ab4fa0f2deec5e3ce5fdbde2c8a', size: "100%" }), showReadOnlyEmptyState ? (index.h("div", { class: 'upload-container' }, index.h("unity-typography", { variant: "h4" }, `No item${this.allowMultiple ? 's' : ''}`))) : (showUploaderPrompt && (index.h("div", { class: 'upload-container' }, index.h("div", null, !this.hideDragAndDrop ? (index.h("unity-typography", null, index.h("p", null, this.getResolvedDragAndDropMessage()), !this.hideButton ? index.h("p", null, "or") : '')) : (''), !this.hideButton ? (index.h("custom-button", { label: this.getResolvedBrowseFileMessage(), onClick: (e) => this.handleBrowseFiles(e), id: 'udpRecord-file-upload-' + this.id, disabled: this.disabled || this.readonly,
+        })))), this.files.length > 0 && !this.readonly && showUploaderPrompt && index.h("udp-divider", { key: '744fb1686a06be487c05c5198e0e5a2114055ad1', size: "100%" }), showReadOnlyEmptyState ? (index.h("div", { class: 'upload-container' }, index.h("unity-typography", { variant: "h4" }, `No item${this.allowMultiple ? 's' : ''}`))) : (showUploaderPrompt && (index.h("div", { class: 'upload-container' }, index.h("div", null, !this.hideDragAndDrop ? (index.h("unity-typography", null, index.h("p", null, this.getResolvedDragAndDropMessage()), !this.hideButton ? index.h("p", null, "or") : '')) : (''), !this.hideButton ? (index.h("custom-button", { label: this.getResolvedBrowseFileMessage(), onClick: (e) => this.handleBrowseFiles(e), id: 'udpRecord-file-upload-' + this.id, disabled: this.disabled || this.readonly,
             //@ts-ignore
             udprecordid: 'udpRecord-file-upload-' + this.id })) : (''))))), this.renderImageModal(), this.errorMessage && !this.fileWindowOpen ? (index.h("div", { id: "error-text" }, index.h("unity-typography", { color: "error" }, this.errorMessage))) : (''))));
     }
@@ -1397,7 +1397,7 @@ const UdpDivider = class {
         const style = this.variant === 'vertical'
             ? { height: this.size }
             : { width: this.size };
-        return (index.h(index.Host, { key: '234f2f0318679ea8ee5f24e9eebc55bc1f8524e0', style: style }, index.h("div", { key: 'd441840a73b4ae798826dd55c351df6e4309c33b', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
+        return (index.h(index.Host, { key: 'e4d452980325188c864f4d89ccfa338c1228aab2', style: style }, index.h("div", { key: '4d4b95e21eb17145a0a122ab05acf6505f0c4b37', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
     }
 };
 UdpDivider.style = udpDividerCss();