@watermarkinsights/ripple 5.28.1 → 5.29.0-alpha.2

package/dist/collection/components/wm-modal/wm-modal.js

@@ -114,11 +114,11 @@ export class Modal {
         }
     }
     render() {
-        return (h("dialog", { key: '6146ea9b86156f864e74e1329db5ff68ea725790', class: `${"wm-" + this.modalType}`, "aria-labelledby": `wm-modal-heading-text-${this.uid}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '30f644962a0cb1b84eab05b334548f8ba5bad563', class: "tabtrap sr-only", tabindex: "0", onFocus: (ev) => {
+        return (h("dialog", { key: '971cf1e1e2425c11876eb75503cf150ca10bdb40', class: `${"wm-" + this.modalType}`, "aria-labelledby": `wm-modal-heading-text-${this.uid}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '8fe66f81867b79b593204fe0b775cde0a6fffe1a', class: "tabtrap sr-only", tabindex: "0", onFocus: (ev) => {
                 const focusedFromCloseButton = ev.relatedTarget && ev.relatedTarget == this.closeButtonEl;
                 // no related target means we're coming from outside the page (browser chrome), and first element should be focused instead
                 focusedFromCloseButton ? this.focusLastElement.emit() : this.focusFirstElement.emit();
-            } }), !this.hasBrowserPopoverSupport && h("div", { key: '6adb6d32c0e2a6f40b0925be7135befe886e1656', class: "wm-tooltip" }), h("slot", { key: 'f3f7f22e4a59aa9477c2e93b8775b1e15c6d0340' }), h("div", { key: 'c77444dcd4f59ef2bc235821aa26615520fdb0fa', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
+            } }), !this.hasBrowserPopoverSupport && h("div", { key: 'c69f5898139dec832b9cb49ae6c68f972de3dcd6', class: "wm-tooltip" }), h("slot", { key: '56eb71ba84fa3b7069a0a1b4a7affeef82d29402' }), h("div", { key: '4469cdcbc90b969102e4007e4fab2f2b3232ac4f', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
                 this.focusFirstElement.emit();
             } })));
     }

package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js

