@watermarkinsights/ripple 5.6.0-0 → 5.6.0-2

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

@@ -30,7 +30,7 @@ export class ModalFooter {
         }
     }
     render() {
-        return (h("div", { key: '09b1182d96ad0f65ad6e2d865901ca600ef6bdc6', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '1e8d2e33fb67996cf2e6d3827ad566da2af0121f', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '3ef4184bbfe126af97339c495c21f78b82f96fbc', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: '3eb4cb51d51cf7d7e4d61d16399b036cccfb5825', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), h("wm-button", { key: '449c91c2c7af5810a8f8e3ab64c63a212a2df541', "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) : undefined) }, this.primaryText))));
+        return (h("div", { key: '7aeaff5b719c2f24e7b067c0657826c4a2ae0e6c', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '46bdd10fdf2e861afcd36534f9e0f9528c2e95b9', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '23ed4147dffa5b129ea7b05833c62bdf508f5a10', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: 'c1230f50033d37370ae4e975835392257879d762', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), h("wm-button", { key: '318669121c5da214d2e144572365a80079f96d07', "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) : undefined) }, this.primaryText))));
     }
     static get is() { return "wm-modal-footer"; }
     static get originalStyleUrls() {

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

@@ -21,7 +21,7 @@ export class ModalHeader {
         parentModal.emitCloseEvent();
     }
     render() {
-        return (h(Host, { key: '5f19057a411235360621a94b35d8bbd0cafeb756' }, h("div", { key: 'cd92ce876d1c46693afde4216b07c975505943a0', class: "wm-wrapper" }, h("div", { key: '288de703687da76c9c19cb7c9d585291511858af' }, h("h2", { key: 'e4336d48cd65b5d2edce772ecede4d55d8742490', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: '4039bf3b3193af1c15c4fa0d4127965bb4af0fdc', class: "subtitle" }, this.subheading))), h("wm-button", { key: 'b745264b5bc4d84ce93d8f71fd6fbea9951481c5', "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: '3a56e17c11753bd5e55dcec87a1eeb488073ddf3' }, h("div", { key: '188409a0e9e85abb377716ee0851bd3c19474df2', class: "wm-wrapper" }, h("div", { key: 'e9515b287cd6c45ae8fa48c7f2e171f8f929cc80' }, h("h2", { key: 'f9f150281c3bee04e00b1b0d639e2a7441eff58b', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: '1d2fb839c61a76c626a86466f65b5f3df4ebb554', class: "subtitle" }, this.subheading))), h("wm-button", { key: '2262693ab60d738eba204ac3ee1a6a771697d98d', "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-header"; }
     static get originalStyleUrls() {

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

@@ -108,11 +108,11 @@ export class Modal {
         }
     }
     render() {
-        return (h("dialog", { key: 'f9804007b3075d04567628d467538b268f2005cc', class: `${"wm-" + this.modalType}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '40c848ef5e791eeaf3fc116764f0007f3e14132d', class: "tabtrap sr-only", tabindex: "0", onFocus: (ev) => {
+        return (h("dialog", { key: '46b2d53c67a792392549ae57549283d730e690e1', class: `${"wm-" + this.modalType}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '56b57b2635957c1112d047b56cdc8ccbb889ed1d', 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: '8bec0c492699e1544dde7219ec704a5ef3a3b6ee', class: "wm-tooltip" }), h("slot", { key: '2646b7ab94b1426e9166fd589680f6e1e401643f' }), h("div", { key: 'fddae069851ee02bdda40853a46e9b70bc311c99', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
+            } }), !this.hasBrowserPopoverSupport && h("div", { key: 'cd2cd507720473c86a7239ac5bfdde78908a4ae2', class: "wm-tooltip" }), h("slot", { key: '7c7914fb618282ac84022c7607255ffa015b7bf3' }), h("div", { key: 'e341544f3c97d8b8db3734b1f15778ac5a551942', class: "tabtrap 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: 'b813a9264454c413f65eef5389e394ef1b291317', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { key: '4e623dd65471a455bc352940ea99a2ed1e10ff63', "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: '6754b962ff1a87cabe636bad94e953c7bbdde09e', class: "icon" }))));
+        return (h(Host, { key: '5d7b3360de5a2c0e5915ba5dc713b49d5f99493b', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { key: 'f716f66f0de7859321f5e1b67089819fbecb230b', "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: '814ccc6a2e194be8da24fd8669c0c55a4c5ccc7e', class: "icon" }))));
     }
     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: '59d24293849944df41c1d904458413e8f201e348', role: "listitem" }, h("a", { key: '4e0e4717b961c7020ab19a5564ed8328789c5f34', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: '8ce442d2d492faba715138bbc7a0e2c2d2bc1a75', class: "icon", "aria-hidden": "true" }, h("slot", { key: '898d3ec6a650f7a2e2d59f2c01d777b7d061420c' })), h("div", { key: 'e1858a03da5dbb807adbaed86e50cac95f59edc3', class: "text" }, this.text))));
+        return (h(Host, { key: 'da4dc9523bca84cdd02f7e5d47e513c426ed90fd', role: "listitem" }, h("a", { key: '4e51a03f17100c397a827be7c089cc1c28d40f6c', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: 'c01fb24078960839c06728eb92e8bc087750a477', class: "icon", "aria-hidden": "true" }, h("slot", { key: '0434248e936a12b3c224dac32df1dcf259d7bfc8' })), h("div", { key: 'a340b8ec4e8bb07fa7877f33e447895a7a890f98', 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: '07253bd6d752aa41a1715cf2d28e600b7aae4355', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: 'dbb1d92bad6c1f59f159f63758cc0110e1d6b94b', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '93b63fb63bb94b32f25d250836c1d8b98cc20d08', class: "tray" }, h("div", { key: '89a4323868c66a84bb4f12921103b150068906bc', class: "toggle-wrapper" }, h("wm-button", { key: '0de023f3c6dd6e396adf0a248ca8333095a43359', ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "f156" : "f35c", "icon-size": "2rem", tooltip: this.open ? globalMessages.close : globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
+        return (h(Host, { key: 'a801b62b17dec1f3a0d87c4aa63d40bdc6f8df31', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: '76559f97777c8f329a6b3709ddef23d6e883242d', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '985dc05ba299a0cc003f0e744d86d69840be451a', class: "tray" }, h("div", { key: 'bfdae051a241a58b7bc97a9cf8eb3515c0bba590', class: "toggle-wrapper" }, h("wm-button", { key: '3fad817d4c16dc82618987a426d1f2dde1136e8d', ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "f156" : "f35c", "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: '1d7b6fc3268583b27b2a0dc46859b6ca1c6d8e52', class: "navlist" }, h("slot", { key: '870cf6f8c01dba37611097c836880792ddddefd6' }))), this.isCollapsible && (h("div", { key: '2d89c522803c67ea290e054ac2a8040f3f257282', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
+            } })), h("ul", { key: '6383b6f7da04d79798b86632926ecd63e6e41130', class: "navlist" }, h("slot", { key: '83c0ffa4d2f9b6a1fa151fa4a7dbffc59971f816' }))), this.isCollapsible && (h("div", { key: '37eb48310423c3e6e42dde13bb0a920c3a9044c2', 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: '29d02e90dbbedea053c4f04cd4d1e9fac50c2efa', "aria-expanded": this.expanded.toString(), class: "navigator", onClick: handleClick.bind(this), "aria-label": altText }));
+        return (h("button", { key: '5823e9e5be2d0bffba4fbcd34fd6e05692bc1da5', "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: '97d4210235097624138fa3ebef82e058c505c506', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: '5720a27350fed77a8501a20055b59b44ebdc32da' })));
+        return (h("div", { key: '2bb6415b6b29c1587a7886a9fb743182b747f95e', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: 'b13f183ea05d6de0bdf6ad021b122ad7fb4fe069' })));
     }
     static get is() { return "priv-navigator-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class Option {
         if (this.subinfo) {
             classes.push("hassubinfo");
         }
-        if (this.parentSelectEl.multiple) {
+        if (this.parentOptionList.multiple) {
             classes.push("multi-option");
         }
         if (!this.el.textContent.toLowerCase().includes(this.searchTerm)) {
@@ -21,11 +21,13 @@ export class Option {
         }
         return classes.join(" ");
     }
-    get parentSelectEl() {
-        var _a;
-        return ((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.nodeName) !== "WM-SELECT"
-            ? this.el.getRootNode().host
-            : this.el.parentElement;
+    get parentOptionList() {
+        if (this.el.classList.contains("clone")) {
+            return this.el.closest("priv-option-list");
+        }
+        else {
+            return this.el.assignedSlot.closest("priv-option-list");
+        }
     }
     handleKeydown(ev) {
         switch (ev.key) {
@@ -57,6 +59,10 @@ export class Option {
                 ev.preventDefault();
                 this.wmEndKeyPressed.emit();
                 break;
+            case "ArrowLeft":
+                ev.preventDefault();
+                this.wmKeyLeftPressed.emit(this.el);
+                break;
             default:
                 if (ev.key.length === 1) {
                     ev.preventDefault();
@@ -72,7 +78,7 @@ export class Option {
                 this.intCloneClicked.emit(this.el); // used to then emit wmOptionSelected from the "real" wm-option
             }
             else {
-                if (this.parentSelectEl.multiple) {
+                if (this.parentOptionList.multiple) {
                     this.selected
                         ? this.wmOptionDeselected.emit(this.el)
                         : this.wmOptionSelected.emit(this.el);
@@ -134,10 +140,10 @@ export class Option {
         this.syncAriaSelected();
         this.syncAriaDisabled();
         this.updateDisabledOnClick();
-        this.parentSelectEl.addEventListener("wmSelectSearchChanged", (ev) => this.handleSearch(ev));
+        this.parentOptionList.addEventListener("optionListSearchChanged", (ev) => this.handleSearch(ev));
     }
     render() {
-        return (h(Host, { key: '6d7f92d3b13121ae8ddffb4d8e6028db2171116a', role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, h("div", { key: 'd0dccae3c763686b420b0bf16d7bf2880b1cdc67', class: `option-wrapper ${this.parentSelectEl.multiple ? "checkbox" : ""}` }, h("span", { key: '6e1fbd0d49be13883048634cd54d19f19256226d', class: "option-text", "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), h("span", { key: 'f57f7c21e833a1c03f8407eaccb0883ef6b3a79a', class: "sr-only" }, this.el.textContent)), h("div", { key: '1256826e0ddc1e3c48141e8c0f6864b3401cacf7', class: "subinfo" }, this.subinfo)));
+        return (h(Host, { key: '94c3cd2783b9675927ad05aa6c4c1f387f95ef18', role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, h("div", { key: 'd3be5bbb8f5bf1f4e7f87bc5e735f78ce197fc62', class: `option-wrapper ${this.parentOptionList.multiple ? "checkbox" : ""}` }, h("span", { key: '871aa9bd93c515c765cd80713098ada62c48ee73', class: "option-text", "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), h("span", { key: 'bdb7e37c1febf0b7dd0919f5a8991b6bdd6ad050', class: "sr-only" }, this.el.textContent)), h("div", { key: '2fdcbca45d8e3540a24ba7f45d895bae07ee0c18', class: "subinfo" }, this.subinfo)));
     }
     static get is() { return "wm-option"; }
     static get encapsulation() { return "shadow"; }
@@ -350,6 +356,26 @@ export class Option {
                         }
                     }
                 }
+            }, {
+                "method": "wmKeyLeftPressed",
+                "name": "wmKeyLeftPressed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "HTMLWmOptionElement",
+                    "resolved": "HTMLWmOptionElement",
+                    "references": {
+                        "HTMLWmOptionElement": {
+                            "location": "global",
+                            "id": "global::HTMLWmOptionElement"
+                        }
+                    }
+                }
             }, {
                 "method": "wmEscKeyPressed",
                 "name": "wmEscKeyPressed",

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

@@ -151,7 +151,7 @@ export class Pagination {
     render() {
         return (
         // do not render the component if there's only one page
-        this.totalItems > this.itemsPerPage && (h("nav", { key: '5c750d2aa90adcbb709fb5007862401e11e8d23d', "aria-label": `Pagination Navigation. ${this.getCurrentPagesInView()}. Current page, ${this.currentPage}.` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: 'be58da3d786e0ed7455b762f4273bbad08755196', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
+        this.totalItems > this.itemsPerPage && (h("nav", { key: '34a7f7c87435f83b3e7f96a3df9c9b2bc04904e8', "aria-label": `Pagination Navigation. ${this.getCurrentPagesInView()}. Current page, ${this.currentPage}.` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: '9a7e0416709be604a8dd4eb9bcab3dd52522d68a', 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.js

@@ -166,10 +166,10 @@ export class Search {
      * End search and find render helpers
      */
     render() {
-        return (h(Host, { key: 'f7ac09fb284f8ef6e62cb879298972e3d52ed472' }, h("div", { key: '357cf8e3e57a90fa9a8ca75b51fcb50a16877476', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: 'db65cd0b75b1ace94c30feedb4825512f082e015', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
+        return (h(Host, { key: '6c16340c9ad9708a996658a3f051a14a3739c73e' }, h("div", { key: '34f0c61a73aba3a8c96a3b439221a7bb2ff0f88d', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: '41c4c594f3703e03aa40b5a0e4063157b4220021', 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: '76d92862fd431394e6eadb3c71b8ad39d33ec0b9', class: "mdi search-icon" }, String.fromCodePoint(parseInt(`0xf349`))), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: '54ff42dd8bf9d13e2f15db19aef39a592622beb3', 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: '5b31af1659df781ceccad1790c7bd813041e0b24', class: "mdi search-icon" }, String.fromCodePoint(parseInt(`0xf349`))), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: '6204ce5f10b151ff86a8858573a9ebfb4e6469f4', 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

@@ -150,11 +150,11 @@ export class Snackbar {
             }, onKeyDown: (ev) => ev.key === "Enter" && this.snackLinkClicked(notification) }, h("span", { "aria-hidden": "true" }, notification.link)))), h("button", { id: `close-button-${notification.id}`, "aria-label": "Close this notification", class: "closesnack", tabindex: notification.link ? 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: "sr-only", tabindex: notification.link ? 0 : -1, onFocus: () => notification.link && this.snackDismissed(notification) })))));
     }
     render() {
-        return (h(Host, { key: '55f568def0428fb9d6fe5864415e2adafadc06c0' }, h("div", { key: '41e76a6037228d4aa14902f20956db46a5c07874', ref: (el) => (this.snackAreaEl = el), class: {
+        return (h(Host, { key: 'ebeaedb3dc25fc8e9150c0ecc36090681b0d18dd' }, h("div", { key: '468a995190f7e64240c3bd3a4f69daba9cfd0a5d', ref: (el) => (this.snackAreaEl = el), class: {
                 "list-wrapper": true,
                 "user-is-tabbing": this.isTabbing,
                 empty: this.parsedNotifications.length == 0,
-            } }, this.renderSnackbars()), h("div", { key: '519c873b6e79ad653491c6ef2652691eb308f15f', 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: '2387f44a37c251347df54d1166adf0eee29ba18a', 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

@@ -40,7 +40,7 @@ export class TabItem {
                 "background-size": `calc(100% - ${bkgSize}${units}) 3px`,
             };
         }
-        return (h(Host, { key: '0d9c95f25f36cd8e37bdacdfc73c9032ab11f8b9', role: "presentation" }, h("li", { key: '6d83fae63842be52110fdcaf1797767c8defa24e', class: "tab-item", role: "presentation" }, h("a", { key: '399e8aa507afa3b70b925969c9fd4508345098fb', class: `tab ${classes}`, style: styles, role: "tab", ref: (el) => (this.linkEl = el), onClick: this.tabClicked, id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1 }, h("slot", { key: '3571988e318de8baa6a9d82c464d101f38d12a51' })))));
+        return (h(Host, { key: '0c5a7679c18bac1286f45864f8b26b428ab108dc', role: "presentation" }, h("li", { key: 'fd6308920cc5fcce3056701abcaa53bfa9e67d3c', class: "tab-item", role: "presentation" }, h("a", { key: '573ef3b73a943f46f508a05f9a4dd35bfb607e63', class: `tab ${classes}`, style: styles, role: "tab", ref: (el) => (this.linkEl = el), onClick: this.tabClicked, id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1 }, h("slot", { key: '62ec27174d595232ecdcf84b9edcb00592a155ed' })))));
     }
     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

@@ -155,7 +155,7 @@ export class TabList {
             } }, t.textContent)));
     }
     render() {
-        return h(Host, { key: 'c768cc9153a707b6093d82b387d33df4b67f9adf', class: this.menuLayout ? "menu" : "" }, this.renderMenuOrTabs());
+        return h(Host, { key: '01fdce3631a9acbae450ed744ef2f8504a3ff4f0', class: this.menuLayout ? "menu" : "" }, this.renderMenuOrTabs());
     }
     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: '83da2497d78709f8b891e4c3735508b992fc6a90', role: "tabpanel", class: { "tab-hidden": !this.active } });
+        return h(Host, { key: '0c101fa2890d144b7fc1591e0a15d758220961c7', role: "tabpanel", 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

@@ -858,12 +858,12 @@ export class TagInput {
         }
     }
     render() {
-        return (h("div", { key: '33abb5778cad372a77e0d92ec7db591a7cacb216', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '83814d7be8f23c6d6d73ac126f6545d6c19fbf50', class: "label-wrapper" }, h("label", { key: 'e404bc94e35dad4c3ca1247c4a59a4ca7d9c472c', class: "label", htmlFor: "input" }, this.label, this.requiredField && (h("span", { key: '07671bf51458668dfc54cbcea7ee557aac20c9dd', class: "required", "aria-hidden": "true" }, "*")))), h("div", { key: '78e36202ba0e55d912532d36dc0c731fd68266ec', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: '6be8fa1d4586a06c2d72a02e7e5eb186b2ee374a', class: "upper-row" }, h("div", { key: '4fce716703d1ce34be8d1837d14a55a96ee57ce1', class: `tags-and-input-wrapper ${this.inModal ? "in-modal" : ""}` }, h("ul", { key: 'ecb9d7b6a0c92fd5c575b86f71252d96299a50bb', 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-label": `${this.label} ${this.tagAreaInstructions}`, tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
+        return (h("div", { key: '1de51865f13abeb3e26ec0aca4a3ccf89d502cf8', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '4d0c28e82dbfb01d5b2ab013c06079eec1e51f42', class: "label-wrapper" }, h("label", { key: '8459c9f4d7d2cda63787e04ccbf831b7a4ba7e1d', class: "label", htmlFor: "input" }, this.label, this.requiredField && (h("span", { key: 'f0bae4092eff27ef5ccc7edb9a31f972440c2935', class: "required", "aria-hidden": "true" }, "*")))), h("div", { key: '2b019507953ae6c5798315b9c4f32d5c516b1d7a', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: '91abf5dc6dbae378abf09cb39d34c56209af552c', class: "upper-row" }, h("div", { key: '3a528af352d61be59fa29f9e1d301713d6c1d84e', class: `tags-and-input-wrapper ${this.inModal ? "in-modal" : ""}` }, h("ul", { key: 'db1614440ef06c6107f6df126962431381b2f14c', 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-label": `${this.label} ${this.tagAreaInstructions}`, 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("input", { key: 'fb154aee6848ebc5a0b4a89596d2470cdc6ae8cc', id: "input", class: "input", role: "combobox", ref: (el) => (this.inputEl = el), autocomplete: "off", "aria-required": this.requiredField ? "true" : null, "aria-controls": this.tagInputType, "aria-describedby": `help-text${this.errorMessage ? " error " : ""} max-tags`, "aria-label": `${this.label} ${this.isDropdown ? globalMessages.getCharacterLimit(this.characterLimit) : ""}`, "aria-expanded": this.isDropdown ? this.isExpanded.toString() : null, "aria-activedescendant": this.inputActiveDescendantId, placeholder: this.placeholder, maxLength: this.isDropdown ? this.characterLimit : undefined, onInput: (ev) => this.handleInputChanged(ev), onBlur: (ev) => {
+            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("input", { key: '0fcca09b600283acaa7dbe187ebcd879318fbcb5', id: "input", class: "input", role: "combobox", ref: (el) => (this.inputEl = el), autocomplete: "off", "aria-required": this.requiredField ? "true" : null, "aria-controls": this.tagInputType, "aria-describedby": `help-text${this.errorMessage ? " error " : ""} max-tags`, "aria-label": `${this.label} ${this.isDropdown ? globalMessages.getCharacterLimit(this.characterLimit) : ""}`, "aria-expanded": this.isDropdown ? this.isExpanded.toString() : null, "aria-activedescendant": this.inputActiveDescendantId, placeholder: this.placeholder, maxLength: this.isDropdown ? this.characterLimit : undefined, onInput: (ev) => this.handleInputChanged(ev), onBlur: (ev) => {
                 this.handleBlur(ev);
-            }, onFocus: () => this.handleInputFocus(), onKeyDown: (ev) => this.handleInputKeyDown(ev) })), this.isDropdown && (h("div", { key: 'f17d34cc1dab1e7c37a20d79d65f259aef2db3c3', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: 'ea41b9923c0bd26b0554a76301d0aa488558edc1', id: "info", class: "info-text" }, this.info)), h("div", { key: '9dc002e1b3a97ead65eb8e4fd785dab62a9f4048', id: "error" }, this.errorMessage), h("div", { key: 'b4a72c8d1c58a19d11d6937cd6b26a496f647c30', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
+            }, onFocus: () => this.handleInputFocus(), onKeyDown: (ev) => this.handleInputKeyDown(ev) })), this.isDropdown && (h("div", { key: '28ee8e7c92281759640d8207606b275fda859f57', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '6288989f799ab3807133e4f4a38d3760d54c2907', id: "info", class: "info-text" }, this.info)), h("div", { key: '66757a1ea470d00a4b4467ea5676531ae6d4b7b7', id: "error" }, this.errorMessage), h("div", { key: 'ee78f2b7c5a17a78317be02b0d425218ec69e776', 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

@@ -65,7 +65,7 @@ export class Textarea {
         this.announcement = message;
     }
     render() {
-        return (h("div", { key: 'a5997b0d5dce20f77941690731ed6ba5cd1d9858', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'aad504a8a1d66943b608d7b3bd835bca3c14cad1', class: "label-wrapper" }, h("label", { key: '4e731d38bc61ff74c8fa8c02a4919c1086fc94d8', htmlFor: "inputfield", class: "label" }, this.label, this.characterLimit && (h("span", { key: '4e57dca225b03c470452c4136e294a2ba2615cf9', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit))), this.requiredField && (h("span", { key: 'f17ef4ee28a329a3655f4a29f736518465a7594d', class: "required", "aria-hidden": "true" }, "*")))), h("div", { key: '695981592b51ff1b27d80018024fa9605dbce6a4', class: "inner-wrapper" }, h("div", { key: '0b0d2659db296f2f83902a7ea0c84b09496be4e3', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: '7a7eb761ee1da371a506741fb2a8808c8ad37018', 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: '501a8e2e33bc0ce87b02d6c094f20767247fb080', id: "info", class: "info" }, this.info)), h("div", { key: '5d6a559dc433c567fdcf0a2b21fa4d69bfbd2d25', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: 'ee6a8851e53375394b185bf14a77f2c6cca79d2a', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (h("div", { key: 'd93d32cbfa72c45f0fc5dfe899ea1bb4bcbbde77', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '4996149d1994fc4064fae9e5c4027d24fe440bd9', class: "label-wrapper" }, h("label", { key: 'bdf3862839291e13fed599aeb9c2f378c1d35b27', htmlFor: "inputfield", class: "label" }, this.label, this.characterLimit && (h("span", { key: '8acef0e58d223ae60fd31b9a99632650a85853bb', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit))), this.requiredField && (h("span", { key: '380533416667d1e3fc5d532408fa5dd6ad317ddb', class: "required", "aria-hidden": "true" }, "*")))), h("div", { key: 'a7f7f6116acb1a10ad31e3ba7789ea9a3cb931ac', class: "inner-wrapper" }, h("div", { key: 'bd0e2a92cdc8407ef92270ed7240b4908ccac205', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: 'f12160e7d4f0b43d33b5138f5d466274b259fce7', 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: '8aa68fb0f048082114251325a92fb40303c51e32', id: "info", class: "info" }, this.info)), h("div", { key: '76b6b2b91d210f34921884ea04d9f710bb024d6f', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: 'f08b616acaffd0b2fa9465fa13f979b73681a36b', 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

@@ -275,13 +275,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: '58694542ea396f6874a0889ac5fdd608477e01f4', onBlur: () => this.close(false) }, h("div", { key: '182422d05a01af98eb1fcf95817cec6ee95a81b9', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: 'ac2f32d2e2e35fb5014a5e8c44bdecc3e3963c0e', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: '6cd54b3142c4ca0a88bf8e22a2074f67f72e1423', id: "label", class: "label", htmlFor: "time-input" }, this.label, this.requiredField && (h("span", { key: '41f2f167ccbfbd81c7d37396f25c22a5db4a5baf', class: "required", "aria-hidden": "true" }, "*"))))), h("div", { key: '9c9f880595e1de671d24b327a47e17e03a056ab6' }, h("div", { key: '7a58504c80378f052e7da86692f53630c15b6837', class: "inner-wrapper" }, h("input", { key: 'df44714cfb58a6ef9e49d548b732f1daa70dddfa', 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: '40e964286b360d9c86c54065c2acf6f761ad6a03', 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: '4273a93c71596571249e0458d8af94e8b1655856', onBlur: () => this.close(false) }, h("div", { key: 'f74544bf54e746a08764ca1bb9a94190adb3eee6', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: '5b224d737d78d47caa09a7b4e75b5f7bffb027d3', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: '2aff658bf7776fd353a17abf8de6bb34d3e0127a', id: "label", class: "label", htmlFor: "time-input" }, this.label, this.requiredField && (h("span", { key: '062f7b3cd70011577060099a95c0e6d3db0235eb', class: "required", "aria-hidden": "true" }, "*"))))), h("div", { key: '392d44c8bf126ebd094fad061d361fa1234be24b' }, h("div", { key: '60756d0e3e8f4a0ed59e2a2b5b6ae74bc726ad1c', class: "inner-wrapper" }, h("input", { key: '618ea199eb6b56d5a37fcbbc4f1ac5a43c2e841a', 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: '3b4028ca2ded19a246b5d1da6870123e20b2e86d', 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: 'd6912b075f5ad8396b82b6d8f562e41698cfe62f', class: "clock" })), h("ul", { key: '458b1c42f853567c26a32f6538ed6c6ba629c38f', 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: '2c561ba815cf53ecb94e21864be52c72fc7b8c13', id: "error", class: "error" }, this.errorMessage)), h("div", { key: '6f216c9a6539cf1800dfe944d762e31dc9c3422e', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
+            } }, h("span", { key: '5faf96e0b06dbdec77903403ffd97fb28699659e', class: "clock" })), h("ul", { key: 'cef264a3a902902aa35666faf6f3d4df10b8ee19', 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: '1d2df2415ffd87caf5844135e26df9863230e0af', id: "error", class: "error" }, this.errorMessage)), h("div", { key: '7ae2299e87d631454655a1f0c8db5578964bd58c', 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

@@ -97,9 +97,9 @@ export class Toggletip {
         }
     }
     render() {
-        return (h(Host, { key: '8f5da43befa9de791cb44afba532182f6df0a81d', class: `size-${this.targetSize}` }, h("button", { key: '81c79d18ff76953fbf9dce6192011085ccb296ba', class: "button", type: "button", "aria-label": this.label, onClick: () => this.open(),
+        return (h(Host, { key: '92fa9eecce23b6f6dee42f9cb4a14e510d61a361', class: `size-${this.targetSize}` }, h("button", { key: 'b0a5a28e67d3badebea33ae45011c13256c91914', class: "button", type: "button", "aria-label": this.label, onClick: () => this.open(),
             // In order to position the tooltip identically to the toggletip, it's presence is determined by these four events
-            onMouseEnter: () => showTooltip(this.tooltipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => showTooltip(this.tooltipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }), h("div", { key: '3b183d1c1624cbadb6b774c55c0debcb99785c6d', ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.isOpen ? "" : "hidden"} ${this.tooltipPosition}` }, this.tooltip), h("div", { key: '45e77332889bdfc552906127f24452ee0c97fe27', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
+            onMouseEnter: () => showTooltip(this.tooltipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => showTooltip(this.tooltipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }), h("div", { key: 'c74e2f6f8dab331e32bbab28dc5d257771be0ba3', ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.isOpen ? "" : "hidden"} ${this.tooltipPosition}` }, this.tooltip), h("div", { key: '2655279a5bdb6ce5ee0f3cceec45280b6c7b55aa', 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

@@ -195,9 +195,9 @@ export class Uploader {
         return (h("div", { class: `wrapper ${this.errorMessage ? "invalid" : ""}` }, h("div", { id: "label", class: `label` }, this.label, this.requiredField && (h("span", { class: "required", "aria-hidden": "true" }, "*")))));
     }
     render() {
-        return (h(Host, { key: '4f9a5f1221aa84bad9e734bfba6a87f89fcdfd84' }, this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: '59f21688992efe6da96d837efee78d65db18f8d4', 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: 'd8c9a344f452170e91d0f212d34884ad23a27b4c' }, this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: '86993c7104fb36d699b195e6a9405c171ac9f917', 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: '1e68b8375c3d41706c5b84af7485d75f99e35dd9', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
+            "aria-atomic": "true" }), h("div", { key: '0aa08cb579bdcd6cb03329c638a99e0a83635a0d', 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/dev/nested-select.js

@@ -0,0 +1,62 @@
+document.addEventListener("wmSelectBlurred", renderErrors);
+
+function renderErrors() {
+  const errorDiv = document.getElementById("errors");
+  const select = document.getElementById("select1");
+  const selectedOption = Array.from(select.querySelectorAll("wm-option")).filter((o) => o.selected)[0];
+
+  if (selectedOption.value === "C") {
+    select.invalid = true;
+    select.errorMessage = "C is my least favorite letter.";
+  } else {
+    select.invalid = false;
+    select.errorMessage = null;
+  }
+}
+
+function testSelectedOption(selectComp) {
+  setTimeout(() => {
+    // making sure the selected and aria-selected attributes are always in sync
+    const options = selectComp.querySelectorAll("wm-option");
+    let selectedOption = Array.from(options).filter((option) => !!option.selected)[0];
+    const ariaSelectedOption = Array.from(options).filter((option) => !!option.getAttribute("aria-selected"))[0];
+    if (selectedOption != ariaSelectedOption) {
+      console.log(selectComp.id, selectedOption, ariaSelectedOption);
+    }
+  }, 150);
+}
+
+const nestedSelects = document.querySelectorAll("wm-nested-select");
+nestedSelects.forEach((nestedSelect) => {
+  nestedSelect.addEventListener("wmOptionSelected", (ev) => handleOptionSelected(ev));
+  nestedSelect.addEventListener("wmOptionDeselected", (ev) => handleOptionDeselected(ev));
+});
+
+const optgroups = document.querySelectorAll("wm-optgroup");
+optgroups.forEach((optgroup) => {
+  optgroup.addEventListener("wmOptgroupAllSelected", (ev) => handleAllSelected(ev));
+  optgroup.addEventListener("wmOptgroupAllDeselected", (ev) => handleAllDeselected(ev));
+});
+
+function handleOptionSelected(ev) {
+  const parentOptgroup = ev.target.parentElement;
+  const parentNestedSelect = parentOptgroup.parentElement;
+
+  if (!parentNestedSelect.multiple) {
+    // in single select, deselect all other options
+    parentNestedSelect.querySelectorAll("wm-option").forEach((option) => (option.selected = false));
+  }
+  ev.target.selected = true;
+}
+
+function handleOptionDeselected(ev) {
+  ev.target.selected = false;
+}
+
+function handleAllSelected(ev) {
+  ev.target.querySelectorAll("wm-option").forEach((option) => (option.selected = true));
+}
+
+function handleAllDeselected(ev) {
+  ev.target.querySelectorAll("wm-option").forEach((option) => (option.selected = false));
+}

package/dist/collection/global/functions.js

@@ -89,6 +89,11 @@ export function findParentWithHiddenOverflow(el) {
         el = el.parentElement;
     }
 }
+export function isElOrChild(componentEl, el) {
+    var _a;
+    // determines whether or not the element is the component, a child of the component, or exists within the component's shadowroot
+    return el === componentEl || componentEl.contains(el) || ((_a = componentEl.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(el));
+}
 export function getContextMeasurements(el) {
     const fixedRect = el.getBoundingClientRect();
     const parentEl = findParentWithHiddenOverflow(el);

package/dist/esm/{app-globals-9946ecbe.js → app-globals-bbc3f842.js}

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

package/dist/esm/{chartFunctions-00fd6f23.js → chartFunctions-7e5619f6.js}

@@ -1,5 +1,5 @@
 import { h } from './index-130e07bb.js';
-import { i as intl, c as safeMultiplyFloat, e as getPosition, f as checkForActiveElInShadow } from './functions-25781571.js';
+import { i as intl, c as safeMultiplyFloat, e as getPosition, f as checkForActiveElInShadow } from './functions-046fc5a3.js';
 
 const colors = {
     salmon: "#ff5f4e",

package/dist/esm/{functions-25781571.js → functions-046fc5a3.js}

@@ -7843,6 +7843,11 @@ function findParentWithHiddenOverflow(el) {
         el = el.parentElement;
     }
 }
+function isElOrChild(componentEl, el) {
+    var _a;
+    // determines whether or not the element is the component, a child of the component, or exists within the component's shadowroot
+    return el === componentEl || componentEl.contains(el) || ((_a = componentEl.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(el));
+}
 function getContextMeasurements(el) {
     const fixedRect = el.getBoundingClientRect();
     const parentEl = findParentWithHiddenOverflow(el);
@@ -8414,4 +8419,4 @@ const weekdays = [
     intl.formatMessage({ id: "date.saturday", defaultMessage: "Saturday" }),
 ];
 
-export { getContextMeasurements as A, dateFind as B, calendar_months as C, findParentWithHiddenOverflow as D, transposeMatrix as E, wrapAround as F, getSmallestSkipInterval as G, calcPercentageInRange as H, makeISO as I, getMonthLength as J, weekdays as K, findParentWithScrollbar as L, handleDisabledAttribute as a, triggerFormSubmit as b, safeMultiplyFloat as c, debounce as d, getPosition as e, checkForActiveElInShadow as f, generateId as g, hideTooltip as h, intl as i, dateToISO as j, shouldOpenUp as k, hasRoomRight as l, truncateText as m, snakeCaseToCamelCase as n, getNewIndexToFocus as o, shouldOpenDown as p, shouldShiftRight as q, shouldShiftLeft as r, showTooltip as s, toBool as t, measureText as u, findNext as v, findPrev as w, csvToArray as x, getTextDir as y, throttle as z };
+export { throttle as A, getContextMeasurements as B, dateFind as C, calendar_months as D, findParentWithHiddenOverflow as E, transposeMatrix as F, wrapAround as G, getSmallestSkipInterval as H, calcPercentageInRange as I, makeISO as J, getMonthLength as K, weekdays as L, findParentWithScrollbar as M, handleDisabledAttribute as a, triggerFormSubmit as b, safeMultiplyFloat as c, debounce as d, getPosition as e, checkForActiveElInShadow as f, generateId as g, hideTooltip as h, intl as i, dateToISO as j, shouldOpenUp as k, hasRoomRight as l, truncateText as m, snakeCaseToCamelCase as n, getNewIndexToFocus as o, shouldOpenDown as p, shouldShiftRight as q, shouldShiftLeft as r, showTooltip as s, toBool as t, measureText as u, findNext as v, findPrev as w, csvToArray as x, getTextDir as y, isElOrChild as z };

package/dist/esm/index-130e07bb.js

@@ -164,6 +164,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './wm-modal-header.entry.js').then(processMod, consoleError);
+                case 'wm-nested-select':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-nested-select.entry.js').then(processMod, consoleError);
+                case 'wm-optgroup':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './wm-optgroup.entry.js').then(processMod, consoleError);
                 case 'priv-navigator-button':
                     return import(
                       /* webpackMode: "lazy" */
@@ -180,6 +188,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './priv-chart-popover.entry.js').then(processMod, consoleError);
+                case 'priv-option-list':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './priv-option-list.entry.js').then(processMod, consoleError);
           }
       }
   return import(

package/dist/esm/{intl-df3d34d1.js → intl-0822738a.js}

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