@watermarkinsights/ripple 5.30.0 → 5.31.0-alpha.1

package/dist/cjs/wm-modal_3.cjs.entry.js

@@ -105,12 +105,27 @@ const Modal = class {
         }
         this.dialogEl.addEventListener("close", () => this.handleDialogClose());
     }
+    /**
+     * @description Programmatically fires `wmModalCloseTriggered`. Use when you need to trigger
+     * a close from outside the modal without simulating a button click.
+     * @returns A promise that resolves once the event has been emitted.
+     */
     async emitCloseEvent() {
         this.wmModalCloseTriggered.emit();
     }
+    /**
+     * @description Programmatically fires `wmModalPrimaryTriggered`. Use when you need to trigger
+     * the primary action from outside the modal.
+     * @returns A promise that resolves once the event has been emitted.
+     */
     async emitPrimaryEvent() {
         this.wmModalPrimaryTriggered.emit();
     }
+    /**
+     * @description Programmatically fires `wmModalSecondaryTriggered`. Use when you need to trigger
+     * the secondary action from outside the modal.
+     * @returns A promise that resolves once the event has been emitted.
+     */
     async emitSecondaryEvent() {
         this.wmModalSecondaryTriggered.emit();
     }
@@ -129,11 +144,11 @@ const Modal = class {
         }
     }
     render() {
-        return (index.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) }, index.h("div", { key: '30f644962a0cb1b84eab05b334548f8ba5bad563', class: "tabtrap sr-only", tabindex: "0", onFocus: (ev) => {
+        return (index.h("dialog", { key: '76ff8c280ec92ae62a2ad7be1cef0ca4b5825a8a', class: `${"wm-" + this.modalType}`, "aria-labelledby": `wm-modal-heading-text-${this.uid}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, index.h("div", { key: '7e5c8cfcd4b4142ad9613e6c95ab1ee30b8d3983', 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 && index.h("div", { key: '6adb6d32c0e2a6f40b0925be7135befe886e1656', class: "wm-tooltip" }), index.h("slot", { key: 'f3f7f22e4a59aa9477c2e93b8775b1e15c6d0340' }), index.h("div", { key: 'c77444dcd4f59ef2bc235821aa26615520fdb0fa', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
+            } }), !this.hasBrowserPopoverSupport && index.h("div", { key: 'ddcc34184581a5c5706c906cfc29ee993db2ad0a', class: "wm-tooltip" }), index.h("slot", { key: 'e58b8aa324444208bf8ebf1d014bd22512b8dd4f' }), index.h("div", { key: '0b9e32ac74195ba449dd001890a8d163d36e5e85', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
                 this.focusFirstElement.emit();
             } })));
     }
@@ -180,7 +195,7 @@ const ModalFooter = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'd271a1ae0932d3d178fbc2963a022569304ce00c', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, index.h("div", { key: '9b9c1b5bd49ff76b6334e60bc5ada6b311913644', class: "wm-info", "aria-live": "polite" }, this.infoText), index.h("div", { key: '7741ec8fe680ddf5fb0aba02e894b2c3138727d1', class: "wm-button-collection" }, this.secondaryText && (index.h("wm-button", { key: '35d73c0fe78849cf0ff55a33f94c69fa126844a9', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), index.h("wm-button", { key: '6c322386f313e52a76fdafe0a7f56f480309b240', "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 (index.h("div", { key: '14b6ccec80fbc763345c991d8a04f2169160d4c2', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, index.h("div", { key: '8667e9b9d18fcdb3179c5b198b16df412c86fc36', class: "wm-info", "aria-live": "polite" }, this.infoText), index.h("div", { key: '7ed466b586ac50c5f7bfacaa9e5248559f0f8bf7', class: "wm-button-collection" }, this.secondaryText && (index.h("wm-button", { key: '570ac1d3f9156fc1f32a4ad88dff22e1dfb34b00', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), index.h("wm-button", { key: '8f9309cf9c35b116c4213a3e22b4dc80534cf180', "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))));
     }
     get el() { return index.getElement(this); }
 };
@@ -212,7 +227,7 @@ const ModalHeader = class {
         parentModal.emitCloseEvent();
     }
     render() {
-        return (index.h(index.Host, { key: 'b68657ee6be25bb1acf42a1f2ee3c3bf907b82ec' }, index.h("div", { key: '1cc9bff33ede81baf02895c05eda31be8902705e', class: "wm-wrapper" }, index.h("div", { key: '079e8e5ed17ace20380cbe720d22a58a125a52c1' }, index.h("h2", { key: '7d50e7cda2fff6ddb16c4cd98de0e8b5fe1df786', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, index.h("span", { key: '68e79ac15c7bfb59754694b5033e9a115fbed6b2', class: "subtitle" }, this.subheading))), index.h("wm-button", { key: '258bc2a94df987545ec32f46da2903f97dd8bf99', "button-type": "navigational", icon: "#close", tooltip: intl.globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
+        return (index.h(index.Host, { key: '5038197152353331cda2cc523e626d3e8fdb50e4' }, index.h("div", { key: 'dc542ab951507e7456b99b97508f0c445f4364ab', class: "wm-wrapper" }, index.h("div", { key: '095107cb1176c9d96f280e40f5178d968a1c14bf' }, index.h("h2", { key: 'e4e7a73d47b3241337d4990470bb245fd989c7b6', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, index.h("span", { key: '55e9a28ce115c683616cc6bcaff11d346e8c91cc', class: "subtitle" }, this.subheading))), index.h("wm-button", { key: '8d3a7e1e501d7f9ac49ebc32118c26ca48c4fa5d', "button-type": "navigational", icon: "#close", tooltip: intl.globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/wm-navigation_3.cjs.entry.js

@@ -106,9 +106,9 @@ const Navigation = class {
             } }));
     }
     render() {
-        return (index.h(index.Host, { key: '728e290bb93236f900b6cee0ab9a7a864bd514cf', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (index.h("div", { key: '3997c9b2967adc85b41afc834bcbbe3f4e5c8067', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), index.h("div", { key: '960c41a5a0932757de5321ab2e21fe0dbad50f6e', class: "tray" }, index.h("div", { key: '6aaf6d8d88dbd243c0b84f11ce24d7f0202c6a70', class: "toggle-wrapper" }, index.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 ? intl.globalMessages.close : intl.globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
+        return (index.h(index.Host, { key: '7ce2ecc617d551f0cb7223c261d67ba77ffc94a3', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (index.h("div", { key: 'b1cf578c11f6b77ab8b2941eacaddbf067e8c41f', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), index.h("div", { key: 'd659f52712bf5086105db9dee561974439c2196f', class: "tray" }, index.h("div", { key: 'f8ab74aee8ef40588e8e1a581b1a2a398b236c67', class: "toggle-wrapper" }, index.h("wm-button", { key: '585f5cc59d58477daba2645d10b96706151c3a46', ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "#close" : "#menu", "icon-size": "2rem", tooltip: this.open ? intl.globalMessages.close : intl.globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
                 this.open = !this.open;
-            } })), index.h("ul", { key: 'abf01dbc15485f42dfc2fa5c8f87a895d4451c8e', class: "navlist" }, index.h("slot", { key: 'cc42697807c886c6fbec7b1b446206caa41b34e7' }))), this.isCollapsible && (index.h("div", { key: '020a258359a5f27cc62a44fb229735ed752eae83', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
+            } })), index.h("ul", { key: 'c1bbc03cb4157c9b5a1713a5556438952aa140fa', class: "navlist" }, index.h("slot", { key: '3175962a28ac681dfe5cd6bb6f05f448641b4f1c' }))), this.isCollapsible && (index.h("div", { key: '21f7d9c75610ca8d590467a7f7eda4c6e29140e1', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
@@ -157,7 +157,7 @@ const NavigationHamburger = class {
         this.wmNavigationHamburgerClicked.emit();
     }
     render() {
-        return (index.h(index.Host, { key: 'e5fb73423c0af009ee5408853227f9cbd27d0a58', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, index.h("button", { key: 'c07546a67d2e470b7172485f02f2897af6730745', "aria-expanded": this.open, "aria-label": this.showNavMessage, onMouseEnter: () => functions.showTooltip("right", this.el, this.showNavMessage), onMouseLeave: () => functions.hideTooltip(), onFocus: () => this.isTabbing && functions.showTooltip("right", this.el, this.showNavMessage), onBlur: () => functions.hideTooltip(), onClick: () => this.handleClick() }, index.h("span", { key: 'a3ae264912ba81685737ee0f15459a21342b128c', class: "svg-icon svg-menu" }))));
+        return (index.h(index.Host, { key: 'df69ca361664452da552f6f401df3b541e82d112', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, index.h("button", { key: '34e5d08cdf3a131d94e25a6b25e1278ed4988a56', "aria-expanded": this.open, "aria-label": this.showNavMessage, onMouseEnter: () => functions.showTooltip("right", this.el, this.showNavMessage), onMouseLeave: () => functions.hideTooltip(), onFocus: () => this.isTabbing && functions.showTooltip("right", this.el, this.showNavMessage), onBlur: () => functions.hideTooltip(), onClick: () => this.handleClick() }, index.h("span", { key: '356150524abde1f09b453d4f9fa83c202588a534', class: "svg-icon svg-menu" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
@@ -176,7 +176,7 @@ const NavigationItem = class {
         this.active = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'cae324324ba502c4e438ed7d95d05b03c6e0abc8', role: "listitem" }, index.h("a", { key: '357321484d6f9ca76ae76588de0e0245bc429278', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, index.h("div", { key: '0c12bdfbb8db550d99cee869e6238bc2f842753f', class: "icon", "aria-hidden": "true" }, index.h("slot", { key: 'ddd837246f782f9222e0f30d03a18e42d35221fa' })), index.h("div", { key: 'ca3a038c1b8c4e073fedb84f23a996c1e4556b59', class: "text" }, this.text))));
+        return (index.h(index.Host, { key: 'a6c1d9806c0da87d12dad513c5137e7a2186d749', role: "listitem" }, index.h("a", { key: '0d8f022c002d086158f27d3edbdf114c5e9087ba', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, index.h("div", { key: '39e7641878440f468c447a755628965ce9268a22', class: "icon", "aria-hidden": "true" }, index.h("slot", { key: 'b09705b9625d7e8b43232345741c3eca0738650f' })), index.h("div", { key: '24e76eaae0dbfb701d08770ad0f645812419ac02', class: "text" }, this.text))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-navigator.cjs.entry.js

@@ -256,7 +256,7 @@ const Navigator = class {
             name = product.name;
             icon = product.iconUrl;
             clickRedirect = this.setProductOnClick(product.id);
-            if (!!name && !!icon) {
+            if (!!name && !!icon && this.isSafeUrl(icon)) {
                 isSelected = this.currentProductId === product.id;
                 return (index.h("priv-navigator-item", { selected: isSelected, id: product.id, onClick: () => {
                         isSelected ? this.closeMenu() : clickRedirect();

package/dist/cjs/wm-nested-select.cjs.entry.js

@@ -301,16 +301,16 @@ const NestedSelect = class {
                 this.isExpanded ? this.close() : this.open();
             },
         };
-        return (index.h(index.Host, { key: '7e8ed5b276c45f62f8d92521e65b6b6dded568db', onBlur: (ev) => this.handleComponentBlur(ev) }, index.h("div", { key: '8712a1df1e10912a4e69b6584b1f47670f9fe0ef', class: `wrapper ${functions.getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: '6a4e9d87422861362ac87b92703dd094748da7e9', class: "label-wrapper" }, index.h("label", { key: 'e27736516799cf708681ee19eafd179094dd5096', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label), 
+        return (index.h(index.Host, { key: '2b2047fde46afe93d6364c697aa186544f5663f9', onBlur: (ev) => this.handleComponentBlur(ev) }, index.h("div", { key: '37032e6c0098cb6339f32e82523a7207950579d6', class: `wrapper ${functions.getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: 'd92559365f28d589bb1c47da2fb489ccf20a1f8c', class: "label-wrapper" }, index.h("label", { key: '1f19bf5a5d5943acdc8a55e01c04f0bc9875d66c', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label), 
         // we can't use aria-required because the listbox is in a sub-component and it is not announced
-        this.labelPosition !== "none" && this.requiredField && (index.h("span", { key: '0d6e9bc7134d9ce46d53813067eeef7f2af50e81', class: "required" }, index.h("span", { key: 'a4dd0ef025cf32566f863ce0119e72259d9ca50e', class: "sr-only" }, intl.globalMessages.requiredField), index.h("span", { key: '8169eaa0d995f90e49e5beb9c66dbac4cf93cc6d', "aria-hidden": "true" }, "*")))), index.h("div", { key: 'a84486ea919cc9cf713c3f98322b6f8f10e91e84', class: "button-wrapper" }, index.h("button", Object.assign({ key: 'd8605fbcab85f7c15cb030214e599654a3bbeb5e' }, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), index.h("span", { key: 'ce7182acce7ac9f9bf4259fc73155ec1b8b765a2', class: "overflowcontrol" }, index.h("span", { key: 'dcda39e2afe152b5c3a75d92e9795f4a4fe93858', class: "button-text" }, this.renderButtonText())), index.h("div", { key: '8061497676ac1e2c4075f93416663f09b8687ff4', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), index.h("div", { key: '4a234681f6ccaf3860e46f193855b56e46e2b221', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), index.h("div", { key: '4a73cad886a38ba1674241b0a5147d3941c4f97e', class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, this.renderClearSelectionButton(), index.h("div", { key: '4660e100c2e0c5291cced7a26a58143a25852f0a', ref: (el) => (this.menuEl = el), id: "menu", role: "menu", class: this.isGroupExpanded ? "hidden" : "", style: { "--max-height": this.constrainedMaxHeight }, tabIndex: -1 }, this.optgroupEls.map((optgroupEl) => {
+        this.labelPosition !== "none" && this.requiredField && (index.h("span", { key: '21d397924616a6b3ec214ad438e1fd6a3630a83f', class: "required" }, index.h("span", { key: '47f761e0718b4feefffa83c58b801310668c7c80', class: "sr-only" }, intl.globalMessages.requiredField), index.h("span", { key: '765a9ec20cc464e15efd65ab28700953dbdd5299', "aria-hidden": "true" }, "*")))), index.h("div", { key: '9ed5ab01e3cfc907e3cf65840539fa6c23c949fd', class: "button-wrapper" }, index.h("button", Object.assign({ key: 'd0407a5647471c985a504d4023af1223b3439c7e' }, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), index.h("span", { key: '1f050a070e82db4ebf55dab04102f4297a8cc431', class: "overflowcontrol" }, index.h("span", { key: '9fa87143404b5e0c15051c7c2e31cb0d566c7709', class: "button-text" }, this.renderButtonText())), index.h("div", { key: '97070ef2749ba4b4122008ed6f37b9b5ac10074f', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), index.h("div", { key: 'b3d36bb8bfe445bef0a2f131f93f683a12aa5b53', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), index.h("div", { key: 'e18f43067a2aad2012f706e0d17fd9aba64844c3', class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, this.renderClearSelectionButton(), index.h("div", { key: 'c7ddaa0e27eb0fb722467acce7cd9cb57fb2055f', ref: (el) => (this.menuEl = el), id: "menu", role: "menu", class: this.isGroupExpanded ? "hidden" : "", style: { "--max-height": this.constrainedMaxHeight }, tabIndex: -1 }, this.optgroupEls.map((optgroupEl) => {
             return (index.h("button", { class: `menuitem group-btn ${optgroupEl.disabled ? "disabled" : ""}`, role: "menuitem", "data-label": optgroupEl.label, tabindex: -1, "aria-disabled": optgroupEl.disabled, onClick: () => {
                     if (!optgroupEl.disabled) {
                         optgroupEl.isExpanded = !optgroupEl.isExpanded;
                         index.forceUpdate(this.el);
                     }
                 }, onKeyDown: (ev) => this.handleMenuitemKeydown(ev) }, index.h("div", { class: "option-text" }, index.h("span", null, optgroupEl.label), this.renderSelectionCount(optgroupEl), optgroupEl.disabled && index.h("div", { class: "disabled-indication" }, "Disabled")), index.h("div", { class: "svg-icon svg-next" })));
-        })), index.h("div", { key: 'cd880112ee35cdc1a2a3dafa210db9837426fc47', class: `option-list-wrapper ${this.isGroupExpanded ? "" : "hidden"}` }, index.h("slot", { key: 'f617faa2bbb0f34e500ec103704d3d1298d3f08d' }))), index.h("div", { key: '0020de125ad2ada89d5f0b38e3af6396879b4de6', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage))), index.h("div", { key: 'ecc4b501c84e72461319863f4e6b5c6afc3aa944', id: "nestedselect-announcement", "aria-live": "assertive", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+        })), index.h("div", { key: '09aa4f1e8277d540b20a8c7bdbafb0f81e8b6e96', class: `option-list-wrapper ${this.isGroupExpanded ? "" : "hidden"}` }, index.h("slot", { key: 'a33786c858d61d450926d17f514727aa87a4f5e0' }))), index.h("div", { key: '2022accefbc295da08a807d2a3d600dd38f86a2c', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage))), index.h("div", { key: '3ac96561df791f14d4163d1f6ef19e8e25fe4040', id: "nestedselect-announcement", "aria-live": "assertive", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-optgroup.cjs.entry.js

@@ -48,9 +48,19 @@ const Optgroup = class {
             this.optionListEl.updateOptionVisibility();
         }
     }
+    /**
+     * @description Programmatically deselects all options in this group by emitting
+     * `wmOptgroupAllDeselected`.
+     * @returns `Promise<void>`
+     */
     async emitDeselection() {
         this.wmOptgroupAllDeselected.emit();
     }
+    /**
+     * @internal
+     * @description Notifies the internal option list that child options have changed so it can
+     * refresh clone state — not for application use.
+     */
     async handleChildChange() {
         this.optionListEl.handleChildChange();
     }
@@ -61,7 +71,7 @@ const Optgroup = class {
         functions.handleDisabledAttribute(this.el, this.isDisabled);
     }
     render() {
-        return (index.h(index.Host, { key: 'f0aab9a65cc5d21105c75bdc3768e0076123c0c8' }, index.h("div", { key: '23429cfad03b7026205ed0aef92973353d3ccff0', class: `list-wrapper` }, index.h("priv-option-list", { key: '6d8d1ea6e0ab9394bec5f4cf5423941fd9979332', ref: (el) => (this.optionListEl = el), multiple: this.parentNestedSelect.multiple, search: this.parentNestedSelect.search, maxHeight: this.parentNestedSelect.constrainedMaxHeight, searchPlaceholder: this.parentNestedSelect.searchPlaceholder, optgroupLabel: this.label, selectAll: this.parentNestedSelect.selectAll, onOptionListAllSelected: () => this.wmOptgroupAllSelected.emit(), onOptionListAllDeselected: () => this.wmOptgroupAllDeselected.emit() }, index.h("slot", { key: 'e01aeec2a2c3cd346f821c1fe46d7e77944e4f98' })))));
+        return (index.h(index.Host, { key: '765770ff80d0c9cca3f06a23850306405cf8e5df' }, index.h("div", { key: 'b503e82de1025ec673496f4f81aae0dad8d0cb8b', class: `list-wrapper` }, index.h("priv-option-list", { key: 'dc84a7558f8821ff8249cd4ba5702f8d58f13523', ref: (el) => (this.optionListEl = el), multiple: this.parentNestedSelect.multiple, search: this.parentNestedSelect.search, maxHeight: this.parentNestedSelect.constrainedMaxHeight, searchPlaceholder: this.parentNestedSelect.searchPlaceholder, optgroupLabel: this.label, selectAll: this.parentNestedSelect.selectAll, onOptionListAllSelected: () => this.wmOptgroupAllSelected.emit(), onOptionListAllDeselected: () => this.wmOptgroupAllDeselected.emit() }, index.h("slot", { key: '6ce3bf73ee05bbcddae0ebeca19be9bec51d66a3' })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-option_2.cjs.entry.js

@@ -166,7 +166,7 @@ const Option = class {
         this.parentOptionList.addEventListener("optionListSearchChanged", (ev) => this.handleSearch(ev));
     }
     render() {
-        return (index.h(index.Host, { key: 'bcabbcc25798f589af99a47142426ed517e1951f', role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, index.h("div", { key: '83c81f098705c2ef5b6b2b374cc5d680ec78e2af', class: `option-wrapper ${this.parentOptionList.multiple ? "checkbox" : ""}` }, this.parentOptionList.multiple && (index.h("div", { key: '4cc738837041f134ef4d6ac1f541b8b0409813c6', class: `checkbox svg-icon ${this.selected ? "svg-checkbox-selected" : "svg-checkbox-blank"}` })), index.h("span", { key: '44b3d931ed548dc841033ebf4757eb400773a3a4', class: "option-text", "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), index.h("span", { key: '25a0ecb424a65a7d6c878ad65848ae5270ac563f', class: "sr-only" }, this.el.textContent)), index.h("div", { key: '4e25dd1f8e9ae5767123d136874ec1e40474c0fb', class: "subinfo" }, this.subinfo)));
+        return (index.h(index.Host, { key: 'aabc8b53087255c967031b5000d873d215bae9c1', role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, index.h("div", { key: '5ec8d65e7bc71f5de40c4c43315a72942062cb6a', class: `option-wrapper ${this.parentOptionList.multiple ? "checkbox" : ""}` }, this.parentOptionList.multiple && (index.h("div", { key: 'eb32793019f0d541fd82e2c7378923b805ad3093', class: `checkbox svg-icon ${this.selected ? "svg-checkbox-selected" : "svg-checkbox-blank"}` })), index.h("span", { key: '9084254732da84361912aacf0bf9d7d7c0028811', class: "option-text", "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), index.h("span", { key: 'a9fe7e1a71473d958276dd4c897a9a125b5093ac', class: "sr-only" }, this.el.textContent)), index.h("div", { key: '54d8a8e9c2259e0134c3e91fe9c5932323a224f3', class: "subinfo" }, this.subinfo)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -505,14 +505,14 @@ const Select = class {
     }
     render() {
         const showSubinfo = !this.multiple && this.selectedOptions.length > 0 && this.selectedOptions[0].subinfo;
-        return (index.h(index.Host, { key: '9a7eaa936f3f0723a852f780b706ce95dc83641a', onBlur: (ev) => this.handleComponentBlur(ev) }, index.h("div", { key: '4ab274d8cf13b0b8702928766bcaae20fa54216e', class: `wrapper ${functions.getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: '983713098202b6b9774ecabdbe56a43fe21f8938', class: "label-wrapper" }, index.h("label", { key: '8f79bf97083e3348ef10b15b8637e501915817b2', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label), 
+        return (index.h(index.Host, { key: 'c54f6d584089fc988e1360b77063fb8019a4e61a', onBlur: (ev) => this.handleComponentBlur(ev) }, index.h("div", { key: '780d585f50bbc37adc27784195447ad958ac5fd0', class: `wrapper ${functions.getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: '3d58a763bd7b360d98259aad81f04c4a78e11dc7', class: "label-wrapper" }, index.h("label", { key: 'b8bde868d9ad20e57f75746421bb2aaa66b6a100', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label), 
         // we can't use aria-required because the listbox is in a sub-component and it is not announced
-        this.labelPosition !== "none" && this.requiredField && (index.h("span", { key: 'f8fd8c444254d6588b010277684824a4f61bd0c7', class: "required" }, index.h("span", { key: '4bdbbded3292fa0a7d8ac7a7a14e63c4fa06a0bf', class: "sr-only" }, intl.globalMessages.requiredField), index.h("span", { key: '6e28deddff56fc2009fdc7b7610c1f379b0e958a', "aria-hidden": "true" }, "*")))), index.h("div", { key: '47f1f1d2d62006f117d0be49bfccaaee71e91b76', class: "button-wrapper" }, index.h("button", { key: '9803fc04172c3c85241891b1abd5dedcc39d8db7', id: "selectbtn", disabled: this.isDisabled, "aria-labelledby": "label selectbtn", "aria-describedby": "info error", popoverTarget: "dropdown", popoverTargetAction: "toggle", class: "displayedoption", ref: (el) => (this.buttonEl = el) }, index.h("span", { key: 'e5a794d58c1115eaeabad64349aa763b880d8650', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, index.h("span", { key: 'be25d6a9086a68305f23604395897d8ecb19af01', class: "button-text" }, this.setButtonText()), showSubinfo && index.h("span", { key: '09e34ec7ac74982b1f6c1db55b876d4a72256446', class: "subinfo" }, this.selectedOptions[0].subinfo)), index.h("div", { key: '75b86a8c694a6bb3e5e92744935242727d2233a7', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), index.h("div", { key: '365885ab0546940f1ac4970894066beddf59ac42', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), index.h("div", { key: 'fd952f83012203e7eaba6fcb8a83b053b5b17a28',
+        this.labelPosition !== "none" && this.requiredField && (index.h("span", { key: 'd1f5815114ed2e2b6d68f49641fd1a889e985756', class: "required" }, index.h("span", { key: '2c4a42286776c6338fdae10b951634cf1684da25', class: "sr-only" }, intl.globalMessages.requiredField), index.h("span", { key: 'a74ae2aaf9eda4a2299b490c57454a72f9f260a7', "aria-hidden": "true" }, "*")))), index.h("div", { key: '93b51bbaa9ca04623e98c1af76860ea22bd4b72d', class: "button-wrapper" }, index.h("button", { key: 'b25dc16e18051bf99908293ccea902186ae35359', id: "selectbtn", disabled: this.isDisabled, "aria-labelledby": "label selectbtn", "aria-describedby": "info error", popoverTarget: "dropdown", popoverTargetAction: "toggle", class: "displayedoption", ref: (el) => (this.buttonEl = el) }, index.h("span", { key: '2f831cf2b13ac257c81707fdae93d7a9567945cf', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, index.h("span", { key: '72020a439bc3ffa29304ee62ab028e2f12084cbe', class: "button-text" }, this.setButtonText()), showSubinfo && index.h("span", { key: 'cbdd0d38c80e9e08b877df058f498c838a991845', class: "subinfo" }, this.selectedOptions[0].subinfo)), index.h("div", { key: '131f48af6df1ac0e15d0e1e7156d478e57513304', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), index.h("div", { key: '81a6bcdd69a1fb5a589dbb3962d48e935fc92e8d', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), index.h("div", { key: 'e03cf5762c8be59a54f083ae4166651392d74c5f',
             // is-open is for the CSS transition in modern browsers
             // hidden is to wait for position calculations in Firefox
             class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "upward" : ""}`, id: "dropdown", popover: "auto", ref: (el) => (this.dropdownEl = el),
             // @ts-ignore -- don't tell typescript but we're in the future
-            onToggle: (ev) => this.handleToggle(ev) }, index.h("priv-option-list", { key: '54216ae45b02cab8b403fe30f0c32814e5085f3a', ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, maxHeight: this.maxHeight, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => {
+            onToggle: (ev) => this.handleToggle(ev) }, index.h("priv-option-list", { key: 'a5379ff676a5f5c0728b4fc37401c8a3057b9088', ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, maxHeight: this.maxHeight, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => {
                 this.dropdownEl.hidePopover();
             }, onOptionListAllSelected: () => {
                 this.returnFocus = true;
@@ -520,7 +520,7 @@ const Select = class {
             }, onOptionListAllDeselected: () => {
                 this.returnFocus = true;
                 this.wmSelectAllDeselected.emit();
-            } }, index.h("slot", { key: 'defde80bf2e3e435fccfda6b910a0d53f4df9989' }))), this.info && (index.h("div", { key: '464984b66832d1c978df56c53dc4099a671d75c5', class: "info" }, this.info)), index.h("div", { key: '3a63d5293c2c97f04bddc39a2fcf5181a245f2a3', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), index.h("div", { key: 'a9a47c2c45f0ab1149919504b9787378ccedc3de', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
+            } }, index.h("slot", { key: '0602b636a304dfb5b2c6514cd3d3baf1c8d8192e' }))), this.info && (index.h("div", { key: '1fdd831d0166c7553a5c7f16f6fa64f5fcaa25eb', class: "info" }, this.info)), index.h("div", { key: '9ac07d0fd62ce906e7d7a0aee87a42eb5e42cee6', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), index.h("div", { key: '5be4d3add955d50ccf5a89711402b1ba21e1050c', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-pagination.cjs.entry.js

@@ -215,7 +215,7 @@ const Pagination = class {
     render() {
         return (
         // do not render the component if there's only one page
-        this.totalItems > this.itemsPerPage && (index.h("nav", { key: '535581d117f47eb9bf29853901e80554e3f29ea9', "aria-label": `${this.label || this.defaultLabel}. ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), index.h("div", { key: '571b1089d6fe9775168f48c69b489305b1142a77', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
+        this.totalItems > this.itemsPerPage && (index.h("nav", { key: '8c094b7e649c43b8203b39f2a6afdd8f1cf727c1', "aria-label": `${this.label || this.defaultLabel}. ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), index.h("div", { key: '23aee5fba033dfb71cc355d3dfcf8ebf5086a166', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-progress-indicator_3.cjs.entry.js

@@ -104,7 +104,7 @@ const ProgressIndicator = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '81a6206c61ae8fdc9546c7564d17dd279ca0a32c', onBlur: () => chartFunctions.exitChart.call(this) }, index.h("div", { key: '54faeceac38efac7f9dd6083de65fdcd51e42fff', ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${this.mode} ${this.isTabbing && !this.userIsNavigating ? "user-is-tabbing" : ""}`, role: "application", "aria-label": this.ariaLabelText, tabindex: "0", "aria-roledescription": this.chartRoleDescription, "aria-describedby": `chart-instructions` }, index.h("label", { key: '9ed98df8e2147b472df76f88e859d523cfd41bb3', id: `label-${this.uid}`, class: "label", htmlFor: `graphic-${this.uid}` }, index.h("span", { key: 'e8148180a464b9b9da44df5d95eef50c615a0a05', class: "label-text" }, this.label), this.subinfo ? index.h("span", { class: "subinfo" }, this.subinfo) : ""), this.mode && this.renderBarOrDoughnut(), this.mode === "doughnut" ? chartFunctions.renderLegend.call(this, this.mode) : "", index.h("priv-chart-popover-old", { key: '37b742c2d962ff6a9a5437d91c35aaec0b123be9', class: this.isTabbing ? "user-is-tabbing" : "", onIntChartPopoverOpenChanged: (ev) => this.handlePopoverOpenChanged(ev) }), this.mode === "doughnut" ? chartFunctions.renderCompletionMessage.call(this) : ""), chartFunctions.renderInstructionsText()));
+        return (index.h(index.Host, { key: '85d7f352ae7aae5d78fff9beac81ca31442293a6', onBlur: () => chartFunctions.exitChart.call(this) }, index.h("div", { key: 'd825d1303dda2945217e5cab2b44557f013b131d', ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${this.mode} ${this.isTabbing && !this.userIsNavigating ? "user-is-tabbing" : ""}`, role: "application", "aria-label": this.ariaLabelText, tabindex: "0", "aria-roledescription": this.chartRoleDescription, "aria-describedby": `chart-instructions` }, index.h("label", { key: '01e6bb346a880614bb6e831e0926de2d3c804680', id: `label-${this.uid}`, class: "label", htmlFor: `graphic-${this.uid}` }, index.h("span", { key: '72bbfcb2bb807752e73174c885c1074a29b38805', class: "label-text" }, this.label), this.subinfo ? index.h("span", { class: "subinfo" }, this.subinfo) : ""), this.mode && this.renderBarOrDoughnut(), this.mode === "doughnut" ? chartFunctions.renderLegend.call(this, this.mode) : "", index.h("priv-chart-popover-old", { key: '71919459c9cb79897b29771516519354c07bd5a5', class: this.isTabbing ? "user-is-tabbing" : "", onIntChartPopoverOpenChanged: (ev) => this.handlePopoverOpenChanged(ev) }), this.mode === "doughnut" ? chartFunctions.renderCompletionMessage.call(this) : ""), chartFunctions.renderInstructionsText()));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
@@ -177,7 +177,7 @@ const ProgressMonitor = class {
         }))));
     }
     render() {
-        return (index.h(index.Host, { key: '3e32dea0f3f4ce90efac342208bc9268066f0aef', class: this.mode === "doughnut" ? "row" : "column" }, this.modeInitialized && this.groupLegend && this.mode === "bar" && this.renderLegend(), this.modeInitialized && index.h("slot", { key: '9fdd5461c8105f3e9bf40e618f19b0948d2e81e8' })));
+        return (index.h(index.Host, { key: '59bb74cea1b1f2e3d58d04654e0e65a482950f3f', class: this.mode === "doughnut" ? "row" : "column" }, this.modeInitialized && this.groupLegend && this.mode === "bar" && this.renderLegend(), this.modeInitialized && index.h("slot", { key: 'ff92bc4d21f0277b837796b63d1f62804931cd7b' })));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-search.cjs.entry.js

@@ -179,10 +179,10 @@ const Search = class {
      * End search and find render helpers
      */
     render() {
-        return (index.h(index.Host, { key: '7bfd505862c5bef72dc333bc22fb99c04c513b3f' }, index.h("div", { key: '9d7f4cf04c5655df0bf4d9697622182f1eb717c8', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, index.h("input", { key: '88da025659c4c5f35ac3b4c7207ad734a115a85a', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${functions.intl.formatMessage({
+        return (index.h(index.Host, { key: 'f6ad1575d3d98598c53acdab13501e852938847b' }, index.h("div", { key: 'f5cf56ed765036dfd6ffa7b89a306beb5d26bfe3', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, index.h("input", { key: 'bef933845ee4ab06e444c010d6fb27521115d377', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${functions.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 }), index.h("span", { key: 'c5834f5cc58a1fd6d7c6637604cbbb5a610e2476', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), index.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 }), index.h("span", { key: '80042b82d4a2d0552a25c4049bf2e07b53c382aa', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), index.h("div", { key: 'fd741eb70958ae07089b0aa962580c6eee95a832', 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 delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-snackbar.cjs.entry.js

@@ -160,11 +160,11 @@ const Snackbar = class {
             }, onKeyDown: (ev) => ev.key === "Enter" && this.snackLinkClicked(notification) }, index.h("span", { "aria-hidden": "true" }, notification.link), notification.newWindow && index.h("div", { class: "svg-icon svg-open-in-new" }))), (!notification.link && notification.action) && (index.h("button", { id: `action-${notification.id}`, class: "link", onClick: () => this.snackLinkClicked(notification), onKeyDown: (ev) => ev.key === "Enter" && this.snackLinkClicked(notification) }, notification.action))), index.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) => functions.showTooltip("bottom", ev.target, intl.globalMessages.close), onMouseLeave: () => functions.hideTooltip(), onFocus: (ev) => this.isTabbing && functions.showTooltip("bottom", ev.target, intl.globalMessages.close), onBlur: () => functions.hideTooltip() }, index.h("div", { class: "svg-icon svg-close" }))), index.h("div", { class: "sr-only", tabindex: notification.link || notification.action ? 0 : -1, onFocus: () => (notification.link || notification.action) && this.snackDismissed(notification) })))));
     }
     render() {
-        return (index.h(index.Host, { key: '93b6fe6527a434f9639d914c5c835530144c60be' }, index.h("div", { key: '143acfd90a277c949e9ffbacbe5fc520572be1a7', ref: (el) => (this.snackAreaEl = el), class: {
+        return (index.h(index.Host, { key: 'f07da5e5b3f84c3204052cf37faa118c64ecfd45' }, index.h("div", { key: '9c76ca586e69af5035b086f023faa76aab39b239', ref: (el) => (this.snackAreaEl = el), class: {
                 "list-wrapper": true,
                 "user-is-tabbing": this.isTabbing,
                 empty: this.parsedNotifications.length == 0,
-            } }, this.renderSnackbars()), index.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()), index.h("div", { key: '6cc4cb95390ffccbd6e1f4ec535aed7774184c3a', class: "sr-only", "aria-live": "polite", "aria-atomic": "false", id: `wm-live-region-${this.uid}`, ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/wm-tab-item_3.cjs.entry.js

@@ -41,9 +41,9 @@ const TabItem = class {
     }
     render() {
         const isDark = this.parentTabList && this.parentTabList.customBackground == "dark";
-        return (index.h(index.Host, { key: '71b3f6dac339c5ece826133f01d6d5f05089456a', role: "presentation" }, index.h("li", { key: '0823dff1b7394d6bbc34a7d0d932fd19d7c6c8d0', class: `tab-item ${isDark ? "dark" : ""}`, role: "presentation" }, index.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 (index.h(index.Host, { key: '09406067cd1ae000a78ddff45e3db8041d599477', role: "presentation" }, index.h("li", { key: 'f0206a113c2604be1922316c8447622adac13009', class: `tab-item ${isDark ? "dark" : ""}`, role: "presentation" }, index.h("a", { key: 'a30638675f1e75fd13bc552c0a46589e7bf37b09', 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 });
-            } }, index.h("slot", { key: '64e9b75227c4294294635d49da0ad49b3c91d541' })))));
+            } }, index.h("slot", { key: '05aed02e5c3472ea6a19ff066225992e495572ad' })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
@@ -311,15 +311,15 @@ const TabList = class {
         this.announcement = message;
     }
     render() {
-        return (index.h(index.Host, { key: 'e5437df047efe61428f2116cbcc9f94042dd84bc' }, index.h("div", { key: 'd933cd096869ca9d0808cbfcbacca30dfd89a1fc', class: "component-wrapper" }, index.h("wm-button", { key: '224781b9a7c43fa49ef403484416a6037190bb10', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#previous", tooltip: functions.intl.formatMessage({
+        return (index.h(index.Host, { key: '7c219aa329454ee23c71fb9190d86fd393e60c97' }, index.h("div", { key: '87caaf180bb566e91b1c27c42db0d2a63027f23f', class: "component-wrapper" }, index.h("wm-button", { key: 'cf22c79e116485ca31b7d1053296f504c5807b62', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#previous", tooltip: functions.intl.formatMessage({
                 id: "tabs.showPreviousTabs",
                 defaultMessage: "Show previous tabs",
                 description: "Tooltip for button scrolling tab group.",
-            }), onClick: (ev) => this.handleLeftArrowClick(ev) }), index.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 }, index.h("slot", { key: 'c17a7bc0e8fa17e9142de78713cfffa5b340dbb1' })), index.h("wm-button", { key: '651170ba9e2b4cd4d91256386032a780bfa3cdf2', class: `right-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#next", tooltip: functions.intl.formatMessage({
+            }), onClick: (ev) => this.handleLeftArrowClick(ev) }), index.h("ul", { key: '4c7b517327719497737fc4d36ae1b53288524d53', id: "tablist", ref: (el) => (this.tabContainerEl = el), class: `tabcontainer ${this.customBackground || ""} ${this.containerFadeLeft ? "fade-left" : ""} ${this.containerFadeRight ? "fade-right" : ""}`, role: "tablist", tabIndex: -1 }, index.h("slot", { key: '7b0ff4de54e705b4296a1e48ccba999143840bac' })), index.h("wm-button", { key: '77655a0882a65a2cd71f4a7fc8f1f866da8c3c40', class: `right-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#next", tooltip: functions.intl.formatMessage({
                 id: "tabs.showNextTabs",
                 defaultMessage: "Show next tabs",
                 description: "Tooltip for button scrolling tab group.",
-            }), onClick: (ev) => this.handleRightArrowClick(ev) }), index.h("span", { key: '83f0f5c60bb02b59e0e163a626be41ac18f1c4e2', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+            }), onClick: (ev) => this.handleRightArrowClick(ev) }), index.h("span", { key: 'c8b221bda334dcf40c28a4a1e3134de72a868018', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
@@ -346,7 +346,7 @@ const TabPanel = class {
         this.tabPanelLoaded.emit({ tabId: this.tabId });
     }
     render() {
-        return index.h(index.Host, { key: 'd1c5920b5b91b671adb2f1e503a5b6f676fcca5e', role: "tabpanel", tabIndex: "-1", class: { "tab-hidden": !this.active } });
+        return index.h(index.Host, { key: '1e812485c6cc7a99b916a3aff9e105dee4f29522', role: "tabpanel", tabIndex: "-1", class: { "tab-hidden": !this.active } });
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/wm-tag-input.cjs.entry.js

@@ -943,10 +943,10 @@ const TagInput = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c638aeac0c2e0489bf71cd6173b2f90221f7a6ef', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: '1484441e157e25cd9787023177a2a60ef3c424bc', class: "label-wrapper" }, index.h("label", { key: 'd03dc310d99b485cf7646f577812d8aea2c6bf3e', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label), this.labelPosition !== "none" && this.requiredField && (index.h("div", { key: '5fa23daa6bc6c89d2b6872cb78c5b95fc00d143c', class: "required", "aria-hidden": "true" }, "*"))), index.h("div", { key: '3782fc2fd78096ea7c97cdcb6a8f8097c10a7c03', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, index.h("div", { key: '4ead1f6246e4a20bf0031f9390da66619b1136d4', class: "upper-row" }, index.h("div", { key: '924ee6f8a8eef661d43ada82a2cd5b790661f1a3', class: "svg-icon svg-search" }), index.h("div", { key: 'e6e2cc491591c82a08436c9cec5e588a3a6c9e2c', class: `tags-and-input-wrapper` }, index.h("ul", { key: '30e763dadc1ae2c273053beb67964c45747ef0f6', 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 (index.h("div", { key: '8d2095f3a1db6e25151f0b95442d22a3d47998d7', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: '851ca7472077c97fd6118989c72d67d9ca7485ff', class: "label-wrapper" }, index.h("label", { key: 'ef417da80549eeba2a99d6a213b49099e910f55a', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label), this.labelPosition !== "none" && this.requiredField && (index.h("div", { key: 'a66f39755126c99fe1fcf278bdfff4004a96f6cc', class: "required", "aria-hidden": "true" }, "*"))), index.h("div", { key: '6435ab846c56f1bb060a446406a2237ce9cf5786', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, index.h("div", { key: 'ae62e931909c8f4e7e6533b70981a7ed6eca8a25', class: "upper-row" }, index.h("div", { key: 'ecd8bb747597ce4f4929c0d4a8f7b7cfddb88f5d', class: "svg-icon svg-search" }), index.h("div", { key: 'c58ffdff0a6592e2ccd85363238991ded57cdf8d', class: `tags-and-input-wrapper` }, index.h("ul", { key: '8304818f05cb42531fed95d87b0f5050ea7cc81d', 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()), index.h("div", { key: 'ad6c4adcc53f4d54d48d018a236a326edf9f9a80', class: "sr-only", id: "sr-instructions" }, this.label, ". ", this.tagAreaInstructions), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (index.h("div", { key: 'f44b7837eeebd3234f8fccde00491404c4e7baad', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (index.h("div", { key: 'f952e64ce8f546c8d2ac2d560c377a8431f06b50', id: "info", class: "info-text" }, this.info)), index.h("div", { key: '5ac26d03049f7f302a7d678b76534339b33c1033', id: "error" }, this.errorMessage), index.h("div", { key: '27817f3f1e5555220d61e3719e16c492cfca3789', 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()), index.h("div", { key: 'a4cdbcc77d14c8ea4b4037683c77c8c153ee7e7d', class: "sr-only", id: "sr-instructions" }, this.label, ". ", this.tagAreaInstructions), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (index.h("div", { key: '727b79d442e2a9cf23dbdf38bead067f232b8afd', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (index.h("div", { key: '906465be7dd186e91f1eaed2c02f460e18a5ee25', id: "info", class: "info-text" }, this.info)), index.h("div", { key: '483dd46bb26acfe7782a26e3aeab958a5e45bcce', id: "error" }, this.errorMessage), index.h("div", { key: 'b9d1ccd00c15921e8a5d01cd8bac35d9540cc6da', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-tag-option.cjs.entry.js

@@ -19,9 +19,17 @@ const TagOption = class {
         this.col3 = undefined;
         this.col4 = undefined;
     }
+    /**
+     * @description Programmatically selects this option, adding it as a tag.
+     * @returns A promise that resolves once the event has been emitted.
+     */
     async emitSelectedEvent() {
         this.wmTagOptionSelected.emit();
     }
+    /**
+     * @description Programmatically deselects this option, removing it as a tag.
+     * @returns A promise that resolves once the event has been emitted.
+     */
     async emitDeselectedEvent() {
         this.wmTagOptionDeselected.emit();
     }

package/dist/cjs/wm-textarea.cjs.entry.js

@@ -81,7 +81,7 @@ const Textarea = class {
         this.announcement = message;
     }
     render() {
-        return (index.h("div", { key: '35c5048f918ab18bc0adc8223f2321e363bd12d6', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: '856cc26989cc86d19274101b0a24827951dfe12a', class: "label-wrapper" }, index.h("label", { key: '28475801b5c51f4f92efa43a57b68baeb524b64b', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label, this.characterLimit && (index.h("span", { key: '90595c60a3cd63093fc2d8c342a1c496dfdb3f1e', class: "sr-only" }, " ", intl.globalMessages.getCharacterLimit(this.characterLimit)))), this.labelPosition !== "none" && this.requiredField && (index.h("span", { key: '1399946787ff019b38a5133cfffa48cab48f2acd', class: "required", "aria-hidden": "true" }, "*"))), index.h("div", { key: '041cdc66b73a247dc0024a025955db41a84c8cef', class: "inner-wrapper" }, index.h("div", { key: 'b072be6d0a5637eaff95a11210e045931e28aead', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, index.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" ? (index.h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (index.h("div", { key: '10e8dffe7fa9ca8a0f2ee1eae1cb64c269ffd525', id: "info", class: "info" }, this.info)), index.h("div", { key: '8f5a778b2f9d29650b74815b976b98b9eaff2cee', id: "error", class: "error-message" }, this.errorMessage), index.h("div", { key: 'a1eb19abf2ac8e09bab23e66a52c3b6a0fa7d456', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (index.h("div", { key: 'db8960893db7400b6e9df53fc98ac16f4522ba46', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: 'b4681419e3354e19725cdd9e9ecf3dea565792eb', class: "label-wrapper" }, index.h("label", { key: '4e10dd8ad84eda66e3a8b3b204557b4b6fad21c9', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label, this.characterLimit && (index.h("span", { key: '6ae24fb92cac6fdb98f5f526e439d4d2af9a9e14', class: "sr-only" }, " ", intl.globalMessages.getCharacterLimit(this.characterLimit)))), this.labelPosition !== "none" && this.requiredField && (index.h("span", { key: 'aafea7d9fa8474c482b92075e8ff81524b34226d', class: "required", "aria-hidden": "true" }, "*"))), index.h("div", { key: '62802fb4c7688337126de11803a011209890eee0', class: "inner-wrapper" }, index.h("div", { key: '62c2dfd068a69a05c958cf60c24ad86ade453a3e', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, index.h("textarea", { key: '8a6f1ad2fdd8019b4371d4b94fbf11287960442d', 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" ? (index.h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (index.h("div", { key: '4f8e50fbbda24c6a687bf1a558f162183e969cb9', id: "info", class: "info" }, this.info)), index.h("div", { key: 'cd1b582734f4104ddb65268ab72e628b0bbf4448', id: "error", class: "error-message" }, this.errorMessage), index.h("div", { key: '9532c1db53dc29bd69a43b63ffda5ac44741b10b', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/wm-timepicker.cjs.entry.js

@@ -42,12 +42,24 @@ const Timepicker = class {
         // string "false" needs to be treated as bool False because react wrappers convert bool to string.
         return functions.toBool(this.disabled);
     }
+    /**
+     * @description Validates a time string against both 12-hour and 24-hour formats.
+     * @param input The time string to validate.
+     * @returns `true` if the string is a valid time, `false` otherwise.
+     */
     async isValidTime(input) {
         return this.isValidTimeInternal(input);
     }
     isValidTimeInternal(input) {
         return this.twelveHrValid.test(input) || this.twentyFourHrValid.test(input);
     }
+    /**
+     * @description Converts a time string between 12-hour and 24-hour formats.
+     * @param format The target format: `"12"` for 12-hour (e.g. `"02:30 PM"`), `"24"` for
+     *   24-hour (e.g. `"14:30"`).
+     * @param time The time string to convert. Accepts both 12-hour and 24-hour input.
+     * @returns The reformatted time string.
+     */
     async reformatTime(format, time) {
         return this.reformatTimeInternal(format, time);
     }
@@ -292,13 +304,13 @@ const Timepicker = class {
         return this.times.map((time, index$1) => (index.h("li", { id: `option${index$1 + 1}`, "data-time": time, role: "option", onClick: () => this.handleOptionClick(time) }, this.reformatTimeInternal("12", time))));
     }
     render() {
-        return (index.h(index.Host, { key: '41725899f3e7e7a125aa0e1d5134840af5c08312', onBlur: () => this.close(false) }, index.h("div", { key: 'dd62c1ed75e942c4dfb0a4672922cc9e36ffcfa0', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, index.h("div", { key: '8bb7976c75147040b386a64670883146b5cea3c6', class: "label-wrapper" }, this.labelPosition !== "none" && (index.h("label", { key: '16f4c69d31ba9378aa4ed143f80928f90ed0cdba', id: "label", class: "label", htmlFor: "time-input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (index.h("div", { key: 'c8b660189ca66ad9b3babc6c8db9df6dd399e247', "aria-hidden": "true", class: "required" }, "*"))), index.h("div", { key: 'f661fd356437e5436114223cc29a52eb3118a2a7' }, index.h("div", { key: 'bebf84a5162d0627df72859ea959b61ef70b00f1', class: "inner-wrapper" }, index.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") }), index.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 (index.h(index.Host, { key: '1831afe766153cef35d069831724265be8648796', onBlur: () => this.close(false) }, index.h("div", { key: '20aba83b2b72108b4b5e958896b33ff6ea948daa', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, index.h("div", { key: '890f7200653f77315cb9a16414a229bb0217eb69', class: "label-wrapper" }, this.labelPosition !== "none" && (index.h("label", { key: '866856e67edf3ab87d82ce38ac5df95a2ca2c3b2', id: "label", class: "label", htmlFor: "time-input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (index.h("div", { key: '7eb6c6987c41a6816db95238d82c3de9a987f975', "aria-hidden": "true", class: "required" }, "*"))), index.h("div", { key: '3b779c734e9be5f59535d48b9b4c90b508a61a6a' }, index.h("div", { key: '07e1c25e4c09d0be324ab21c73419710e27475e0', class: "inner-wrapper" }, index.h("input", { key: '0443feb1b7a9c02fdb3230d420f7dc398f5f5aab', 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") }), index.h("button", { key: 'f34364aa09c04761d53ecb74a6bfca976e19e1a5', 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();
-            } }, index.h("span", { key: '8ddfb5aa572f502289371b6beb019ef3175c7320', class: "svg-icon svg-time" })), index.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())), index.h("div", { key: '11fd0c06d8e314c1e49994ae7c26c87dbc7a5256', id: "error", class: "error" }, this.errorMessage)), index.h("div", { key: 'd3064458d445c31f95dedfd6bd43d42dcfa9b0f7', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
+            } }, index.h("span", { key: '68eae4f78064e5aad61db87234db57ff1e4ad6d1', class: "svg-icon svg-time" })), index.h("ul", { key: '3addacc9ac7614159e4875832b9540a295fbab23', 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())), index.h("div", { key: '90044d1948a90a9d97d936f3c0097480eec53e2b', id: "error", class: "error" }, this.errorMessage)), index.h("div", { key: '436ed4ccb47cca85c3655adaf8f34fe3eaa7243a', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-toggletip.cjs.entry.js

@@ -238,11 +238,11 @@ const Toggletip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '81915f49745dada074e724bf80f94d0992a0ac9f', class: `size-${this.targetSize}` }, index.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 (index.h(index.Host, { key: 'ddac8497dcda9e0189cce22d3dbf1155fb87dc1f', class: `size-${this.targetSize}` }, index.h("button", { key: 'e3b137bd798f71756e39aa1df07d3aac1ed5e4c0', 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 && functions.showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => functions.hideTooltip(), onFocus: () => !this.isOpen && functions.showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), index.h("div", { key: 'c5786961cb7691c17cc7ebb4f1333d9ec3155eec', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip",
+            onMouseEnter: () => !this.isOpen && functions.showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => functions.hideTooltip(), onFocus: () => !this.isOpen && functions.showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), index.h("div", { key: '65fb469a82de024d88eb7f3f60f16888dd2c8183', 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), index.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), index.h("div", { key: 'c3cd8f6083ca5eedbdfb8efa4a60231c9dfb40f8', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-uploader.cjs.entry.js

@@ -326,9 +326,9 @@ const Uploader = class {
         return (index.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" && (index.h("div", { ref: (el) => (this.dropOverlayEl = el), class: "drop-overlay", popover: "manual" }, index.h("span", { class: "upload-arrow" }), index.h("span", null, "Drop to Upload")))));
     }
     render() {
-        return (index.h(index.Host, { key: 'b648d4def7e7c2288b05f4a11979104c3d6a5c42', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), index.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 (index.h(index.Host, { key: 'ea1278a812caed995ebcc9b895e34ff12f5d06c7', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), index.h("div", { key: '674d1a5a2ef621337fe7d73a5fa07cac8dba45f3', 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" }), index.h("div", { key: '5ae821400d1b569698206a17b20d1bd1c0328d82', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
+            "aria-atomic": "true" }), index.h("div", { key: '13560fdcf221bbd60fa188abf88189e0f1d1a75d', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js

@@ -1,5 +1,10 @@
 import { h, Host } from "@stencil/core";
 import { debounce, findAllScrollableParents, intl } from "../../../global/functions";
+/**
+ * @internal
+ * @description Internal popover used by wm-chart-bar and wm-chart-column to display data
+ * point details on click or keyboard focus. Not for direct application use.
+ */
 export class ChartPopover {
     constructor() {
         this.popoverWidth = 168;
@@ -106,9 +111,9 @@ export class ChartPopover {
     }
     render() {
         const titleAffordance = this.header && (this.header[0] === "-" ? "negative" : this.header[0] === "+" ? "positive" : "");
-        return (h(Host, { key: 'ccf8d6d35d85b8c902d1350aa74d75b479c43b3c', class: this.isKeying ? "user-is-keying" : "" }, h("div", { key: '1340158d01632a92f6ef8c0a5637bc28e5ce7ea5', ref: (el) => (this.popoverEl = el), popover: "manual", "aria-hidden": "true", class: "popover" }, h("h1", { key: 'afb65849a7b7ff30b78f8e78f74bc57824f6acd5', class: `title ${titleAffordance}` }, this.header), h("p", { key: '2f523aae12190a62184136fec74b50fed7436f4a', class: "text" }, this.text), this.buttonText ? (h("button", { tabindex: "-1",
+        return (h(Host, { key: 'a863ab9a9d4b922fe67492a7139fa64d527f178c', class: this.isKeying ? "user-is-keying" : "" }, h("div", { key: '0679e51c1459d5456c0ac037c966a382c33bfd85', ref: (el) => (this.popoverEl = el), popover: "manual", "aria-hidden": "true", class: "popover" }, h("h1", { key: '69fb1bd19cb22af5a05dcd7ace7d846947d5f18b', class: `title ${titleAffordance}` }, this.header), h("p", { key: '235905a6ad8b3cf5c7114aeb75d326ff442b7dc2', class: "text" }, this.text), this.buttonText ? (h("button", { tabindex: "-1",
             // @ts-ignore
-            focusable: "false", class: "popover-button", onClick: () => this.handleButtonClick() }, h("svg", { class: "btn-icon", height: "9", width: "9" }, h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), h("span", { class: "button-text" }, this.buttonText))) : ("")), h("div", { key: '15568d7b0bb0dbc6884bf9baaea4b9ae715d33cf', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
+            focusable: "false", class: "popover-button", onClick: () => this.handleButtonClick() }, h("svg", { class: "btn-icon", height: "9", width: "9" }, h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), h("span", { class: "button-text" }, this.buttonText))) : ("")), h("div", { key: '6c336c7d464df02267b4da0e3060d7f69cc12177', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
     }
     static get is() { return "priv-chart-popover"; }
     static get originalStyleUrls() {

package/dist/collection/components/charts/priv-chart-popover-old/priv-chart-popover-old.js

@@ -1,5 +1,10 @@
 import { h, Host } from "@stencil/core";
 import { debounce, findAllScrollableParents, intl } from "../../../global/functions";
+/**
+ * @internal
+ * @description Legacy internal popover used by wm-chart and wm-progress-indicator to display
+ * slice details on click or keyboard focus. Not for direct application use.
+ */
 export class ChartPopoverOld {
     constructor() {
         this.chartEl = this.el.parentElement.getRootNode().host;
@@ -117,11 +122,11 @@ export class ChartPopoverOld {
         const titleAffordance = this.sliceDetails &&
             this.sliceDetails.title &&
             (this.sliceDetails.title[0] === "-" ? "negative" : this.sliceDetails.title[0] === "+" ? "positive" : "");
-        return (h(Host, { key: 'c5c7427fd813574e1634fd1635f864eb641236ec', class: `${((_a = this.sliceDetails) === null || _a === void 0 ? void 0 : _a.buttonText) && this.open ? "has-interactive" : ""}` }, !!this.open && this.sliceDetails ? (h("div", { "aria-hidden": "true", class: "popover" }, h("h1", { class: `title ${titleAffordance}` }, this.sliceDetails.title), h("p", { class: "text" }, this.sliceDetails.text), this.sliceDetails.buttonText ? (
+        return (h(Host, { key: 'ffd6a3d344b02332b04e67a101b0c0aebc4bf829', class: `${((_a = this.sliceDetails) === null || _a === void 0 ? void 0 : _a.buttonText) && this.open ? "has-interactive" : ""}` }, !!this.open && this.sliceDetails ? (h("div", { "aria-hidden": "true", class: "popover" }, h("h1", { class: `title ${titleAffordance}` }, this.sliceDetails.title), h("p", { class: "text" }, this.sliceDetails.text), this.sliceDetails.buttonText ? (
         // @ts-ignore
         h("button", { tabindex: "-1",
             // @ts-ignore
-            focusable: "false", class: "popover-button", onClick: () => this.handleButtonClick() }, h("svg", { class: "btn-icon", height: "9", width: "9" }, h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), h("span", { class: "button-text" }, this.sliceDetails.buttonText))) : (""))) : (""), h("div", { key: '194d04ee3cfcba53718a385abbce61b15836845c', ref: (el) => (this.liveRegion = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.open && this.renderLiveRegion())));
+            focusable: "false", class: "popover-button", onClick: () => this.handleButtonClick() }, h("svg", { class: "btn-icon", height: "9", width: "9" }, h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), h("span", { class: "button-text" }, this.sliceDetails.buttonText))) : (""))) : (""), h("div", { key: '41246afef9c521d8db48d7d272835c6829d5a148', ref: (el) => (this.liveRegion = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.open && this.renderLiveRegion())));
     }
     static get is() { return "priv-chart-popover-old"; }
     static get originalStyleUrls() {