@@ -27,7 +27,7 @@ export class ModalPssFooter {
         parentModal.emitSecondaryEvent();
     }
     render() {
-        return (h("div", { key: '2bd45880c74b9cb8c470a2983bf1d46b9acb61a5', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: 'ce2d231765d334b03d6db9753591e72abf7efe9d', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '87a85ac4aa5514082c701111a9ec850d71034236', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: 'fbf829d3fa6ddda8fd8e20a402089258a9065836', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)), h("wm-button", { key: '06ec8889dcbe183da08c77d35a9a0d37be53510d', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.primaryText))));
+        return (h("div", { key: '76c744698ea11f3b3fe5f79face7e244434c0313', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: 'edb883c38b48c2b8d4cc4730abc1dd84e819eee5', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: 'b4d999febb44e7f66d4478d97036ae212a81e725', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: '5b8e533074440e27ab3d7699503e7ba141656517', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)), h("wm-button", { key: '591a9af4a56b4c2ee728bbf6a32156c8cec2e7b7', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.primaryText))));
     }
     static get is() { return "wm-modal-pss-footer"; }
     static get originalStyleUrls() {

package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js

@@ -25,7 +25,7 @@ export class ModalPssHeader {
     //   this.headingElement.focus();
     // }
     render() {
-        return (h(Host, { key: '8de5b12e5695d10dd613903f686539d743659fe9' }, h("div", { key: '64316a6b7e6f254013e99d19f805e2cd9cdd5fa9', class: "wm-wrapper" }, h("div", { key: '24d7e5322e51a03af815ca52d96f97fcc3c248ab' }, h("h2", { key: '77be37c5914b42f32d84c69c1a7129c77612a380', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: '17b87f65f5ef154dd04f4e814b54db3c9fefb5c2', class: "subtitle" }, this.subheading))), h("wm-button", { key: 'cb32d3986b79bc75e14ae4cddaa96e8728117e29', "button-type": "navigational", icon: "f156", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
+        return (h(Host, { key: '5b2a1e64fae70aa2d3d0a21c10220ab1245f9e19' }, h("div", { key: '8dc7424514c03eb4e92923401ee0c8198a7cd09d', class: "wm-wrapper" }, h("div", { key: 'f4704086f9d9ab00b41e7e08a18714ccc5b8d48c' }, h("h2", { key: '7600665f4d4ab1baaf6272e87deb5ab3850e359f', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: '0f72a252460f83bc37d7e2d3b96bd10786a8df1e', class: "subtitle" }, this.subheading))), h("wm-button", { key: 'ea8006d8833dcd07d922d0db5361aa4fcab3e560', "button-type": "navigational", icon: "f156", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
     }
     static get is() { return "wm-modal-pss-header"; }
     static get originalStyleUrls() {

package/dist/collection/components/wm-modal-pss/wm-modal-pss.js

@@ -115,9 +115,9 @@ export class ModalPss {
         }
     }
     render() {
-        return (h(Host, { key: 'f88b5818e0bbd04790ebd3d2ad5ed7365cb4378e', class: `${this.open ? "" : "hide "}${"wm-" + this.modalType}`, role: "dialog", "aria-describedby": `wm-modal-heading-text-${this.uid}`, "aria-modal": "true", tabindex: this.open ? 0 : null, onFocus: () => {
+        return (h(Host, { key: 'e987843882728ea9f8bbead03b88072c25b48801', class: `${this.open ? "" : "hide "}${"wm-" + this.modalType}`, role: "dialog", "aria-describedby": `wm-modal-heading-text-${this.uid}`, "aria-modal": "true", tabindex: this.open ? 0 : null, onFocus: () => {
                 this.focusLastElement.emit();
-            } }, h("div", { key: '716de7445a0492ff71faf681d58beb801eb985d4', class: "overlay", ref: (el) => (this.overlayEl = el) }), h("div", { key: '311087d52cee10763ed87f5532559dc7fc620a26', class: "sr-only", tabIndex: 0, onFocus: () => {
+            } }, h("div", { key: '3fc9383313c15153acf73353d1f22341e26ee8b7', class: "overlay", ref: (el) => (this.overlayEl = el) }), h("div", { key: '1af7e63fff723ff3e55b9b3b862e5f08b134d451', class: "sr-only", tabIndex: 0, onFocus: () => {
                 this.focusFirstElement.emit();
             } })));
     }

package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js

@@ -34,7 +34,7 @@ export class NavigationHamburger {
         this.wmNavigationHamburgerClicked.emit();
     }
     render() {
-        return (h(Host, { key: 'e5fb73423c0af009ee5408853227f9cbd27d0a58', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { key: 'c07546a67d2e470b7172485f02f2897af6730745', "aria-expanded": this.open, "aria-label": this.showNavMessage, onMouseEnter: () => showTooltip("right", this.el, this.showNavMessage), onMouseLeave: () => hideTooltip(), onFocus: () => this.isTabbing && showTooltip("right", this.el, this.showNavMessage), onBlur: () => hideTooltip(), onClick: () => this.handleClick() }, h("span", { key: 'a3ae264912ba81685737ee0f15459a21342b128c', class: "svg-icon svg-menu" }))));
+        return (h(Host, { key: '0c36ba5c8318675e3dc412116d9efed933f6768c', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { key: '51cead9339c6e8df93e6fc7ead55152fd7e6653f', "aria-expanded": this.open, "aria-label": this.showNavMessage, onMouseEnter: () => showTooltip("right", this.el, this.showNavMessage), onMouseLeave: () => hideTooltip(), onFocus: () => this.isTabbing && showTooltip("right", this.el, this.showNavMessage), onBlur: () => hideTooltip(), onClick: () => this.handleClick() }, h("span", { key: 'c77defeff79307eae76dee8af414874302d42a5e', class: "svg-icon svg-menu" }))));
     }
     static get is() { return "wm-navigation-hamburger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-navigation/wm-navigation-item.js

@@ -6,7 +6,7 @@ export class NavigationItem {
         this.active = undefined;
     }
     render() {
-        return (h(Host, { key: 'cae324324ba502c4e438ed7d95d05b03c6e0abc8', role: "listitem" }, h("a", { key: '357321484d6f9ca76ae76588de0e0245bc429278', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: '0c12bdfbb8db550d99cee869e6238bc2f842753f', class: "icon", "aria-hidden": "true" }, h("slot", { key: 'ddd837246f782f9222e0f30d03a18e42d35221fa' })), h("div", { key: 'ca3a038c1b8c4e073fedb84f23a996c1e4556b59', class: "text" }, this.text))));
+        return (h(Host, { key: '85a5d4e3e5d042f3961fbc55688869124991904c', role: "listitem" }, h("a", { key: '41308e7bf1e86da2969dd5fc9339259b69eae4cf', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: '98eec3001c7681836be770c8eaaf32aec8c16cfc', class: "icon", "aria-hidden": "true" }, h("slot", { key: '03b2f056ffd7df357602f384d969e18d3f42ff59' })), h("div", { key: 'b403037938ae6369c903b1599f16455d110f2f3e', class: "text" }, this.text))));
     }
     static get is() { return "wm-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-navigation/wm-navigation.js

@@ -96,9 +96,9 @@ export class Navigation {
             } }));
     }
     render() {
-        return (h(Host, { key: '728e290bb93236f900b6cee0ab9a7a864bd514cf', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: '3997c9b2967adc85b41afc834bcbbe3f4e5c8067', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '960c41a5a0932757de5321ab2e21fe0dbad50f6e', class: "tray" }, h("div", { key: '6aaf6d8d88dbd243c0b84f11ce24d7f0202c6a70', class: "toggle-wrapper" }, h("wm-button", { key: 'e009a82b20fcd5ee7f7d045ba85e1a8265273f65', ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "#close" : "#menu", "icon-size": "2rem", tooltip: this.open ? globalMessages.close : globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
+        return (h(Host, { key: '2e20b00c29aaa3fd895b5f7828c91b16377d5867', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: 'f4b5b0180cb2aa7d73c0f503d3dae474664101b8', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '9dd5b9e07ff403bc8cfa3b1d926caa39954d375a', class: "tray" }, h("div", { key: 'dc2714d85cc7f872199cb60365bfbb45646a2385', class: "toggle-wrapper" }, h("wm-button", { key: '4917cdc9f9cde388fe180742c5fc52e2fcd9bc2e', ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "#close" : "#menu", "icon-size": "2rem", tooltip: this.open ? globalMessages.close : globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
                 this.open = !this.open;
-            } })), h("ul", { key: 'abf01dbc15485f42dfc2fa5c8f87a895d4451c8e', class: "navlist" }, h("slot", { key: 'cc42697807c886c6fbec7b1b446206caa41b34e7' }))), this.isCollapsible && (h("div", { key: '020a258359a5f27cc62a44fb229735ed752eae83', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
+            } })), h("ul", { key: '102b37476e6b897c8e849bf4ab9faf0c98a04134', class: "navlist" }, h("slot", { key: '212b22589f75ed3455f3d52bd69e4fb456a6846f' }))), this.isCollapsible && (h("div", { key: 'd89b5341154495c670ad778d76c9dcbbf6aa2cd5', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
     }
     static get is() { return "wm-navigation"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js

@@ -9,7 +9,7 @@ export class PrivNavigatorButton {
     }
     render() {
         const { handleClick, altText } = this;
-        return (h("button", { key: 'adfd184468176b7b9c025b5e4db3c86a1e857b4b', "aria-expanded": this.expanded.toString(), class: "navigator", onClick: handleClick.bind(this), "aria-label": altText }));
+        return (h("button", { key: 'b943992d2bf60c9a8dccd57f5e9c95a78a39ebc4', "aria-expanded": this.expanded.toString(), class: "navigator", onClick: handleClick.bind(this), "aria-label": altText }));
     }
     static get is() { return "priv-navigator-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js

@@ -16,7 +16,7 @@ export class PrivNavigatorItem {
     render() {
         const selectedClass = this.selected ? "selected" : "";
         const focusedClass = this.focused ? "focused" : "";
-        return (h("div", { key: 'b79461e5967f3e75c8bb4d4c5e9e66d6b870c84b', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: '35f83b67f08a1d8fdc3aeaeba1acdef45e85fca1' })));
+        return (h("div", { key: '8eabd1a4aa27b3f1c35501315f28409aec4c653d', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: '899ef0e8bdd56b4b94fad094f5cdad4ae2e28ea7' })));
     }
     static get is() { return "priv-navigator-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-pagination/wm-pagination.js

@@ -204,7 +204,7 @@ export class Pagination {
     render() {
         return (
         // do not render the component if there's only one page
-        this.totalItems > this.itemsPerPage && (h("nav", { key: '535581d117f47eb9bf29853901e80554e3f29ea9', "aria-label": `${this.label || this.defaultLabel}. ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: '571b1089d6fe9775168f48c69b489305b1142a77', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
+        this.totalItems > this.itemsPerPage && (h("nav", { key: '5578175ac1a3c8f969cb3c525295324e27d3ed93', "aria-label": `${this.label || this.defaultLabel}. ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: '88723035ba83424d3ef0febc2a0372d0c0371028', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
     }
     static get is() { return "wm-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-search/wm-search.css

@@ -897,6 +897,7 @@
 }
 :host .wm-search-wrapper {
   border-radius: 3px;
+  overflow: clip;
   position: relative;
   border: 1px solid var(--wmcolor-border-dark);
   display: flex;
@@ -917,6 +918,7 @@
   width: 100%;
   flex: 1;
   font-family: inherit;
+  font-size: 0.875rem;
 }
 :host .wm-search-wrapper:focus-within {
   outline: 2px solid var(--wmcolor-border-focus);

package/dist/collection/components/wm-search/wm-search.js

@@ -168,10 +168,10 @@ export class Search {
      * End search and find render helpers
      */
     render() {
-        return (h(Host, { key: '7bfd505862c5bef72dc333bc22fb99c04c513b3f' }, h("div", { key: '9d7f4cf04c5655df0bf4d9697622182f1eb717c8', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: '88da025659c4c5f35ac3b4c7207ad734a115a85a', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
+        return (h(Host, { key: 'ea897892c22169b3e0eca35877a71ca023f1d57d' }, h("div", { key: '82799fcd9270bd67d973d32fe19613109e4f6908', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: '5d866059fd56e0b1799be743de518a15cfc1499b', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
                 id: "search.typeToFilterResults",
                 defaultMessage: "Type to filter the results",
-            })}`, onInput: (ev) => this.updateValue(ev.target.value), onBlur: () => this.handleBlur(), "aria-autocomplete": "none", autocomplete: "off", value: this.value }), h("span", { key: 'c5834f5cc58a1fd6d7c6637604cbbb5a610e2476', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: '243438ee1d91d8875ec3014f6b17532a283e7cdf', id: "wm-search-live", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.resultsLiveRegion = el) }, this.announcement)), this.searchType === "find" && this.renderJumpToLink()));
+            })}`, onInput: (ev) => this.updateValue(ev.target.value), onBlur: () => this.handleBlur(), "aria-autocomplete": "none", autocomplete: "off", value: this.value }), h("span", { key: '704d8e504047774ea57e43659b33b72de46027d2', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: 'f7ae1d60780b07483266ac1acd612f4e0f5780e1', id: "wm-search-live", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.resultsLiveRegion = el) }, this.announcement)), this.searchType === "find" && this.renderJumpToLink()));
     }
     static get is() { return "wm-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-snackbar/wm-snackbar.js

@@ -149,11 +149,11 @@ export class Snackbar {
             }, onKeyDown: (ev) => ev.key === "Enter" && this.snackLinkClicked(notification) }, h("span", { "aria-hidden": "true" }, notification.link), notification.newWindow && h("div", { class: "svg-icon svg-open-in-new" }))), (!notification.link && notification.action) && (h("button", { id: `action-${notification.id}`, class: "link", onClick: () => this.snackLinkClicked(notification), onKeyDown: (ev) => ev.key === "Enter" && this.snackLinkClicked(notification) }, notification.action))), h("button", { id: `close-button-${notification.id}`, "aria-label": this.closeSnackMessage, class: "closesnack", tabindex: notification.link || notification.action ? 0 : -1, onClick: () => this.snackDismissed(notification), onMouseEnter: (ev) => showTooltip("bottom", ev.target, globalMessages.close), onMouseLeave: () => hideTooltip(), onFocus: (ev) => this.isTabbing && showTooltip("bottom", ev.target, globalMessages.close), onBlur: () => hideTooltip() }, h("div", { class: "svg-icon svg-close" }))), h("div", { class: "sr-only", tabindex: notification.link || notification.action ? 0 : -1, onFocus: () => (notification.link || notification.action) && this.snackDismissed(notification) })))));
     }
     render() {
-        return (h(Host, { key: '93b6fe6527a434f9639d914c5c835530144c60be' }, h("div", { key: '143acfd90a277c949e9ffbacbe5fc520572be1a7', ref: (el) => (this.snackAreaEl = el), class: {
+        return (h(Host, { key: '7f368facfe469c9f9581a2cce4a65cd0d9e52be2' }, h("div", { key: '04d52f03711d82f311915427891d1d1be1e56355', ref: (el) => (this.snackAreaEl = el), class: {
                 "list-wrapper": true,
                 "user-is-tabbing": this.isTabbing,
                 empty: this.parsedNotifications.length == 0,
-            } }, this.renderSnackbars()), h("div", { key: '44196aa826573f4515efbf23735a1e5f7d663aa6', class: "sr-only", "aria-live": "polite", "aria-atomic": "false", id: `wm-live-region-${this.uid}`, ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+            } }, this.renderSnackbars()), h("div", { key: 'bb86f402615305aa19b72192e1ec0a57112be2d0', class: "sr-only", "aria-live": "polite", "aria-atomic": "false", id: `wm-live-region-${this.uid}`, ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     static get is() { return "wm-snackbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js

@@ -27,9 +27,9 @@ export class TabItem {
     }
     render() {
         const isDark = this.parentTabList && this.parentTabList.customBackground == "dark";
-        return (h(Host, { key: '71b3f6dac339c5ece826133f01d6d5f05089456a', role: "presentation" }, h("li", { key: '0823dff1b7394d6bbc34a7d0d932fd19d7c6c8d0', class: `tab-item ${isDark ? "dark" : ""}`, role: "presentation" }, h("a", { key: '9ad3118a0f6bf6741e73e18a3a12d435c4676619', class: `tab`, role: "tab", ref: (el) => (this.linkEl = el), id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1, onClick: this.tabClicked, onFocus: () => {
+        return (h(Host, { key: 'd37b204809df4c19b26cf582b05c613b587281c7', role: "presentation" }, h("li", { key: 'e0cd110ee60ba7d4f4851b8f1234444dc5b9331c', class: `tab-item ${isDark ? "dark" : ""}`, role: "presentation" }, h("a", { key: 'ec18e038ddc344acebf8889163825386a91739f3', class: `tab`, role: "tab", ref: (el) => (this.linkEl = el), id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1, onClick: this.tabClicked, onFocus: () => {
                 this.wmIntTabFocused.emit({ tabItem: this.el });
-            } }, h("slot", { key: '64e9b75227c4294294635d49da0ad49b3c91d541' })))));
+            } }, h("slot", { key: 'c06c1f2ea952219a75f4b54f1f1b90768ed5ea58' })))));
     }
     static get is() { return "wm-tab-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js

@@ -257,15 +257,15 @@ export class TabList {
         this.announcement = message;
     }
     render() {
-        return (h(Host, { key: 'e5437df047efe61428f2116cbcc9f94042dd84bc' }, h("div", { key: 'd933cd096869ca9d0808cbfcbacca30dfd89a1fc', class: "component-wrapper" }, h("wm-button", { key: '224781b9a7c43fa49ef403484416a6037190bb10', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#previous", tooltip: intl.formatMessage({
+        return (h(Host, { key: 'b9ad28e5f95356c3563be850e2c138c9ef15785f' }, h("div", { key: 'cefebd37c1de1c70a6a8b458398ebde182800658', class: "component-wrapper" }, h("wm-button", { key: 'ba39a280147b31c044c587d4cc1e1459a6566ca8', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#previous", tooltip: intl.formatMessage({
                 id: "tabs.showPreviousTabs",
                 defaultMessage: "Show previous tabs",
                 description: "Tooltip for button scrolling tab group.",
-            }), onClick: (ev) => this.handleLeftArrowClick(ev) }), h("ul", { key: '8e826993aa2b0387587357b43250e20bda02acdf', id: "tablist", ref: (el) => (this.tabContainerEl = el), class: `tabcontainer ${this.customBackground || ""} ${this.containerFadeLeft ? "fade-left" : ""} ${this.containerFadeRight ? "fade-right" : ""}`, role: "tablist", tabIndex: -1 }, h("slot", { key: 'c17a7bc0e8fa17e9142de78713cfffa5b340dbb1' })), h("wm-button", { key: '651170ba9e2b4cd4d91256386032a780bfa3cdf2', class: `right-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#next", tooltip: intl.formatMessage({
+            }), onClick: (ev) => this.handleLeftArrowClick(ev) }), h("ul", { key: '2718d4671d8f901415646d5d89476a5b0a2646d0', id: "tablist", ref: (el) => (this.tabContainerEl = el), class: `tabcontainer ${this.customBackground || ""} ${this.containerFadeLeft ? "fade-left" : ""} ${this.containerFadeRight ? "fade-right" : ""}`, role: "tablist", tabIndex: -1 }, h("slot", { key: '81a1dbdbb0c81c942c4e404e92c1dcf573a30067' })), h("wm-button", { key: '4f928cc980a030abf23fba8fa061bcf034350f1a', class: `right-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#next", tooltip: intl.formatMessage({
                 id: "tabs.showNextTabs",
                 defaultMessage: "Show next tabs",
                 description: "Tooltip for button scrolling tab group.",
-            }), onClick: (ev) => this.handleRightArrowClick(ev) }), h("span", { key: '83f0f5c60bb02b59e0e163a626be41ac18f1c4e2', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+            }), onClick: (ev) => this.handleRightArrowClick(ev) }), h("span", { key: '374a648cc8e379ef70ac7d037ee17f2bae7dd685', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     static get is() { return "wm-tab-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js

@@ -12,7 +12,7 @@ export class TabPanel {
         this.tabPanelLoaded.emit({ tabId: this.tabId });
     }
     render() {
-        return h(Host, { key: 'd1c5920b5b91b671adb2f1e503a5b6f676fcca5e', role: "tabpanel", tabIndex: "-1", class: { "tab-hidden": !this.active } });
+        return h(Host, { key: 'ff91e352a439b04bf9371f9085f83fe0c8f8d1a4', role: "tabpanel", tabIndex: "-1", class: { "tab-hidden": !this.active } });
     }
     static get is() { return "wm-tab-panel"; }
     static get originalStyleUrls() {

package/dist/collection/components/wm-tag-input/wm-tag-input.js

@@ -927,10 +927,10 @@ export class TagInput {
         }
     }
     render() {
-        return (h("div", { key: '6c77bfb5fb9e1ae7e28dee68eeadcf2aa691c082', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '7f8c1247d18dfdc9e1a555b281ec959c6dd51ccc', class: "label-wrapper" }, h("label", { key: 'a7da517e67d6a292c882fe5fc7221e2348f1f7ca', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.labelPosition !== "none" && this.requiredField && (h("div", { key: '1692c8ae9523d352f991074d2f61255d8c427fda', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '7477d441df0486b6fefb6bc72761442b64fd9197', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: 'b0a12556c5ccdf5e9e9ce702234c57c07138d385', class: "upper-row" }, h("div", { key: 'df01206db97e1a5dd555d9db7e439bf84d4a5404', class: "svg-icon svg-search" }), h("div", { key: '4239f0803eb63b065ff3ab1e625982590bb97b10', class: `tags-and-input-wrapper` }, h("ul", { key: '145ea9ae4ef192f3375aa546b96e6ca0efba3087', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-labelledby": "sr-instructions", tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
+        return (h("div", { key: '487a89339ede599f379c58bafeae76469d21a780', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'f849489b81e37460b4aefeec16624e246d2c8a2d', class: "label-wrapper" }, h("label", { key: '66ba79dc7d47e3cf8e0621a648d5488147a4e8a7', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.labelPosition !== "none" && this.requiredField && (h("div", { key: 'e56bff146fb718718892ec3ef65080a676d98330', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: 'c8f254c41f21d6e6b6a64269999177984b53c421', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: '7e20617627c57bbe0257a521e8d320e8a29af3c7', class: "upper-row" }, h("div", { key: '5ac0239866d948162dffab70b585baa987809229', class: "svg-icon svg-search" }), h("div", { key: 'a2118423ae068f8c8cf6ebc98bad2d257176fbed', class: `tags-and-input-wrapper` }, h("ul", { key: '58ecf075c9e6fb08094f8d7f28d537bc9dec9997', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-labelledby": "sr-instructions", tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
                 this.focusedTagIndex = undefined;
                 this.handleBlur(ev);
-            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("div", { key: '5c6e9c1a8efeed439dd8015c3ff5ba4a27466445', class: "sr-only", id: "sr-instructions" }, this.label, ". ", this.tagAreaInstructions), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (h("div", { key: '50c0e2577d268567b7f4b8523b59bab4c74d112d', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: 'bd795e379d945274f167b4d1caf4d268384ac763', id: "info", class: "info-text" }, this.info)), h("div", { key: '5e0e7536b79968ed61f978f2a707d9c7dba42016', id: "error" }, this.errorMessage), h("div", { key: '57687fd848414f203072d73e764b6eab445c9eda', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
+            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("div", { key: '34790567a401667fefd54928235c5e22cafcf2bc', class: "sr-only", id: "sr-instructions" }, this.label, ". ", this.tagAreaInstructions), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (h("div", { key: '3ad6fa7ae961b16bfaf28e0e2da722bafde7ed0c', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '00d080279460ffadcc1fdb265bc54b2b0a64c0f8', id: "info", class: "info-text" }, this.info)), h("div", { key: '694d807ce12dd203bb7e30bb4f742a395dee9caa', id: "error" }, this.errorMessage), h("div", { key: 'd02caba6dc7cdfc7f458cece08fa5170158125f2', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
     }
     static get is() { return "wm-tag-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-textarea/wm-textarea.js

@@ -71,7 +71,7 @@ export class Textarea {
         this.announcement = message;
     }
     render() {
-        return (h("div", { key: '35c5048f918ab18bc0adc8223f2321e363bd12d6', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '856cc26989cc86d19274101b0a24827951dfe12a', class: "label-wrapper" }, h("label", { key: '28475801b5c51f4f92efa43a57b68baeb524b64b', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '90595c60a3cd63093fc2d8c342a1c496dfdb3f1e', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.labelPosition !== "none" && this.requiredField && (h("span", { key: '1399946787ff019b38a5133cfffa48cab48f2acd', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '041cdc66b73a247dc0024a025955db41a84c8cef', class: "inner-wrapper" }, h("div", { key: 'b072be6d0a5637eaff95a11210e045931e28aead', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: '51a70fd2d2814f66e8d2767b98a78bba9f1c201f', id: "inputfield", disabled: this.isDisabled, "aria-describedby": "info error", onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleBlur(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, value: this.value, rows: 3, style: { height: this.inputHeight } }), this.characterLimit && typeof this.characterLimit === "number" ? (h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (h("div", { key: '10e8dffe7fa9ca8a0f2ee1eae1cb64c269ffd525', id: "info", class: "info" }, this.info)), h("div", { key: '8f5a778b2f9d29650b74815b976b98b9eaff2cee', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: 'a1eb19abf2ac8e09bab23e66a52c3b6a0fa7d456', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (h("div", { key: '2fd29393226475a08d48caea245df639abdca2a8', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'a437bb99ec6cf4282ab73af86067b7428f221764', class: "label-wrapper" }, h("label", { key: '9fd90c62fef8522899fda9bbbf56f31696899536', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: 'e675b92e9bac9c8a91b8eaad4387085b83533425', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.labelPosition !== "none" && this.requiredField && (h("span", { key: '73dea353285d5e11c0e50ebbab4e45b780cc9bdf', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '614d3a0c6142140af8fc52f29cf44819aa91a2b9', class: "inner-wrapper" }, h("div", { key: '2e54edf082375e9bf6044cedc6a9b6c24b191dad', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: '6fb2da50fd65c465c0a3501c6ae105fdc0a3175a', id: "inputfield", disabled: this.isDisabled, "aria-describedby": "info error", onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleBlur(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, value: this.value, rows: 3, style: { height: this.inputHeight } }), this.characterLimit && typeof this.characterLimit === "number" ? (h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (h("div", { key: 'c6b3ebb8216c9593dac5fdd1e6584628dd28c4b5', id: "info", class: "info" }, this.info)), h("div", { key: '2fb54fd6b9a0de90bebadd4a6483a375fd8d634b', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: 'e7683a6f5fb565fcc2d269232e3273806cc128d0', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     static get is() { return "wm-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-timepicker/wm-timepicker.js

@@ -281,13 +281,13 @@ export class Timepicker {
         return this.times.map((time, index) => (h("li", { id: `option${index + 1}`, "data-time": time, role: "option", onClick: () => this.handleOptionClick(time) }, this.reformatTimeInternal("12", time))));
     }
     render() {
-        return (h(Host, { key: '41725899f3e7e7a125aa0e1d5134840af5c08312', onBlur: () => this.close(false) }, h("div", { key: 'dd62c1ed75e942c4dfb0a4672922cc9e36ffcfa0', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: '8bb7976c75147040b386a64670883146b5cea3c6', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: '16f4c69d31ba9378aa4ed143f80928f90ed0cdba', id: "label", class: "label", htmlFor: "time-input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (h("div", { key: 'c8b660189ca66ad9b3babc6c8db9df6dd399e247', "aria-hidden": "true", class: "required" }, "*"))), h("div", { key: 'f661fd356437e5436114223cc29a52eb3118a2a7' }, h("div", { key: 'bebf84a5162d0627df72859ea959b61ef70b00f1', class: "inner-wrapper" }, h("input", { key: '9688fcfe498c440294507e1c0ff2932f57077251', id: "time-input", "aria-label": this.label, "aria-describedby": "error", ref: (el) => (this.inputEl = el), onBlur: () => this.handleInputBlur(), onInput: () => (this.value = this.inputEl.value), disabled: this.isDisabled, "aria-required": this.requiredField ? "true" : null, placeholder: this.timeFormat, autocomplete: "off", value: this.value, onFocus: () => this.tpWrapper.classList.add("focus") }), h("button", { key: 'd6368dac8c9623bb1d6fa4d9620c2ee4f3bd9f95', id: "btn", ref: (el) => (this.buttonEl = el), disabled: this.isDisabled, "aria-controls": "list", "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": this.buttonAriaLabel, "aria-describedby": "time-input", onClick: () => (this.isExpanded ? this.close() : this.open()),
+        return (h(Host, { key: 'f057602385c3afa3fa41bfaede121e1a71046e04', onBlur: () => this.close(false) }, h("div", { key: 'ac40efb8246f22f8952e4a5719a86ad44d946125', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: '63a8f7cc6531e0755e08d4828de669f8b4e7995b', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: 'cb8841c9d1cc202514f6de78e0c143dc905cb22e', id: "label", class: "label", htmlFor: "time-input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (h("div", { key: 'ad989be822d6ebf295481098ea02b88c1983a680', "aria-hidden": "true", class: "required" }, "*"))), h("div", { key: 'c8cea84d56c4e198d9466820fb574090d62f4f82' }, h("div", { key: '02fdd089d088ec43a569ade536fde18ea31a39a9', class: "inner-wrapper" }, h("input", { key: '30080a9b2c5af94c17c278bd23c0123d1da95822', id: "time-input", "aria-label": this.label, "aria-describedby": "error", ref: (el) => (this.inputEl = el), onBlur: () => this.handleInputBlur(), onInput: () => (this.value = this.inputEl.value), disabled: this.isDisabled, "aria-required": this.requiredField ? "true" : null, placeholder: this.timeFormat, autocomplete: "off", value: this.value, onFocus: () => this.tpWrapper.classList.add("focus") }), h("button", { key: '90a7fd0188f1d590509579b013cc506150749f9e', id: "btn", ref: (el) => (this.buttonEl = el), disabled: this.isDisabled, "aria-controls": "list", "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": this.buttonAriaLabel, "aria-describedby": "time-input", onClick: () => (this.isExpanded ? this.close() : this.open()),
             // This addresses an issue in Safari, where clicking buttons does not focus them
             // if the button does not receive focus when clicked, Timepicker incorrectly emits a blur event
             onMouseDown: (ev) => {
                 ev.preventDefault();
                 this.buttonEl.focus();
-            } }, h("span", { key: '8ddfb5aa572f502289371b6beb019ef3175c7320', class: "svg-icon svg-time" })), h("ul", { key: 'ff8533f5da516e128f3dc94dd00f0c4389f1d081', class: `options ${this.isExpanded ? "open" : ""}  ${this.openUp ? "upwards" : ""}`, id: "list", role: "listbox", "aria-labelledby": "label", "aria-describedby": this.isExpanded ? "collapsed" : null, tabindex: -1, ref: (el) => (this.optionsEl = el) }, this.renderOptions())), h("div", { key: '11fd0c06d8e314c1e49994ae7c26c87dbc7a5256', id: "error", class: "error" }, this.errorMessage)), h("div", { key: 'd3064458d445c31f95dedfd6bd43d42dcfa9b0f7', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
+            } }, h("span", { key: 'b9b7f2326eaf2047ae3cfbbaa1b853c02f92013d', class: "svg-icon svg-time" })), h("ul", { key: '321445600548b008758c69b2246d6965e8e93a6a', class: `options ${this.isExpanded ? "open" : ""}  ${this.openUp ? "upwards" : ""}`, id: "list", role: "listbox", "aria-labelledby": "label", "aria-describedby": this.isExpanded ? "collapsed" : null, tabindex: -1, ref: (el) => (this.optionsEl = el) }, this.renderOptions())), h("div", { key: '18e73b79a9b9372eb498b6a0c3438ef785b846f8', id: "error", class: "error" }, this.errorMessage)), h("div", { key: 'c80be090a83309d0a23daad6d0ebe6191082597e', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
     }
     static get is() { return "wm-timepicker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-toggletip/wm-toggletip.js

@@ -229,11 +229,11 @@ export class Toggletip {
         }
     }
     render() {
-        return (h(Host, { key: '81915f49745dada074e724bf80f94d0992a0ac9f', class: `size-${this.targetSize}` }, h("button", { key: '5e00d8e3b6d7a8c8141130ac14f6c2720d672ec2', ref: (el) => (this.buttonEl = el), class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => this.open(),
+        return (h(Host, { key: 'f092227f4bef97b0af667d65564c7b622e4869dd', class: `size-${this.targetSize}` }, h("button", { key: '534fe3691633dda67bcc62e8661416ff07ee1eee', ref: (el) => (this.buttonEl = el), class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => this.open(),
             // In order to position the tooltip identically to the toggletip, its presence is determined by these four events
-            onMouseEnter: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), h("div", { key: 'c5786961cb7691c17cc7ebb4f1333d9ec3155eec', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip",
+            onMouseEnter: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), h("div", { key: '193014bb248c664aa6249cab22717a512a74f6b6', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip",
             // @ts-ignore - despite what Typescript says, this is a valid event for popover elements
-            onToggle: (ev) => this.handlePopoverToggle(ev) }, this.tooltip), h("div", { key: '407093c6d04a498b1ea201fe2ef52295ff111e98', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
+            onToggle: (ev) => this.handlePopoverToggle(ev) }, this.tooltip), h("div", { key: '6e5e17ccfcda3b26be9762841fc346419625e7c0', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get is() { return "wm-toggletip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-uploader/wm-uploader.js

@@ -316,9 +316,9 @@ export class Uploader {
         return (h("div", { class: `drop-area -${this.dropArea}`, ref: (el) => (this.dropAreaEl = el), onDragEnter: (ev) => this.handleDragEnter(ev), onDragOver: (ev) => this.handleDragOver(ev), onDragLeave: (ev) => this.handleDragLeave(ev), onDrop: (ev) => this.handleDrop(ev) }, this.dropArea == "page" && (h("div", { ref: (el) => (this.dropOverlayEl = el), class: "drop-overlay", popover: "manual" }, h("span", { class: "upload-arrow" }), h("span", null, "Drop to Upload")))));
     }
     render() {
-        return (h(Host, { key: 'b648d4def7e7c2288b05f4a11979104c3d6a5c42', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: '44af23ab572d796da9e677861fa6f6463328d447', ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
+        return (h(Host, { key: 'ba107068957e362e4f7955665fb88ebf5b6cc496', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: '4f66e5d79375d338f5ac9927f92eecafe150505c', ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
             ,
-            "aria-atomic": "true" }), h("div", { key: '5ae821400d1b569698206a17b20d1bd1c0328d82', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
+            "aria-atomic": "true" }), h("div", { key: '976a43710c6b906925e5a081f1518890a901a644', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get is() { return "wm-uploader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/global/functions.js

@@ -349,36 +349,6 @@ function positionTooltip(placement, anchorRect, tooltipHeight, tooltipWidth) {
     horizontalPos = Math.max(horizontalPos, 24);
     return [verticalPos, horizontalPos];
 }
-export function hasRoomRight(x, spaceNeeded) {
-    let horizOffset = 0;
-    // if (getTextDir() === "ltr") {
-    if (x.type === "click") {
-        // if it's a mouse event, deal with mouse coords
-        horizOffset = x.clientX;
-        // if it's a focus event, the offset is 0
-    }
-    else if (x.type === "focus") {
-        horizOffset = 0;
-    }
-    else {
-        // otherwise an element was passed, calculate how far it is from the edge of the window
-        let el = x; // re-assignment is for clarity
-        while (el) {
-            if (el.tagName == "BODY") {
-                // deal with browser quirks with body/window/document and page scroll
-                var xScroll = el.scrollLeft || document.documentElement.scrollLeft;
-                horizOffset += el.offsetLeft - xScroll + el.clientLeft;
-            }
-            else {
-                // for all other non-BODY elements
-                horizOffset += el.offsetLeft - el.scrollLeft + el.clientLeft;
-            }
-            el = el.offsetParent;
-        }
-        // }
-    }
-    return window.innerWidth - horizOffset >= spaceNeeded;
-}
 export function checkForActiveElInShadow(element) {
     while (element && element.shadowRoot) {
         element = element.shadowRoot.activeElement;

package/dist/esm/{app-globals-b5a717cb.js → app-globals-eba3c8fb.js}

@@ -1,6 +1,6 @@
 import './index-ef50bc01.js';
 
-const version = "5.28.1";
+const version = "5.29.0-alpha.2";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length

package/dist/esm/{chartFunctions-ba9dc8bc.js → chartFunctions-4bc77b76.js}

@@ -1,5 +1,5 @@
 import { h } from './index-ef50bc01.js';
-import { i as intl, c as checkForActiveElInShadow, e as safeMultiplyFloat, f as getPosition } from './functions-2c952c7e.js';
+import { i as intl, c as checkForActiveElInShadow, e as safeMultiplyFloat, f as getPosition } from './functions-de887809.js';
 
 const colors = {
     salmon: "#ff5f4e",

package/dist/esm/{functions-2c952c7e.js → functions-de887809.js}

@@ -10180,36 +10180,6 @@ function positionTooltip(placement, anchorRect, tooltipHeight, tooltipWidth) {
     horizontalPos = Math.max(horizontalPos, 24);
     return [verticalPos, horizontalPos];
 }
-function hasRoomRight(x, spaceNeeded) {
-    let horizOffset = 0;
-    // if (getTextDir() === "ltr") {
-    if (x.type === "click") {
-        // if it's a mouse event, deal with mouse coords
-        horizOffset = x.clientX;
-        // if it's a focus event, the offset is 0
-    }
-    else if (x.type === "focus") {
-        horizOffset = 0;
-    }
-    else {
-        // otherwise an element was passed, calculate how far it is from the edge of the window
-        let el = x; // re-assignment is for clarity
-        while (el) {
-            if (el.tagName == "BODY") {
-                // deal with browser quirks with body/window/document and page scroll
-                var xScroll = el.scrollLeft || document.documentElement.scrollLeft;
-                horizOffset += el.offsetLeft - xScroll + el.clientLeft;
-            }
-            else {
-                // for all other non-BODY elements
-                horizOffset += el.offsetLeft - el.scrollLeft + el.clientLeft;
-            }
-            el = el.offsetParent;
-        }
-        // }
-    }
-    return window.innerWidth - horizOffset >= spaceNeeded;
-}
 function checkForActiveElInShadow(element) {
     while (element && element.shadowRoot) {
         element = element.shadowRoot.activeElement;
@@ -10662,4 +10632,4 @@ const weekdays = [
     intl.formatMessage({ id: "date.saturday", defaultMessage: "Saturday" }),
 ];
 
-export { findPrev as A, getTextDir as B, throttle as C, isElOrChild as D, getContextMeasurements as E, dateFind as F, calendar_months as G, findParentWithHiddenOverflow as H, getSmallestSkipInterval as I, transposeMatrix as J, wrapAround as K, calcPercentageInRange as L, makeISO as M, clampDate as N, getMonthLength as O, weekdays as P, handleDisabledAttribute as a, triggerFormSubmit as b, checkForActiveElInShadow as c, debounce as d, safeMultiplyFloat as e, getPosition as f, generateId as g, hideTooltip as h, intl as i, findAllScrollableParents as j, dateToISO as k, shouldOpenUp as l, hasRoomRight as m, truncateText as n, getLastFocusableDescendant as o, csvToArray as p, snakeCaseToCamelCase as q, getNewIndexToFocus as r, showTooltip as s, toBool as t, getCumulativeScrollOffset as u, shouldOpenDown as v, shouldShiftRight as w, shouldShiftLeft as x, measureText as y, findNext as z };
+export { getTextDir as A, throttle as B, isElOrChild as C, dateFind as D, calendar_months as E, getSmallestSkipInterval as F, transposeMatrix as G, wrapAround as H, calcPercentageInRange as I, getContextMeasurements as J, makeISO as K, clampDate as L, getMonthLength as M, weekdays as N, handleDisabledAttribute as a, triggerFormSubmit as b, checkForActiveElInShadow as c, debounce as d, safeMultiplyFloat as e, getPosition as f, generateId as g, hideTooltip as h, intl as i, findAllScrollableParents as j, dateToISO as k, truncateText as l, getLastFocusableDescendant as m, csvToArray as n, snakeCaseToCamelCase as o, getNewIndexToFocus as p, shouldOpenUp as q, getCumulativeScrollOffset as r, showTooltip as s, toBool as t, shouldOpenDown as u, shouldShiftRight as v, shouldShiftLeft as w, measureText as x, findNext as y, findPrev as z };

package/dist/esm/{intl-28a56253.js → intl-56b47a7b.js}

@@ -1,4 +1,4 @@
-import { i as intl } from './functions-2c952c7e.js';
+import { i as intl } from './functions-de887809.js';
 
 const globalMessages = {
     characterLimitReached: intl.formatMessage({